ほぼ毎日動くプログラムの投稿 #100DaysOfCode 終わったので総まとめだにゃん！

おがくずにゃんこ @mikenerian

16日目 昨日に引き続き簡単なwebページの改良に向けた準備。 MySQLの登録内容をコンソールに出力することまではできるようになったけど、ここから先nodeを使ってwebページを構築するとなると沼な予感だにゃん。。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/7vlD57g8tr

おがくずにゃんこ @mikenerian

27日目 Reactチュートリアルをやってみているにゃん。まだ半分くらいだにゃん。 beta.reactjs.org/learn/tutorial… 良く作り込まれていてすごいにゃん。マルバツゲームも、「tic tac toe game」っていうとなんかオサレにゃんね。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/oiKYCoTlKn

おがくずにゃんこ @mikenerian

28日目 Reactチュートリアル完了したにゃん。 beta.reactjs.org/learn/tutorial… 公式でここまで作り込まれていることに感動したにゃん。これで次回からWebページにReactコンポーネントを読み込むのも怖くないにゃんね（フラグ） #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/VuoT2k6Fyh

おがくずにゃんこ @mikenerian

33日目 Bootstrapを使ってwebページを作ってみたにゃん。一瞬でそれっぽいポートフォリオサイトが作れたにゃん。 以下ページで自分が作りたいページに合ったデザインを選んで、テキストや画像を変えてDLするだけにゃん。 startbootstrap.com #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/yDjXOIkVtp

おがくずにゃんこ @mikenerian

34日目 Bootstrapで作ったwebページにポートフォリオとして日程調整メーカーを移植したにゃん。リンクの作りとかがテンプレートの設定と競合したのか上手くいかなかったにゃん。ひょっとしてテンプレ選びからミスってしまったかにゃ？！ #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/Bo3UQXWnM2

おがくずにゃんこ @mikenerian

35日目 bootstrapを使って、ついにそれっぽいにゃんこのホームページを作ったにゃん。 作品欄には、とりあえず日程調整メーカーをつけておいたにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/1vPbA7QnhC

おがくずにゃんこ @mikenerian

36日目 にゃんこのホームページを修正したにゃん。見た目は変わらないけど、ナビゲーションバー、フッターといった共通部分を別ファイルで記述して、各ページのファイルで読み込むように変更したにゃん。インクルードと言うらしいにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/4MsI7nyK7W

おがくずにゃんこ @mikenerian

21日目 Flaskでローカルサーバーを作成したにゃん。 実は昔日程調整メーカー「ご都合いかが」をこの方法で作ったんだけど、ソースコードごと失ったのでこの際作り直しつつ、別アプリを作ってみようと思うにゃん。 参考：tech-diary.net/flask-introduc… #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/dRfOs4x7NR

おがくずにゃんこ @mikenerian

22日目 Flaskアプリの修正。結果的に日程調整メーカーのリメイクはJavaScriptで完結してしまったにゃん。勉強になったので良しとするにゃん。 途中でChatGPT先生を使ったけど的確すぎる教示で凄すぎるにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/8W2cs0fNpC

おがくずにゃんこ @mikenerian

（補足） #ChatGPT の教えてくれたソースコード。 まじでやりたいことを明確に伝えるだけのスキルがあれば実装できるにゃん。 pic.twitter.com/QpJAa38W1G

拡大

拡大

おがくずにゃんこ @mikenerian

32日目 Netlifyというサービスを使って、この前作った日程調整メーカーをインターネットに公開したにゃん。（もうアクセスできないにゃん） GitHubのソースコードを一瞬で公開できるこのサービス、すごすぎだにゃん。 netlify.com #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/heUkisu1Zz

おがくずにゃんこ @mikenerian

87日目 4/24分のラスト！久しぶりにwebページの作成だにゃん。 これまでの作品を載せるLP作り。以前作ったBootstrapを基に鋭意作成中だにゃん。 #100DaysOfCode #dailycoding pic.twitter.com/ys4wshREAF

拡大

おがくずにゃんこ @mikenerian

94日目（一昨日の分） webページの作成。100日チャレンジで作った作品を一覧で見せるページを作ったにゃん。レスポンシブデザインは当然だにゃん。まあ、ChatGPTに作ってもらったんだけどね。 #100DaysOfCode #dailycoding #100日チャレンジ pic.twitter.com/anDn0pHDCH

おがくずにゃんこ @mikenerian

95日目（昨日の分） webページの作成。p5.js (Processing) で作った作品一覧のページで、モーダルと呼ばれる機能で詳細を見れるようにしたにゃん。さらにモーダル内でクリックすると作品を見れるにゃんよ。え、もう1つの作品？それは近日公開だにゃん！ #100DaysOfCode #dailycoding #100日チャレンジ pic.twitter.com/HukYN3wTud

おがくずにゃんこ @mikenerian

100日目 ついに最終日！ 主にProcessingの作品をHP作って公開したにゃん！ clinquant-selkie-0f143d.netlify.app 毎日投稿は辛いししんどいときもあったけど楽しめたにゃん。感想はまた後日。行ってらっしゃい！また会いましょう！ #100DaysOfCode #dailycoding #100日チャレンジ pic.twitter.com/Gv5ehc1rdp

おがくずにゃんこ @mikenerian

51日目 今回は少し初心に帰るような、webプログラミングの題材だにゃん。 Processingをブラウザ上で動かせるようになるp5.jsを使って、お絵かきしてみたにゃん。 これで何かwebアプリ作れないかにゃ… p5js.org #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/zfGY0FNo8b

おがくずにゃんこ @mikenerian

55日目 Processingを使ったお絵かきの続き。 ブラウザにレンダリングできるProcessingベースのライブラリp5.jsを使って、waveclockを作ってみたにゃん。 参考: amazon.co.jp/dp/4861009634 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/d471uigfV6

おがくずにゃんこ @mikenerian

57日目 Processing (p5.js) のお絵かきの続き。 立体キューブを描いてみたにゃん。いつかの夢の続き… 参考：amazon.co.jp/dp/4861009634 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/tLhjjW1x9g

おがくずにゃんこ @mikenerian

58日目 Processing (p5.js) のお絵かき。 お手本通りにJSを実装したはずだけど、なんだか謎の挙動を発現してしまったにゃん。ケサランパサラン 参考：amazon.co.jp/dp/4861009634 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/VSEXZ8ZV3w

おがくずにゃんこ @mikenerian

59日目 またしても寝てしまったので昨日の分だにゃ。 Processing (p5.js) のお絵かき。 五角形の錬成陣を組み上げたにゃん。 参考：amazon.co.jp/dp/4861009634 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/BAhe3kKaBF