00:07
前回は1分間でどんな動画を何分見たのかを表示するポップアップ画面を作りました。 そして今回は、そのプログラムの中身を読み解く解読編です。
まず面白かったのが、画面に表示されるポップアップ、いわゆるモーダルウィンドウの仕組みです。
私は最初、こういう画面は事前にデザインファイルを作っておくものだと思っていました。
ところが実際には、Javascriptというプログラムの中で、今から画面を作ってね、と指示するだけでその場でポップアップ画面を生成できるんですね。
さらに動画の数が増えたときはスクロールバーを表示する、といった細かな設定までプログラムだけで実現できます。
AIが作ったコードを読んでいて、こんなことまでできるのかと驚かされました。
そしてもう一つ勉強になったのが、動画を視聴時間の長い順に並べるソフト処理です。
単純に見て実は少し工夫が必要でした。
最初はタイトルと視聴時間が別々に保存されているため、そのままではうまく並べ替えができません。
そこで一度動画タイトルと視聴時間をセットにして一つのデータとしてまとめ直します。
例えばプログラミング入門と300秒を一組にして箱へ入れるイメージです。
その後で視聴時間の数字を基準に並べ替えることで、一番長く見た動画から順番に表示できるようになります。
こういう処理は普段アプリを使っているだけでは見えない裏側の工夫ですよね。
正直なところ、コードを読むのは簡単ではありません。
でも一つ一つ理解できるためになぜ動くのかが分かるようになり、AI任せではなく自分の知識として積み上がっている感覚があります。
毎日30分の朝活ですが少しずつ成長できているのを感じます。
次回はこの仕組みをさらに改善した実際の動画画面についてお話したいと思います。
最後までお聞きいただきありがとうございました。
本日の内容は以上となります。
最後までお聞きいただきありがとうございました。
最後にAmazon Kindleで発売中の電子書籍のお知らせです。
キレイごとゼロの別居介護をリアルに環状ではなくシステムとExcelで立ち向かった瞬間、
手取り23万円のエンジニアがExcel1枚で実家の破綻を防いだ話、
そして実家の保守運用を行なすための時間を圧倒的にひねり出す技術を書いた会社公認、
爆速仕事術、PC魔改造、この2冊が現在Amazon Kindleにて絶賛発売中です。
どちらもKindle Unlimited、読み放題の対象となっていますので、
会員の方は追加料金なしですぐにお読みいただけます。
音声を聞いた後にスマホの画面の下にある概要欄のリンクからぜひチェックしてみてください。
03:01
それではまた次回の配信でお会いしましょう。