JavaScript JavaScript - 図形に色やグラデーションを設定する方法 JavaScript で描画する図形にスタイルを設定するためのプロパティや、グラデーションカラーを作成するメソッドを紹介します。レインボーカラーや図形を立体的に見せるためのサンプルコードも掲載しているので参考にしてください。
JavaScript JavaScript - Canvas に図形を描く方法 HTML の canvas 要素を利用すると、JavaScript でグラフィックを描くことができます。基本的なメソッドを学んで、四角形や三角形、円やテキストなど簡単な図形を描画できるようになりましょう。
JavaScript JavaScript - for ループ (繰り返し) の基本【初心者向け】 繰り返し処理を実行するために使われる for 文の書き方や、ループの中で使われる break 文と continue 文について、プログラミング初心者の方でも分かりやすいように簡単なコードを例にして解説します。
JavaScript JavaScript - イベントオブジェクト - function(e) の e とは? function(e) の e はイベントオブジェクトを受け取るための変数です。イベントオブジェクトにアクセスして、押されたキーの種類やマウスポインターの座標などの情報を取得できるようになりましょう。
JavaScript JavaScript - デジタル時計の作り方 Date オブジェクトを使ってデジタル時計を作ります。setInterval() で1秒ごとに時間を更新する方法や、表示する桁数を揃えるゼロパディングの方法、アロー関数 => の書き方について学びましょう。
JavaScript JavaScript - Date オブジェクトで日付と時刻を取得する方法 Date オブジェクトで現在日時を取得する方法を紹介します。getMonth() や getHours() など日時に関するメソッドを使って、今日の日付や現在の時刻を表示できるようになりましょう。
JavaScript JavaScript - オブジェクトの基本【初心者向け】 この記事では、オブジェクトとは何か、プロパティやメソッドの意味、オブジェクトを作る方法であるオブジェクトリテラルとコンストラクタについて、初心者向けに簡単に紹介します。
JavaScript JavaScript - 数当てゲームの作り方【応用編】 この記事は「数当てゲームの作り方【基本編】」に続く応用編です。入力欄やボタンに機能を加えて遊びやすいように改良します。簡単なゲームなので、プログラミング初心者の方もぜひ挑戦してみてください。
JavaScript JavaScript - 数当てゲームの作り方【基本編】 数当てゲームはランダムに選ばれた数を予想するゲームです。プログラミング初心者の方でも分かりやすいようにゲームの基本的な考え方をシンプルなコードで解説します。
JavaScript JavaScript - 背景色を変更する方法 - 配列からランダムに色を選ぶには? JavaScript で要素のスタイルを変更する方法を学びましょう。ユーザーのクリックで背景色を変えるコードを、基本と応用に分けて解説します。プログラミング初心者の方や、配列や乱数について知りたい方におすすめの内容となっています。
JavaScript JavaScript - クリックカウンターの作り方【初心者向け】 ボタンのクリック数を画面に表示するクリックカウンターを作ります。コードのポイントとなるのはインクリメント演算子 ++ と innerHTML です。プログラミング初心者の方でも分かりやすいように、簡単な HTML と JavaScript で解説します。
JavaScript JavaScript - ボタンクリックでメッセージを表示する方法【初心者向け】 ユーザーの操作をきっかけに動く JavaScript の書き方を紹介します。ボタンのクリックに反応するシンプルなコードを書きながら、要素の取得やイベント、イベントハンドラーやイベントリスナーなどの基本を解説します。
JavaScript JavaScript - 関数の基本 - 関数宣言と関数式【初心者向け】 プログラミングをする際、関数の知識は欠かせません。関数を使えば、同じコードを何度も書くことなく特定の処理を実行できるようになります。関数の書き方、パラメータや引数、return 文や戻り値、巻き上げなどの意味を学びましょう。
JavaScript JavaScript - 条件分岐の基本 - if 文の書き方と true, false の意味 if 文は、「もし〇〇ならAをする、そうじゃなかったらBをする」のように、条件によって処理を分岐させるための文です。if 文を理解する際に必要になる、真理値(真偽値)の true と false についても、一緒に学んでいきましょう。
JavaScript JavaScript - 変数の基本 - var, let, const【初心者向け】 プログラミングを学習する際に、最初の段階で学んでおきたい基礎知識のひとつが、変数です。変数とは何か?なんのために使うのか?どうやって書くのか?など、初めて変数に触れる方の疑問に答えます。
JavaScript JavaScript - ダイアログの表示方法 - alert(), confirm(), prompt() ポップアップで表示するダイアログを3つ紹介します。ユーザーに対してメッセージを表示する alert()、確認をする confirm()、入力を求める prompt() の使い方を学びましょう。
JavaScript JavaScript - 記述場所と読み込み方法 JavaScript は HTML ファイル内に直接書くか、外部ファイルに書いて読み込みます。JavaScript をブラウザで動かすために、 <script> 要素で HTML に読み込む方法を学びましょう。
JavaScript JavaScript - コードを書いてブラウザで動かすまでの手順 初心者の方向けに、JavaScript を記述して実行する手順をひとつずつ解説します。簡単なコードを書いて動かしてみることからプログラミングに挑戦してみましょう。
JavaScript JavaScript - コードを書くときの基本的なルール【初心者向け】 JavaScript コードの基本的な書き方や、守らなければいけない記述ルールについて紹介します。プログラミング初心者の方は、こちらの記事を読んでから JavaScript でのコーディングを初めましょう。
JavaScript JavaScript - プログラミングをする環境を整えよう JavaScript を学んでいくために必要なツールを紹介します。インターネットに接続されたパソコンを用意して、プログラミングをするための環境を整えていきましょう。
JavaScript JavaScript プログラミングを始めよう JavaScript(ジャバスクリプト)は、私たちが日常的に利用しているウェブサイトやウェブアプリなどで使われているプログラミング言語です。プログラミング初心者の方へ向けて、JavaScript について簡単に紹介します。
日本語 Welcome 2023! (English below Japanese) 新年あけましておめでとうございます。 おかげさまで、Pyxofy (ピクソファイ)は開設2周年を迎えることができました。 2023年もPyxofy と一緒に自己研鑽に励んでいきましょう! 新コンテンツ * JavaScript Programming 中学生以上の初心者向けに、JavaScript (ジャバスクリプト)でのプログラミングを解説します。 * CSSアニメーション CSSを使ったアニメーションの作り方を、初心者向けにご紹介。 メンバー限定コンテンツ 今年もPyxofyメンバーの方のみがご覧いただけるコンテンツを多数配信致します。 是非、Pyxofyメンバーへご登録を! メンバー登録はこちらから。 今年も引き続き、どうぞよろしくお願いいたします。 Happy New Year! Thanks to you, Pyxofy is celebrating its 2nd anniversary. Let's continue to improve o
日本語 Thank you for 2022 (English below Japanese) 今年も残すところ、あとわずかとなりました。いつも Pyxofy (ピクソファイ)にご訪問いただきありがとうございます。 2022年は、新たに英語のコンテンツとして、CSS アートの基本や有名なゲームキャラクターの作り方などを紹介しました。また、スクラッチプログラミングについては、Pyxofyメンバー限定でレベルアップしたプロジェクトを多く掲載してきました。 たくさんの方にメンバー登録をしていただき、感謝の気持ちでいっぱいです。 来年も引き続き、新たな学びの場として Pyxofy をご活用いただけると嬉しく思います。 どうぞ、よいお年をお迎えください。 Just a few more days before year end. Thank you for visiting Pyxofy this year. In 2022, we introduced new English content such as the basics
Members only Scratch スクラッチプログラミング - ライフ(HP)のつくりかた ゲームでつかえるライフ(HP)のプログラムを紹介(しょうかい)します。ハートのスプライトでライフを表示(ひょうじ)して、ダメージをうけたときに1ポイントずつへるようにプログラミングします。
Scratch スクラッチプログラミング - ドッジボールゲームのつくりかた - Part 3 プレイヤーと対戦相手(たいせんあいて)にライフ(HP)を設定(せってい)して、ドッジボールゲームを完成(かんせい)させましょう。ボールにあたったらライフポイントをへらして、ライフがゼロになったらゲームをおわりにします。