Sketch

イラストとプログラミングを使ってデザインを作るサンプルコード集。決して使いやすくはない配布形式ですが、プログラミング未経験という方に「コードそのものをダウンロードして実行したり改造する楽しみ」に触れていただければ幸いです。初めての方はサンプルコードを使ったオリジナル作品の作り方をご覧ください。

【レッスン#10】 「タイマー処理」を学ぶプログラミング教材

プログラミング教材#10では一定時間ごとに指定した処理を実行する方法を学びます。これによりアニメーション表現などができるようになります。

続きを読む

【レッスン#9】 「マウスイベント」を学ぶプログラミング教材

プログラミング教材#9ではユーザーのマウス操作に反応する処理を学びます。マウスをトリガーとした処理を覚えることでゲームやアートなど様々な可能性が広がります。

続きを読む

【レッスン#8】 「グラフィックの描画」を学ぶプログラミング教材

プログラミング教材#8ではJavaScriptでグラフィックを描画する方法を学びます。テキストのみによる表現を抜け出しアクションの幅を広げることができるようになります。

続きを読む

【レッスン#7】 「配列の使い方」を学ぶプログラミング

プログラミング教材#7では「配列」を使って同じ名前の変数でたくさんの種類の値を管理する方法を学びます。

続きを読む

【レッスン#6】 「条件分岐」を学ぶプログラミング教材

プログラミング教材#6ではif文を使って条件によって処理を変えることができるようになることを目指します。

続きを読む

【レッスン#5】 「繰り返し処理」を学ぶプログラミング教材

プログラミング教材#5ではfor文を使って同じ作業を繰り返し実行する方法を学びます。繰り返しはプログラミングの重要なポイントです。

続きを読む

【レッスン#4】 「乱数の使い方」を学ぶプログラミング教材

プログラミング教材#4では組み込み関数Mathを使って乱数を生成する方法を学びます。任意の範囲の整数に整える実用パターンも扱います。

続きを読む

【レッスン#3】 「変数と演算の基本」を学ぶプログラミング教材

プログラミング教材#3では変数や演算子を使って簡単な計算をする方法を学びます。また文字列の結合についても扱います。

続きを読む

【レッスン#2】 「HTML要素の書き換え」を学ぶプログラミング教材

プログラミング教材#2ではinnerHTMLを使ってJavaScriptでHTMLを書き換える方法を学びます。これができるとウェブページの表示内容を自由に操れるようになります。

続きを読む

【レッスン#1】 「JavaScriptの学習環境」を学ぶプログラミング教材

JavaScriptでプログラミングするとはどういうことなのか、その基本をじっくり解説します。ちょっと長めですが難しくはありません。学習環境CodePenの使い方も覚えます。

続きを読む