Subnctw

ブロクお知らせ用です。
いろいろ書いてます
無言フォロー失礼します
勧誘はお断りしております

[Subnctw @subnctw]

#デイトラ　#ウィークリーコーディング
課題提出させていただきます。

これまでどうやって使っていいのかわからなかったAIエージェント。初めて触ってみました。世界観が変わりました。

まだまだ拙いスキルですが、自分にとって大きな一歩となりそうです。
https://t.co/heJlcGDgMf

[はにわまん @haniwa008]

#デイトラ #ウィークリーコーディング 特別編スタートです✨

お題は「AIを活用した架空カフェサイトの1ページ構築」

話題のAIを使って、1週間でどこまで完成度を高められるか、にチャレンジします💪
最優秀賞の人には Amazonギフト券3,000円をプレゼント！

お題の詳細は画像から▼

デザイナー、コーダー問わず誰でも自由に参加可能です。
たくさんのご参加お待ちしてます☺️

----------

【ウィークリーコーディング特別編とは？】

お題を出してみんなでチャレンジする #デイトラ #ウィークリーコーディング を、AI活用テーマで開催する特別企画です🧑‍💻

「AIってどこまで使えるんだろう？」
最近そう感じる方も多いのではないでしょうか🤔

短納期で作りきるには、もうAIの活用が前提の時代。
そこで今回はAIも含めて使えるものは全部使いながら、1週間で仕上げることをテーマにしました！

自分が手を動かすところ、AIに任せられるところ。
その線引きの感覚は、触ってみないと掴めません。

今のAIの現在地を、自分の手で確かめてみてください！

お題の詳細は画像から▼

[安野貴博＠チームみらい @takahiroanno]

チームみらいのこれまでの歩みと決意を動画にまとめました！

以前から支えてくださっている方も、今回の衆院選で新たに知ってくださった方も、ぜひご覧いただき周りの方にシェアいただけると嬉しいです！！

[Subnctw @subnctw]

いや、違うな。
とりあえず何らかのテーマでWPで構成してからCSS当てる方がイメージしやすいかも

[Subnctw @subnctw]

デイトラ上級編
卒業課題入ります。
とりあえずデザインカンプからHTMLを作成
それをphp化
でいいのかしら❓

[Subnctw @subnctw]

All in one WP migrateのプラグインでインポートの容量制限にかかってしまうトラップにどハマりした。
もちろん、バージョンダウンしたり、wp-configやphpadmin.iniも書き換えたり色々したけど結局サーバー側との相性みたい。
ローカルからハードコピーして手動で追加という方法しか出来なかった

[Subnctw @subnctw]

デイトラweb制作コースも絶賛上級課題編
WordPressのローカル環境からサーバーへの移行
そもそもサーバーでwordpressを運営してるのでスキップしようかと思ったくらいなのに大苦戦💦

[Subnctw @subnctw]

デイトラweb制作の中級課題をようやく提出した!
できたと思ってからやっぱりズレたりでなかなか固まらなかった。
でも頑張った!楽しい♥️
#デイトラ

[Subnctw @subnctw]

#デイトラ
Webアプリ開発とJAVAアプリ開発コースのウェビナーに参加。
今の私のキャリアに一番ミートしてるのはJAVAコースを受ける事なんではなかろうか。

[Subnctw @subnctw]

#デイトラ Day34-36中級総復習編終了
HTMLをそれとなくかけるようにはなったが、セオリーを知らないので回答と比べると手直し発生が結構ある。
display:flexの当てすぎが、解決できない問題を引き起こしてる時が多かった。
CSSはシンプルに。それがキモと感じた。
次はいよいよ最終課題!

[チームみらい【公式】 @team_mirai_jp]

この1議席でみらいは大きく変わる。

