00:06
神経質やせ男です。
睡眠ダイヤリーアプリの開発ですが、最近は画面が動くようになり、だいぶアプリらしくなってきました。
でも、ふと思ったんです。
そもそも、なぜ画面は動いているんだろう?
今回は、javascriptというプログラミング言語が、裏側で何をしているのかを、初心者なりに理解した内容をお話します。
まず面白かったのが、画面の切り替えの仕組みです。
アプリには複数の画面がありますが、実は全部が存在しています。
ただし、表舞台に出ている画面と、舞台裏で待機している画面があるんです。
javascriptはactiveという札をつけたり外したりして、次は君の出番だよという画面を切り替えています。
まるで舞台監督みたいですね。
次に驚いたのが時間の計算です。
睡眠ダイヤリーは、夜8時から翌日の夜8時までを表示します。
最初は24時間だから24個のメモリだと思っていたのですが、実際は25個必要でした。
スタートの20時とゴールの翌日の20時の両方を表示するためです。
こういう細かいところに、プログラムの奥深さを感じました。
そして色を塗る機能。
これは実はPaintsoftと同じ考えでした。
色を選ぶ。
マウスを押す。
ドラッグする。
マウスを離す。
たったこれだけなんですが、組み合わせることで睡眠記録が作れるんです。
アプリの中で小さな画家さんが働いているようなイメージですね。
さらに初期処理にも感心しました。
アプリには最初の1回だけ行う大掃除と毎回行う小掃除があります。
家を建てるのは1回だけ。
でも部屋の片付けは毎日やりますよね。
そんな考え方でプログラムも整理されていました。
そして最後に長年の謎だった日付です。
画面には2026年7月31日と表示されているのに、裏側では2026-07-31という別の形式で保存されています。
これは人間向けと機械向けの違いでした。
人間には日本語の日付がわかりやすい。
でもコンピューターはISO形式の方が計算しやすい。
見えないところでちゃんと役割分担してきたんですね。
最近はコードを見るとただの文字列ではなく、小さな登場人物たちが働いている物語のように見えてきました。
これからも少しずつ仕組みを理解しながら、理想の睡眠ダイアリーアプリ完成を目指していきたいと思います。
それではまた次回お会いしましょう。
さて放送の最後に少しだけお知らせです。
Amazon Kindleにて私の最新刊、平日の昼食を抜く男の時間奪還論が発売されました。
なんだかすごく難しそうなタイトルですが、中身は徹底的に落語をして、
03:01
自分の時間を増やしたい男が大真面目なである調でカッコつけようとして見事撃沈するコミカルなドタバタ失敗劇になっています。
完璧なコードができたとドヤ顔で実行した瞬間にシステムが微動だにせず、
膝から崩れ落ちるリアルな失敗談とその裏にある本気の手抜き自動化ノウハウを詰め込めました。
最近作業に追われて時間がないな、笑いながら作業効率化の裏側を知りたいなという方は、
ぜひ概要欄のリンクからチェックしてみてください。
Kindle Unlimitedお使いの方は追加料金なしでそのままお読みいただけます。
それでは今日も素敵な一日をお過ごしください。
お相手は神経質やすよでした。
