Code

JavaScript

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

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

Vuetify3ことはじめ2(Vite)

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

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

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

Vuetify3ことはじめ

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

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

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

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

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

PythonでSFTP通信してみる

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

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

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

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

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

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

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