Code

JavaScript

【Vue3勉強】Todoアプリ 積み上げ1

つくったもの やったこと Vue3環境構築 Vuetifyインストール（アイコン、コンポーネント） 入力ボックスにタスク名を追加して、Enterキー押下でTodoリストにタスクを追加 未入力時は追加しない（入力チェック） Todoリストの左...
2023.05.17
JavaScript
JavaScript

Vuetify3ことはじめ2（Vite）

はじめに 過去にVue CLIで作成したVueプロジェクトにVuetifyをインストールしたことはあるが、Viteだと少し手順が変わっていて上手く動かなかったのでVite版でやってみる。 本記事のゴール Viteで作成したVueプロジェクト...
2023.05.16
JavaScript
JavaScript

Viteベースの「create-vue」を使ったVue3環境構築手順

はじめに 以前、Vue CLIを使ってVue3環境を構築したが、Vue3の環境構築においてVue CLIは主流ではなくなっておりメンテナンスモードになっていることを知った。 現在は、Viteという実行環境をベースにしたプロジェクト作成ツール...
2023.05.04
JavaScript
JavaScript

Vuetify3ことはじめ

Vuetify3とは デザインスキルがなくてもマテリアルデザインのUIを簡単に作れるUI Component Frameworkのこと バージョン3が2022年11月と今月にリリースされたので、さっそく使ってみるVuetify - A UI...
2022.11.23
JavaScript
JavaScript

Vue CLIを使ってVue.js環境を作ってみる

はじめに SPAでWebアプリを作りたいと思ったので、SPAフレームワークの中でも比較的難易度の優しいといわれているVue.jsの環境をVue CLIを使って構築してみる 本記事のゴール VueCLIで作ったVue.jsのアプリ骨格を起動す...
2022.11.22
JavaScript
Python

PythonでSSH接続してコマンド実行する

はじめに 前回はRloginを使ってSSH接続しましたが、PythonのParamikoライブラリを使えばコードからも同じことが出来ることを知ったのでやってみる。 本記事のゴール PythonライブラリのParamikoを使って、WSL2で...
2022.07.07
Python
Python

PythonでSFTP通信してみる

はじめに Rloginのファイル転送機能を使って、定期的にサーバ上のログファイルをホスト側にダウンロードしていたが面倒くさくなってきたのでPythonで自動化してみる。 本記事のゴール PythonライブラリのParamikoを使って、WS...
2022.07.04
Python
VSCode

VSCodeのMarkdown環境を整える　～その6 CSS拡張～

はじめに 第6弾で最終回のVSCodeのMarkdown環境を整えていきたいと思います。 今回はプレビュー機能で表示される画面のCSSをカスタマイズしていきたいと思います。なお、前提として今回は拡張機能であるMarkdown Preview...
2020.09.06
CSSVSCode
Python

【Python】指定した曜日の次週の日付を取得する

概要 タイトル通り、指定した曜日の次週の日付を取得する 具体例 例えば、今日の日付が2020月04月13日（月）で来週の「水曜日」の値を知りたいとした場合、アウトプットとして2020月04月22日（水）の日付を返す。 良いところ？ これの良...
2020.04.13
Python
JavaScript

JavaScriptでテーブルの特定列を折りたたむ

作ったもの チェックボックスをチェックすることでテーブルの対応する列を折りたたむ。 処理としては、表示と非表示を切り替える(toggle)ことで折りたたんでいるように見せてる。 See the Pen 列折りたたみ by ashitaka1...
2020.04.12
CSSHTMLJavaScript