1
/
5
株式会社アルシエ

Programming

Trending
Trending Posts

GitHub Desktop

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「GitHub Desktop」についてお伝えしていきます。 GitHubとは GitHubは、プログラムのソースコードなどをオンラインで簡単に共有・管理できるサービスです。 本来コマンドラインで操作をするところ、GitHub Des...

適切なuseEffectを使用しましょう🥹

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回はuseEffectについてお伝えしていきます。 Reactでは、適切にuseEffectを使用しなければ、パフォーマンスやバグの原因になる可能性があります。 useEffectは他の状態要素を変更するために特定の状態要素を監視すること...

外部APIからデータを取得しよう!

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「外部APIからデータの表示方法」についてお伝えしていきます。 JavaScriptのFetchを使用して外部APIからデータを取得しよう Web開発では、外部のAPIからデータを取得して表示することがあります。 JavaScript...

JavaScriptでToDoリストアプリを作成しよう!

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「JavaScriptでToDoリストアプリを作成の仕方」についてお伝えしていきます。 JavaScriptでToDoリストアプリを作成しよう HTML、CSS、JavaScriptを使用してシンプルなToDoリストアプリを作成してい...

JavaScript 配列の「filter() 」メソッド☺️

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「filter() メソッド」についてお伝えしていきます。 filter() メソッドは、特定の条件にマッチする要素を抽出し、それらを新しい配列として返すJavaScriptの配列メソッドです。 filter()の構文 array.f...

Latest
Latest Posts

HTML Canvasチートシート

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「HTML Canvasチートシート」についてお伝えしていきます。 HTML Canvasは、JavaScriptを使用してグラフィカルなコンテンツを描画するための強力なツールです。 Canvas要素の作成 htmlCopy code...

console.logの使い方

こんにちは!株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「console.log()」についてお伝えしていきます。 console.log() の基本 console.log() は、コンソールにメッセージを出力するためのメソッドです。 以下は、基本的な使い方です。 javascriptCo...

JavaScriptのスコープとは

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「JavaScriptのスコープ」についてお伝えしていきます。 JavaScriptのスコープとは JavaScriptのスコープ(Scope)は変数や関数が有効である範囲を定義します。 正確な変数の使用、エラーの回避、そしてクロージ...

こんな事ができるHTMLタグ

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「こんな事ができるHTMLタグ」についてお伝えしていきます。 詳細と内容まとめ 開閉可能なウィジェットは通常JavaScriptを利用して実装しますが、挙動を取り扱うデフォルトのHTMLタグが存在します。 <details>タグにはデ...

MVCモデルについて

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「MVCモデル」についてお伝えしていきます。 MVCとは何か MVC(Model-View-Controller)は、ソフトウェア開発におけるアーキテクチャパターンの一つです。 このアーキテクチャは、ソフトウェアをモデル(Model)...

ゲームをプレイしてCSSのコードを学ぶ

こんにちは! アルシエで教育に関するサポートをしている岸本です。 今回は「ゲームをプレイしてコードを学ぶことができるCSS」についてお伝えしていきます。 フレックスボックスゾンビ2.0 (Flexbox Zombies 2.0) クロスボウを持ったキャラクターを操作してゾンビを撃つ楽しいゲーム。 Flexbox...

CSS-in-JSとは

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「CSS-in-JS」についてお伝えしていきます。 CSS-in-JSとは CSS-in-JSの基本的な概念 CSS-in-JSは、スタイリングをJavaScriptコード内で管理することです。 CSSファイルを使う代わりに、Java...

モジュールのコード管理

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「モジュールのコード管理」についてお伝えしていきます。 モジュールとは? モジュールの基本概念 モジュールは、コードを小さな部品に分割し、それぞれの部品を独立して管理する仕組みです。 これにより、コードの再利用性を高め、保守性を向上さ...

Vue.js 2基本的な概念

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Vue.js 2基本的な概念」についてお伝えしていきます。 Vue.js 2入門: 基本的な概念と使い方 Vue.jsは、使いやすいJavaScriptフレームワークで、ウェブアプリケーションの構築を効率化します。 Vue.jsは、...

ReactのuseMemo

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「useMemo」についてお伝えしていきます。 複雑な計算 コンポーネント内で負荷の高い計算を行う場合、useMemoを使用して計算が必要な場合のみ再実行されるようにします。 そうすることで、パフォーマンスを向上させることができます。...

Turborepo とは何か❓🧐

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Turborepo」についてお伝えしていきます。 Turborepoは、モノリポジトリ内でTypeScriptとJavaScriptプロジェクトを管理するための優れたツールで、高速なビルドシステムや依存関係管理の機能を提供します。 ...

Axios と Fetch API の比較

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Axios と Fetch API の比較」についてお伝えしていきます。 Axiosとは? Axiosは、JavaScriptでHTTPリクエストを行うための人気のあるライブラリです。 ブラウザ環境とNode.js環境の両方で利用...

Web 開発者の生産性を向上させるVS Code 拡張機能

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「Web 開発者向上させるVS Code 拡張機能」についてお伝えしていきます。 ライブプレビュー Live Preview 拡張機能を使用すると、VS Code 内の小さなブラウザーで Web サイトを表示できます。 そのため、We...

useLocation フックを使ったナビゲーション

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「useLocation フックを使ったナビゲーション」についてお伝えしていきます。 ReactJSアプリケーションを開発するとき、ナビゲーションは不可欠な要素です。 ユーザーが別のページやビューに移動し、現在のURLにアクセスする必...

VSCode ショートカット

こんにちは! 株式会社アルシエで教育に関するサポートをしている岸本です。 今回は「VSCode ショートカット」についてお伝えしていきます。 Visual Studio Code(以下、VS Code)は、多くのプログラマーや開発者にとって非常にポピュラーなコードエディターであり、その柔軟性とカスタマイズ可能性に...

Followers
Posts
61
Likes
137
About
Programming
DLAの教育担当が中心となりプログラミングに関するストーリーを書いています。
Writers