JavaScript

JavaScript

銀河鉄道の夜のセリフをスワイプできるサイト

以前作った『銀河鉄道の夜』のセリフだけをぬきだしたデータをJSONファイル化し、スワイプで順番に表示するサイトを作った。
JavaScript

ランダムな名前を返すJavaScript関数

引数に名前の最大文字数を指定して使う。使用例getRoboName(10)
JavaScript

JavaScript:1枚の画像をブロック単位に分割してランダムに置き換え10秒で元に戻る

ブロックの置き換えは100回行う。ただランダムに置き換えてしまうと元の画像に戻らなくなるので、前半50回の置き換え順序を後半50回では、下から順にして元に戻るようにしている。
JavaScript

JavaScript:1枚の画像を分割して表示していく

canvasに1枚の画像を分割して表示していくJavaScriptサンプル。
JavaScript

JavaScript:シンプルな8パズル

ゲームクリアまでの時間計測つきの8パズルゲームです。JavaScriptのソースコードも掲載しています。
JavaScript

気象庁の天気予報JSONファイルをJavaScriptで利用する流れ

例として今日の東京地方の天気予報を表示させる。プログラムでは、一括して変数weatherに天気予報JSONを取得しているので、あとは必要なデータを取り出して表示するだけ。
JavaScript

RGBカラーを16進数カラーコードに直すアロー関数式

{ r: 255, g: 128, b: 10 } などの10進RGBカラーを引数に渡すと、#FF800Aなどの16進数カラーコードが返ってくるアロー関数式です。
JavaScript

JavaScriptで花火を描画する

夏なのでJavaScriptのCanvas APIを使って花火の残像も含めて再現しました。ウインドウを最大化して全画面で見るといい雰囲気です。
JavaScript

JavaScript:コンソールねこ(ブラウザアプリ)

コンソールに猫が……いる!ブラウザのコンソールに生息する猫です。時々エサが出るかも!
JavaScript

JavaScript:Canvasで多角形を描画する関数

JavaScriptのCanvas機能にあるmoveToメソッドとlineToメソッドを利用した多角形を描画する関数イメージです。