毎日動くプログラムの投稿 #100DaysOfCode やってるのでまとめる

おがくずにゃんこ @mikenerian

19日目 今回は座学で失礼するにゃん。 エンジニア必読(?)の雑誌「Software Design」を読んでみた。ちょうどJavaScriptについて書かれていた特集があったので、勉強した内容を公開するにゃん。 gihyo.jp/magazine/SD/ar… #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/RfWqiKYRVk

拡大

おがくずにゃんこ @mikenerian

20日目 節目となる1/5終了!今日は、おいしい蟹のむき方を学んだということで許してほしいにゃん。おいしくいただいたにゃん。 youtube.com/watch?v=GtUK0v… #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/L6AfEnhHO3

拡大

おがくずにゃんこ @mikenerian

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

おがくずにゃんこ @mikenerian

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

おがくずにゃんこ @mikenerian

23日目 Flaskアプリのワイヤーフレーム（簡潔だけど）をFigmaで作成して、HTMLコードを出力してみたにゃん。 若干ずれてるけど、かなり精度高いにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/FV9xtvE3yq

おがくずにゃんこ @mikenerian

24日目 Figmaから出力したHTML、CSSに沿って日程調整メーカーのレイアウトを調整したにゃん。 やってみると意外とずれていて修正方法もよくわからず、CSSの沼にはまりかけたにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/xqyOLTbhez

おがくずにゃんこ @mikenerian

25日目 日程調整メーカーのボタン修正。マウスオーバーしたときや、押したときの処理をCSSで追加するだけで、ちょっとボタン押してる感覚が伝わらないかにゃ？！ #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/2NNk5Jwo8X

おがくずにゃんこ @mikenerian

26日目 Pythonで将棋プログラムをインストールして実行してみたにゃん。 将棋の実力は全然ないけど、自前で強化学習させて強いAIをいつかは作ってみたいにゃんね〜 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/6iTQuDcjJ9

おがくずにゃんこ @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

29日目 ChatGPTさんとブロック崩しゲームを作ってたにゃんけど、途中で動かなくなってしまったにゃん。ぴえんだにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい #ChatGPT pic.twitter.com/Tqgz6OK73y

おがくずにゃんこ @mikenerian

30日目 ChatGPT大先生のブロック崩しゲーム、quit()処理の位置が間違っていただけで動いたにゃん。ただし超高速だったにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい #ChatGPT pic.twitter.com/BG62vnDtOG

おがくずにゃんこ @mikenerian

31日目 ドット文字を生成するプログラムを書いたにゃん。これでNFT用文字を生成し放題だにゃん（今更すぎる） #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/OWtlyhopDW

おがくずにゃんこ @mikenerian

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

おがくずにゃんこ @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

37日目 Stable Diffusionのお遊びの続きだにゃん。 画像生成を大量にすると生成テキストを忘れてしまうにゃん。そこでGoogleスプレッドシートを連携して、設定情報を自動保存できるようにしたにゃん。我ながら超便利なものを作ってしまったにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい pic.twitter.com/R0IfeEguK9

おがくずにゃんこ @mikenerian

38日目 Stable Diffusionのお遊び。 「近未来都市の猫」をコンセプトに色々な絵を作成したにゃんけど、かなりプロンプト（画像生成のテキスト）制御うまくなってきたにゃん。（一枚猫いなくなった） #100DaysOfCode #駆け出しエンジニアと繋がりたい #AIart pic.twitter.com/7kuUFyQncb

拡大

拡大

拡大

拡大

おがくずにゃんこ @mikenerian

39日目 Stable Diffusionのお遊び。 今回はSwimIRという技術を使って、生成画像を高画質に変換してみたにゃん。曖昧に描かれた建物も綺麗になるにゃん。 github.com/JingyunLiang/S… #100DaysOfCode #駆け出しエンジニアと繋がりたい 画像は、 左：変換前 右：変換後 pic.twitter.com/BQP5hcFAYN

拡大

おがくずにゃんこ @mikenerian

40日目 画像生成AIのお遊びの続き。 進化の速度が凄い。コスプレイヤーが生成できるモデルにLoRAという手法で微修正を加えると、日本人風のモデルが次々生成できるにゃん。しかもColaboratoryで動くというお手軽さだにゃん。 #100DaysOfCode #駆け出しエンジニアと繋がりたい #AIart pic.twitter.com/NwqkGCCtLh