Programming

Posts in 2024

名言ジェネレーター

こんにちは！株式会社アルシエで教育に関するサポートをしている岸本です。今回は「名言が表示されるようなアプリケーション」についてお伝えしていきます。 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...