たった1議席じゃみらいは何も変わらない。
そう思っていませんか。
新党「チームみらい」が1議席を得て、国政政党になったら。
政党交付金で永田町にエンジニアチームをつくります。
政治や社会の課題をつぎつぎと解決していき、
作った仕組みは議員や自治体、誰でも使えるようにします。
日本がこれからも成長しつづけるみらい。
現役世代がしっかり報われるみらい。
子どもや孫を安心して育てられるみらい。
政治とカネ問題が完全に解決するみらい。
それは夢物語ではなく、
すべてテクノロジーで確実に実現できるみらい。
これは、たった１人でみらいを信じて始めた挑戦。
そしていま、あなたの１票でこのみらいは動き始めます。
チームみらいは、あなたの１票が最も活きる新党です。

#安野たかひろを国会へ　
#比例はみらい

[Subnctw @subnctw]

いろいろあって先日ようやくfigmaデータをAIで食わせてwebサイトを作成する課題を終了
コンタクトフォームのパーツを作るところで微妙なずれが解消できず大苦戦
(あとプライベートでも忙しくて)
どこまでAIの結果を引っ張るのか、手を入れるのかの判断がとても難しい

#デイトラ

[Subnctw @subnctw]

VS codeの新規ファイルのデフォルト設定をUTF-8にすればいいってことは置いといて。
COPILOT走らせるとファイルを握ってしまって途中で文字コード変えても上書きできない。これを回避するにはどうすればいいかってことを悩み中

[Subnctw @subnctw]

#デイトラ 中級課題 day30,31
Aiプロンプトのルールを整理し実際にfigmaを元にコーディングさせるまで。

VScodeの新規ファイルの文字コードがShiftJSになってしまっていて、そのまま読みこんでも上手くCopilotが判断してくれない。
ルールで文字コードをutf-8で作成するように提議しても反映されない

[Subnctw @subnctw]

これに気がつくまで思うようにコーディング出力されなくて、どこまで詳しく指示出すべきかをなやんでしまった。
初期設定で文字コードを変える方法が不明だが1度エンコードし直せばだいたい意図した結果が得られるようになった。
これが出来ればかなりAiコーディングは使えそう

[Subnctw @subnctw]

#デイトラ 中級課題day29
figmaのオートレイアウト機能でAiが解読しやすいデザインカンプにする編

既存のデザインからはボトムアップでオートレイアウトしていかないと使いたい機能がfigmaに出なかったり。
そもそもオートレイアウトはデザインモードじゃないと使えないの、注意して
Total182h

[Subnctw @subnctw]

#デイトラ
中級課題day28に追加されたfigmaMCPサーバーを起動してデータをcopilotに解析させる件、ようやくできた。
課題で使ってるGitHubのMCPサーバー用のレポジトリのリンクが見つからないんだけど。それでreadmeの設定が分からず四苦八苦。。
動画から手入力してようやく見つけた。

[Subnctw @subnctw]

#デイトラ
中級総復習課題に入り始めたらAIコーディングの章がリリースされてた
(day28～day32が追加)

なので今日までのところで一旦day28に戻る。
中級課題1日目
仕様確認、環境構築、素材DL、ヘッダー作成
中級課題2日目
メインビュー、ドロワーメニュー作成
中級課題5h
total176h

[Subnctw @subnctw]

#デイトラ Web制作コース
中級編 Day28完了
コーディング終了後の品質チェック方法

仕様に合わせた実装になっているか、基本的な機能を入れているかなどの品質チェックを無料のオープンソースなツールでできるのがweb制作界隈のいいところ。これは必須なセクションだ
1h/total 171h

[Subnctw @subnctw]

#デイトラ Web制作コース
中級編 Day26,27完了
スムーススクロールとフワっとさせる表示方法の実装
これまではデザインカンプを見れば課題の意図が理解出来たが、今回は実際の動きは動画を見て理解した。知識がないと指示や口頭だけでは仕様理解が難しくなってきた
14h/total 170h程度

[Subnctw @subnctw]

随分と空いてしまったが、
#デイトラ Web制作コース
中級編 Day24,25完了
スライダーとモーダルの実装
スライダーはJSのライブラリ使えるけど、アイコンやナビゲーションをデザインしたものに上書きするのがキモ

時間はかかったが毎日少しづつ。