方言を話すおしゃべり猫型ロボット『ミーア』をリリースしました(こちらをクリック)

Web(React / Python)

スポンサーリンク
Web(React / Python)

【React】i18nライブラリーを導入しプロジェクトを多言語対応する手順

Reactの多言語対応を目指す開発者向けに、i18nライブラリ「react-i18next」と「i18next-browser-languagedetector」を使用し、ユーザーのブラウザ設定に応じた自動的な言語切り替えを導入する手順を詳述しています。多言語ディレクトリ構造の作成から、i18n設定ファイルの構築、言語ファイルの追加、コンポーネントの翻訳準備、ナビバーでの言語選択ドロップダウンの実装方法までを順を追って解説。Docker環境での依存関係のリビルド方法にも触れています。
Web(React / Python)

【X(Twitter) bot】GASでスプレッドシートから自動投稿するX Botの作り方:①準備編

Twitter developerアカウント登録して、Client ID・Secret取得し、User authenticationを設定する。GASでtwitter認証を作成し、OAuth2ライブラリ追加して、Twitter API認証処理のコード作成する。
Web(React / Python)

【シナリオテスト】の書き方とコツ:MECEに分解し適度に細分化する方法

シナリオテストを書く際の注意点とコツを記載。シナリオテストを書く上で求められるのは、MECEに条件を分解しつつも過度に細分化しないバランスを取る能力。シナリオテストでは、プログラミングコードを直接記載する必要はない。つまり、エンジニアでなくても記載できる。モックアップを作成したPdMやUIUX担当者などが、そのままシナリオテストを書くのが効率的かもしれない。
Web(React / Python)

【Webセキュリティ】HTTPとセッション管理, GET/POST, 認証と認可, Basic認証, Cookie, 同一オリジンポリシー

同一オリジンポリシーにおいて、「オリジン」はスキーム(プロトコル)、ホスト(ドメイン名)、ポート番号の3つがすべて一致する場合に、2つのリソースは「同一オリジン」とみなされる。クッキーなど認証用のヘッダを伴うクロスオリジンリクエストにはwithCredentialsプロパティをtrueに設定する必要がある。
Web(React / Python)

【Stripe】本番環境時のテストは決済金額を50円以上にする

Wordpress(WooCommerce)+Stripeの組み合わせで、Stripeの本番決済をテストしたところ、思わぬ落とし穴に遭遇した。本番環境では購入金額を50円以上に設定しないと、クレジット入力欄が表示されないので、ユーザーは決済できない。
Web(React / Python)

【Git】oh-my-zshでgitコマンドのalias

Oh My Zshは、Zsh構成を管理するためのオープンソースのコミュニティ主導のフレームワーク。oh-my-zshでのgitコマンドのエイリアスを、特に個人的によく使うものを中心にまとめておく。gitコマンドのショートカットによる時短狙い。
Web(React / Python)

【Git】init・status・add・commit・rm・log・merge・branch・checkout・fetch・push・pull

分散型バージョン管理システム。名前の通り、リポジトリが分散している=個人個人が手元にそれぞれのリポジトリを持っている。開発による個々人のリポジトリの変更内容を、共有リポジトリという形で複数人と共有できる。Gitにおける3つの領域:作業ディレクトリ・ステージングエリア・リポジトリ
Web(React / Python)

【VSCode】生産性UPのために、設定と拡張機能を諸々見直した。

プログラミングの生産性UPの観点で、VSCode, Linuxコマンド, タイピング, gitコマンドなどを再際勉強中で、今回はVSCodeの設定に関して。ChatGPT - Genie AI拡張機能インストール後、メニューバーにopen ai api keyを入れるようにアナウンス出るので入れる
Web(React / Python)

【Linux】ls, cp, mv, rm, pwd, cd, mkdir, rmdir, cat, find, which, grep, touch, head, tail, diff, vi, chmod

chmod:ファイルのアクセス権を変更。change modeの略。パーミッションは3桁の数字で表され、各桁は所有者、グループ、他のユーザーの権限を表す。各桁はそれぞれ読み取り(4)、書き込み(2)、実行(1)の値を持ち、これらの値を組み合わせて権限を指定する。
Web(React / Python)

【オブジェクト指向でなぜつくるのか?】OOP, クラス, 型付け, 継承, ポリモーフィズム, パッケージ, 例外, ガベージコレクション, コンパイラ, インタプリタ, 中間コード, メモリ領域

2022年に購入して積読だった「オブジェクト指向でなぜつくるのか 第3版 知っておきたいOOP、設計、アジャイル開発の基礎知識」を最近読んだので、まとめ記載。プログラミング言語の歴史の部分が、とてもわかりやすかった。OOPでは新しく3つの要素(クラス・ポリモーフィズム・継承)を導入した。
スポンサーリンク