こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「CSS-in-JS」についてお伝えしていきます。 CSS-in-JSとは CSS-in-JSの基本的な概念 CSS-in-JSは、スタイリングをJavaScriptコード内で管理することです。 CSSファイルを使う代わりに、Java...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「モジュールのコード管理」についてお伝えしていきます。 モジュールとは? モジュールの基本概念 モジュールは、コードを小さな部品に分割し、それぞれの部品を独立して管理する仕組みです。 これにより、コードの再利用性を高め、保守性を向上さ...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Vue.js 2基本的な概念」についてお伝えしていきます。 Vue.js 2入門: 基本的な概念と使い方 Vue.jsは、使いやすいJavaScriptフレームワークで、ウェブアプリケーションの構築を効率化します。 Vue.jsは、...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「useMemo」についてお伝えしていきます。 複雑な計算 コンポーネント内で負荷の高い計算を行う場合、useMemoを使用して計算が必要な場合のみ再実行されるようにします。 そうすることで、パフォーマンスを向上させることができます。...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Turborepo」についてお伝えしていきます。 Turborepoは、モノリポジトリ内でTypeScriptとJavaScriptプロジェクトを管理するための優れたツールで、高速なビルドシステムや依存関係管理の機能を提供します。 ...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Axios と Fetch API の比較」についてお伝えしていきます。 Axiosとは? Axiosは、JavaScriptでHTTPリクエストを行うための人気のあるライブラリです。 ブラウザ環境とNode.js環境の両方で利用...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Web 開発者向上させるVS Code 拡張機能」についてお伝えしていきます。 ライブプレビュー Live Preview 拡張機能を使用すると、VS Code 内の小さなブラウザーで Web サイトを表示できます。 そのため、We...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「useLocation フックを使ったナビゲーション」についてお伝えしていきます。 ReactJSアプリケーションを開発するとき、ナビゲーションは不可欠な要素です。 ユーザーが別のページやビューに移動し、現在のURLにアクセスする必...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「VSCode ショートカット」についてお伝えしていきます。 Visual Studio Code(以下、VS Code)は、多くのプログラマーや開発者にとって非常にポピュラーなコードエディターであり、その柔軟性とカスタマイズ可能性に...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「VSCodeのカラー」についてお伝えしていきます。 VSCodeのカラー 1. Github Theme 主な特徴: GitHub の UI のルック アンド フィールを模倣 インストール数: 810 万以上 GitHubユーザ...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「APIの動作」についてお伝えしていきます。 基本 API(アプリケーション プログラミング インターフェース)は、異なるソフトウェアシステム同士が通信できるようにする役割のようなものです。 これは、開発者がサービス、アプリケーション...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「ワークフローを改善する生産性向上ツール」についてお伝えしていきます。 Rytr AI を活用したコンテンツ作成ツール。記事、ブログ、ソーシャル メディアの投稿など、さまざまな目的で高品質のコンテンツを作成できます。 UIzard ...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「React.js では関数がクラスよりも優れている理由」についてお伝えしていきます。 React.js の関数とクラス クラス React のクラスは、「クラス コンポーネント」と呼ばれることがよくあります。 これらは、コンポーネン...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「textContents、innerText、innerHTML: 違い」についてお伝えしていきます。 textContentの取得と更新 HTML要素内のテキストコンテンツを取得と更新するためのプロパティとして、textConte...
こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「モバイル対応ナビゲーション バーの実装」についてお伝えしていきます。 ステップ 1 - HTML マークアップを追加する ナビゲーションバーのHTMLマークアップを追加する前に、ハンバーガーアイコンを取得しましょう。 モバイルデバイ...