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

Web(React / Python)

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

Expo入門:ディレクトリ構造・Expo Router・セットアップ手順

Expoは、Expo Application Services(EAS)を中心とするツール群を提供する、React Nativeベースのモバイルアプリケーション開発フレームワーク。React Native自体はJavaScriptを使用してクロスプラットフォーム(iOS/Android)のアプリを開発するためのフレームワークだが、Expoはその上に構築され、以下の特徴を持つ
Web(React / Python)

React Native:コンポーネント・JSX・Props・State

React Nativeは、JavaScript(もしくはTypeScript)でモバイルアプリを開発できるフレームワーク。1つのコードベースでiOSとAndroidの両方に対応するアプリを開発可能(クロスプラットフォーム開発)
Web(React / Python)

【Web開発】サーバーサイドレンダリング(SSR)→Ajaxの出現とSPA普及→仮想DOM(React)→PWA

サーバーサイドレンダリング(SSR): 2000年以前、すべてのコンテンツがサーバーで生成され、クライアントに送信されていた。Ajaxの出現とSPAの普及: 2000年代初頭から2010年頃、Ajaxを用いた非同期通信によってページの一部だけを更新する技術が普及し、SPA(シングルページアプリケーション)が登場。
Web(React / Python)

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

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