開発-Web:JavaScript:アプリ開発
作りはじめたサービスを3人の方々にテストしていただきました。その過程をまとめた記事です。結果は私の「思い込み」が露呈して大変でした・・・リーン・スタートアップ方式開発の始め方の参考になれば幸いです。
前回までの流れは以下のページにまとめています: IoT温度計まとめ 上は、IoT温度計から送信する気温通知メールに添付するグラフですが、ちょっとわかりにくいですよね。なぜでしょう?それは、日時の表示がわかりにくいからです。 だいぶ分かりやすくなりま…
IoT温度計は外出していても自宅の気温をモニターできるというものです。 ハードウェア部分は以下のようなものです。まずシンプルな構成の場合: 見た目にも温度を確認できるようにした場合: Webアプリ部分は以下のようになっています。 処理の流れは以下の…
前回までの流れは以下のページにまとめています: IoT温度計まとめ Googleスプレッドシートは、Google Apps Scriptを使って送信メールにグラフを添付することができます。そこで、IoT温度計から送られてくるメールに気温グラフを添付するようにしました。 具…
前回までの流れは以下のページにまとめています: IoT温度計まとめ 参考にしたのは以下のページです。タイトルは小さな修正という雰囲気ですが、ガッツリと作り込まれたライブラリと丁寧な手順を載せておられて、もうそのまんま使わせていただきました。感謝…
前回までの流れは以下のページにまとめています: IoT温度計まとめ ※追記しました(2015-08-12) GoogleスプレッドシートのGAS(Google Apps Script)をソース管理したかったので、原始的な方法ですが「すべて選択」コピペでコードをローカルに作ったファイ…
前回までの流れは以下のページにまとめています: IoT温度計まとめ GoogleスプレッドシートではExcelのVBAのようにGAS(Google Apps Script)というものを使うことができます。文法はJavaScriptです。例えば以下のようなことができます。 メールを送る Gmail…
久しぶりのJavaScriptでした。しかしGoogle App Script(MS OfficeのVBAのようなもの)のリファレンスがすごく読みやすくなっていてビックリしました。でも最近のMSは勢いがすごいから、オフィスアプリとして勝つのは厳しいでしょうね。 リンク: JavaScript …
プログラマーズカフェでLTした資料を読みやすくしてアップしました。 JSオフラインアプリケーションの作り方を調査し、実際に作ってみた、という内容です。 スライド中のハイパーリンクはクリックできるので、試してみてください。 最終的に今回作成したHTML…
リンク: Node.js/ExpressでHTML5オフライン・キャッシュを使う - Qiita [キータ].
HTML5オフラインキャッシュを使ってつくってみたページです。サーバーはNode.jsのExpressを使っています。モバイル優先ということでBootstrapも使っています。以下の3つのゲームが遊べます: 神経衰弱 五目並べ 7ならべ スマホでこのページをしばらく開いて…
HTML5 Canvasを使った電子書籍リーダーです。 元はFlashで作られていましたが、iPhone・iPadでも見ることができるように、HTML5で実装しています。 サーバーからは格子状に切って混ぜた(スクランブルした)データが送られてきます。ユーザーは事前にAES鍵を…
jQueryとjQuery UIで作ってみました。
Googleスプレッドシートを使って簡単なWebアプリケーションを作ってみました。
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.…
リロードすると結果が変わります // "); // ジャンケンの手を表す定数 var STONE = 0; // グー var SCISSORS = 1; // チョキ var PAPER = 2; // パー // プレイヤー1の勝ち数 var player1WinCount = 0; // プレイヤー2の勝ち数 var player2WinCount = 0; for…
牡羊座 牡牛座 双子座 蟹座 獅子座 乙女座 天秤座 蠍座 射手座 山羊座 水瓶座 魚座 // function horoscope_search ( param ) { sel = param;// ◆ここで初めてselに値がセットされる if(sel == undefined){ sel = 0;} // リクエストURLを生成する。これは仕様…