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

React

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

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

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

【Rails7 + React + TypeScript】によるフロントエンド開発

Rails 7、React、およびTypeScriptを使用してフロントエンド開発を行う方法について、jsbundling-railsを使ったTypeScriptのセットアップ方法、Reactコンポーネントの作成と組み込み方法、RailsのERBファイルでのコンポーネントの呼び出し方法について記載。
デザイン(Figma)

【デザイン】アイコンガイドラインの作成と統一法:Font Awesome, Material Icons, React Icons

クロスプラットフォーム(Web・アプリ)で開発している場合に、歴史的経緯やリソースの優先順位などからアイコンガイドラインが定まっていない場合がある。有名なアイコンフォントとして、Font AwesomeやMaterial Fontsなどが挙げられる。
Web(React / Python)

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

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