Programming

Latest Posts

名言ジェネレーター

こんにちは！株式会社アルシエで教育に関するサポートをしている岸本です。今回は「名言が表示されるようなアプリケーション」についてお伝えしていきます。 JavaScript を使用してランダムな名言を表示するシンプルなアプリケーションを作成します。ユーザーがボタンをクリックするたびに新しい名言が表示されるような...

package.jsonの中身

こんにちは！株式会社アルシエで教育に関するサポートをしている岸本です。今回は「package.json」についてお伝えしていきます。 package.jsonとは「package.json」とは、Node.jsプロジェクトで使用される、プロジェクトの設定や依存関係を管理するための重要なファイルです。このフ...

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...