🏆LINE登録後【おみくじ】と入力！動画内で紹介したソースコード一式をプレゼントします🏆
https://utage-system.com/line/open/2PHzR1pQhXkV?mtid=CGGpChpvcyCh
⬇︎無料LINE登録で有料級特典9個⬇︎
✅登録者12万人テックYouTuberが全監修
✅合計100枚を超えるカラーPDF資料
✅LINE読者限定・20分無料動画講義 ×4本
https://utage-system.com/line/open/2PHzR1pQhXkV?mtid=CGGpChpvcyCh
【「アプリで開く」を押してください）】
╋━━━━━━━━╋
🏆豪華特典1個目🏆
電子書籍『180日でITエンジニアになる方法 〜GAFAや国内最大手テック企業内定者も輩出したエンジニア経営者の黄金メソッド〜』
╋━━━━━━━━╋
🏆豪華特典2個目🏆
【Win/Mac対応】1分でわかる！プログラミング学習向けPCの選び方（PCを30%割引で買える裏技つき）
╋━━━━━━━━╋
🏆豪華特典3個目🏆
【生産性1.5倍増し】レベル別・プログラミング効率を爆上げする厳選ショートカットキー42選
╋━━━━━━━━╋
🏆豪華特典4個目🏆
【登録者12万人テックYouTuber監修】2025年版・おすすめのプログラミング言語22選解説スライド
╋━━━━━━━━╋
🏆豪華特典5個目🏆
【日系BP社監修】1日でできる！JavaScriptおみくじアプリ開発教材（ソースコード付き）
╋━━━━━━━━╋
🏆豪華特典6個目🏆
【解説つき】累計3000名以上を面接してきたエンジニア経営者による履歴書の黄金テンプレート
╋━━━━━━━━╋
🏆豪華特典7個目🏆
【GAFAほか大手テック企業の通過実績アリ】解説つき・IT企業特化の職務経歴書の黄金テンプレート
╋━━━━━━━━╋
🏆豪華特典8個目🏆
【30社選考に落ち続けた未経験者が内定】エンジニア転職に使える・使えない就活チャネル解説
╋━━━━━━━━╋
🏆豪華特典9個目🏆
【毎日10分やるだけ】年収1,000万円超エンジニアが毎日チェックする情報サイトと学習習慣20選
╋━━━━━━━━╋
【⬇️無料登録はこちら⬇️】
https://utage-system.com/line/open/2PHzR1pQhXkV?mtid=CGGpChpvcyCh
【「アプリで開く」を押してください）】
◆━━━━━━━━━━━━━━━━━━◆
✅目次
00:00 1.はじめに
03:44 2.開発(前半)-全体図
04:39 2.開発(前半)-HTML,CSS,JavaScriptの雛形を用意
11:21 2.開発(前半)-画像を用意
13:01 2.開発(前半)-レイアウトを整える(HTMLとCSS)
19:02 2.開発(前半)-まとめ
19:19 3.開発(後半)-JavaScript実装
19:47 3.開発(後半)-ランダムにおみくじ画像のパスを返す処理
26:24 3.開発(後半)-ボタンを押したらスロットが回転する処理
31:59 3.開発(後半)-数秒後にスロットが止まる処理
34:55 3.開発(後半)-さらなる見た目のアレンジ
37:23 3.開発(後半)-まとめ
38:35 さいごに
◆━━━━━━━━━━━━━━━━━━◆
✅SiiD公式Webサイト
https://bug-fix.org/siid
エンジニア転職特化のスクールSiiD
（リスキル給付金で最大80%オフ）
✅SiiDお申し込み・個別面談はこちら
https://bug-fix.org/siid/counseling/
✅X（元Twitter）
https://x.com/seito_horiguchi
スキマ時間で学べるWebトレンドネタを発信！
✅SiiD YouTube
https://www.youtube.com/@programming-siid
プログラミングスクールSiiDの実績やコンテンツを発信
✅TikTok
https://www.tiktok.com/@seito2020
スキマ時間で動画で学べるWebトレンドネタを発信！
◆━━━━━━━━━━━━━━━━━━◆
JavaScript初心者を対象に、2025年最新の知識を踏まえて「おみくじアプリ」を作る手順を解説しています。
本動画で、JavaScriptを中心とした「基礎文法の使い方、アルゴリズムの実装、アプリケーションの開発体験」を学ぶことができます！
また、HTMLとCSSの基本やMath.random、setInterval、setTimeoutなどの標準メソッドを組み合わせることで、簡易的なスロット演出から結果の抽選ロジックまでを総合的に学べる構成です。
実際にコードを書きながら学習することで、基礎文法の理解にとどまらず、Webブラウザ上で動作するアプリ開発の流れを体感できます。
JavaScriptはフロントエンド開発のみならず、業務効率化やアプリ開発など多方面で役立つ言語です。今から学習を始め、実践的なプログラミングスキルを身につけましょう！
◆━━━━━━━━━━━━━━━━━━◆
🔽Special Thanks
動画編集：ぽぴぃ氏 Twitter ▷@poppy0p0