Feel Physics Backyard

HoloLensの出張授業をする会社で、教材を開発しています

開発-Web:JavaScript:アプリ開発

リーン・スタートアップ方式でプロトタイプのユーザーテスト

作りはじめたサービスを3人の方々にテストしていただきました。その過程をまとめた記事です。結果は私の「思い込み」が露呈して大変でした・・・リーン・スタートアップ方式開発の始め方の参考になれば幸いです。

Googleスプレッドシートの表示形式をGoogle Apps Scriptで指定する で、グラフを見やすくする

前回までの流れは以下のページにまとめています: IoT温度計まとめ 上は、IoT温度計から送信する気温通知メールに添付するグラフですが、ちょっとわかりにくいですよね。なぜでしょう?それは、日時の表示がわかりにくいからです。 だいぶ分かりやすくなりま…

IoT温度計

IoT温度計は外出していても自宅の気温をモニターできるというものです。 ハードウェア部分は以下のようなものです。まずシンプルな構成の場合: 見た目にも温度を確認できるようにした場合: Webアプリ部分は以下のようになっています。 処理の流れは以下の…

IoT温度計から送られてくるメールに気温グラフを添付する

前回までの流れは以下のページにまとめています: IoT温度計まとめ Googleスプレッドシートは、Google Apps Scriptを使って送信メールにグラフを添付することができます。そこで、IoT温度計から送られてくるメールに気温グラフを添付するようにしました。 具…

自宅のIoT温度計にツイート通知機能をつけました 便利!感謝!×2

前回までの流れは以下のページにまとめています: IoT温度計まとめ 参考にしたのは以下のページです。タイトルは小さな修正という雰囲気ですが、ガッツリと作り込まれたライブラリと丁寧な手順を載せておられて、もうそのまんま使わせていただきました。感謝…

GoogleスプレッドシートのGASを、アクセストークンなどの情報を隠してGitHubにプッシュする

前回までの流れは以下のページにまとめています: IoT温度計まとめ ※追記しました(2015-08-12) GoogleスプレッドシートのGAS(Google Apps Script)をソース管理したかったので、原始的な方法ですが「すべて選択」コピペでコードをローカルに作ったファイ…

Googleスプレッドシートからメールを送る JavaScriptはやめたはずなのに・・・

前回までの流れは以下のページにまとめています: IoT温度計まとめ GoogleスプレッドシートではExcelのVBAのようにGAS(Google Apps Script)というものを使うことができます。文法はJavaScriptです。例えば以下のようなことができます。 メールを送る Gmail…

JavaScript - IoTをつくり、Googleスプレッドシートから家の室温変化のグラフを見る(2) - Qiita

久しぶりのJavaScriptでした。しかしGoogle App Script(MS OfficeのVBAのようなもの)のリファレンスがすごく読みやすくなっていてビックリしました。でも最近のMSは勢いがすごいから、オフィスアプリとして勝つのは厳しいでしょうね。 リンク: JavaScript …

140120-HTML5は日本列島 JSオフライン・アプリの作り方を調べ、実際に作ってみた(あなたのスマホにインストール可能)

プログラマーズカフェでLTした資料を読みやすくしてアップしました。 JSオフラインアプリケーションの作り方を調査し、実際に作ってみた、という内容です。 スライド中のハイパーリンクはクリックできるので、試してみてください。 最終的に今回作成したHTML…

Node.js/ExpressでHTML5オフライン・キャッシュを使う - Qiita [キータ]

リンク: Node.js/ExpressでHTML5オフライン・キャッシュを使う - Qiita [キータ].

オフラインアプリ

HTML5オフラインキャッシュを使ってつくってみたページです。サーバーはNode.jsのExpressを使っています。モバイル優先ということでBootstrapも使っています。以下の3つのゲームが遊べます: 神経衰弱 五目並べ 7ならべ スマホでこのページをしばらく開いて…

電子書籍リーダー

HTML5 Canvasを使った電子書籍リーダーです。 元はFlashで作られていましたが、iPhone・iPadでも見ることができるように、HTML5で実装しています。 サーバーからは格子状に切って混ぜた(スクランブルした)データが送られてきます。ユーザーは事前にAES鍵を…

2013-02-12 Flickr Viewer with jQuery UI

jQueryとjQuery UIで作ってみました。

110402-Googleスプレッドシートを使った簡単なWebアプリケーション

Googleスプレッドシートを使って簡単なWebアプリケーションを作ってみました。

110218-javascriptでiPhoneアプリをやってみた

JavaScriptでiPhoneアプリを楽々作成という記事がとても分かりやすかったので、やってみた。 私の環境(Chrome)だとなぜか時計が2つ表示されてしまうが、割と簡単にできた。そして、これをiPhoneで表示してみる。 おお、できた!初めてのiPhoneアプリw こ…

車検索テスト

// var CarStartPage=1; var CarTotalPage=1; var carTxts; function car_req(carTxts,CarStart,CarBrand){ CarStartPage=CarStart; car_search({ model : carTxts, start : CarStartPage, brand :CarBrand }); } function carsclose(){ var div = document.…

ジャンケンプログラムその1

リロードすると結果が変わります // "); // ジャンケンの手を表す定数 var STONE = 0; // グー var SCISSORS = 1; // チョキ var PAPER = 2; // パー // プレイヤー1の勝ち数 var player1WinCount = 0; // プレイヤー2の勝ち数 var player2WinCount = 0; for…

Web ad Fortune APIを利用した「今日の星座占い」

牡羊座 牡牛座 双子座 蟹座 獅子座 乙女座 天秤座 蠍座 射手座 山羊座 水瓶座 魚座 // function horoscope_search ( param ) { sel = param;// ◆ここで初めてselに値がセットされる if(sel == undefined){ sel = 0;} // リクエストURLを生成する。これは仕様…