技術メモ

通常、業務レベルであればサーバはLinux系のOSを使用する事が多いですが、私が趣味で構築しているサーバはWindows 10であるため、SSH接続の際に少しハマった点があったので備忘録として残しておきます。 概要 Windows機のサーバに対して開発を行っている際、RDP接続が面倒くさいからSSH接続してVSCode上で開発したり、WinSCPでファイルのやり取りをしたい！ というのが動機です。 SSH用のキーペア作成 Windowsの場合、OpenSSH機能を使ってキーペアを作成できます。 ここでは「id_rsa」という秘密鍵と、「id_rsa.pub」という公開鍵を作成する例を記載します…

こんにちは！MixedNutsのつかさです！ 本日は、タイトルの通りユーザー登録制ファイル共有システムを構築した際の備忘録として、主にWebシステム構築初心者の方向けに紹介します。 📌 システム概要 このシステムは、Webブラウザ上からログインし、登録ユーザー同士でファイルをアップロード・ダウンロード・プレビューできるアプリケーションです。 使用OS：Windows 10（サーバ側） フロントエンド：Vue.js バックエンド：Flask（Python） データベース：SQLite 主な機能は以下のとおりです： ユーザー登録・認証機能（今回は簡易的に管理者がDBを直接流し込む事とし、登録フォー…

現象 huskyを導入したプロジェクトで、SourceTreeからgit commitしようと思ったら、エラーが出た。 Unexpected token { husky - pre-commit script failed (code 1) Completed with errors, see above 原因 ローカルのNode.jsのバージョンが古いことが直接の原因。（開発は、Docker上で最新のNode.jsを使っていた。） やったこと nodenvでNode.jsのバージョンを切り替える nodenv install 22.14.0 nodenv local 22.14.0 node…

やりたいこと 非同期(axios)で取得した値をstoreに保存して、リアクティブに反映させたい。 ポイント storeのstateには初期値をちゃんと設定する。初期値がないと変更が検知されない。 Vuexのstateは自動的にリアクティブになるので、watchとかする必要なし。 実装 storeはVuexのモジュール構造で分割している想定。 ① モジュールを作成する。 store/data/moduleData.js というスクリプトを用意して、storeを作る。 export default { namespaced: true, // 名前空間 state: { dataStore: {…

約半年ほど仕事を休職していまして、最近元の職場に復帰しました！✨ すごく久しぶりに仕事のプロジェクトを立ち上げていつも通りChromeからのVue Devtoolsを使おうとしたら以下のメッセージが… Migration Tips Vue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work. The legacy version that supports both Vue 2 and Vue 3 has been moved to here, please install and…

こちらの本を読みました！ 良いコード／悪いコードで学ぶ設計入門 [ 仙塲 大也 ]価格: 3278 円楽天で詳細を見る もう何年も仕事で超絶レガシーコードを触っていて嫌になることが多々あるので、そして自分もレガシーコードを書いている気がして不安になるので、気になって読みました。 JavaやC#のような静的型付けオブジェクト指向言語のクラス設計の話が中心だったので、普段自分が触っているJavaScriptやPHPにドンピシャな本ではなかったですが、それでも学ぶことが多かったです。サンプルコードは馴染みのないJavaでしたが、特定の言語に限る話ではないので理解できないことはなく、NG例とOK例がセ…

こちらの本を読みました。とっても勉強になりました！ フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 [ 吉井 健文 ]価格: 3080 円楽天で詳細を見る 読もうと思ったわけと感想 テストを導入の必要性はとても感じているけれど、仕事でなかなかテストを書く機会に恵まれず…。 そもそも自分がフロントエンドのテストって何すればいいのかよくわかっていなかったので、提案もままならず…なので、まずは知識をつけたいと思ってこちらの本を読みました。フロントエンドのテストに関して体系的にまとめられている本はほとんどお見かけしないので、本当にありがたいです。 結果、読む前と…