godai

妻と子ども大好きウェブエンジニア
join ＆ 生成AIを使ったプロダクト開発中💪

[godai @steelydylan]

この度、愛情を込めて育ててきたmosyaというサービスをProgateに譲渡しました！

これからはProgateと一緒にコンテンツを育てていきます！！
よかったらご一読ください！！

https://t.co/b1Wm99rhix

[godai @steelydylan]

今更知ったけどnpmライブラリ配信前にnpm pack --dry-runしておくと実際にどのファイルがpublishされるかわかって便利
.npmignoreでpublishしたくないファイルを調整しながらnpm pack --dry-runで試すのが良さそう

[Progate@プログラミング学習 @progateJP]

【実践JavaScriptコースがプロプランに登場🎉】
HTML・CSSで作ったページに「動き」をつけたくありませんか？

新コースでは、基礎文法だけでなく、Webページに動きをつける実践的な手法を学べます。
・イベントリスナーを活用して、クリックやスクロールに反応する、動くWebページを作る
・JavaScriptからfetch APIを使ってサーバーと通信して、データを取得・表示する

最後は自分の PC に開発環境を整えて、素のJavaScriptでTODOアプリを完成させます✨
Reactなどの発展的な内容を学ぶ前に知識の土台を学ぶのにもおすすめです！ #創ればわかる

[godai @steelydylan]

MITライセンスでNodeをブラウザで動かせるライブラリ
あとで試す

https://t.co/PFuUJJY0Jk

[たんしお @_tanshio]

ほんとすごいな https://t.co/U1Fg6z3bH5

[Yusuke Wada @yusukebe]

お、CDP！

ProgateのレッスンにChromeの開発者ツールを丸ごと埋め込んだ話｜Godai Hori https://t.co/GGjUnll0ld #zenn

[Tatsuya Fukui | Progate @nakedtatsuya]

これしれっと出してるけどかなりテクニカルなことやってるからテックブログもぜひ見てほしいw

[godai @steelydylan]

Chrome DevToolsって実はWebに埋め込めるんです！
Progateのレッスン画面に開発者ツールを組み込んでみました。
devtools をフォークしてWebSocket接続の部分を postMessage に差し替え、iframe内のHTML/CSSをその場で検証できるようにしています。
学習サービスとの相性はかなり良さそうです。

[yuta-ike @Selria1]

めちゃおもろい。こういうのがプロダクションで動いてるの楽しそうだ

ProgateのレッスンにChromeの開発者ツールを丸ごと埋め込んだ話｜Godai Hori https://t.co/4ZUgxRWFlT #zenn

[godai @steelydylan]

Chrome DevToolsって実はWebに埋め込めるんです！
Progateのレッスン画面に開発者ツールを組み込んでみました。
devtools をフォークしてWebSocket接続の部分を postMessage に差し替え、iframe内のHTML/CSSをその場で検証できるようにしています。
学習サービスとの相性はかなり良さそうです。

[godai @steelydylan]

Progateのレッスンに改造したChromeのDevToolを埋め込んだ話を書きました！
技術的に面白いと思うのでぜひ読んでみてください🙌

https://t.co/Rx3zsP9jIS

[godai @steelydylan]

Progateのレッスンに改造したChromeのDevToolを埋め込んだ話を書きました！
技術的に面白いと思うのでぜひ読んでみてください🙌

https://t.co/Rx3zsP9jIS

[godai @steelydylan]

Progateのレッスンに改造したChromeのDevToolを埋め込んだ話を書きました！
技術的に面白いと思うのでぜひ読んでみてください🙌

https://t.co/Rx3zsP9jIS

[godai @steelydylan]

Progateの道場レッスンで、開発者ツールが使えるようになりました！🙌

HTMLやCSSの確認、要素の検証がこれまでよりずっと楽になります✨

Chromeの開発者ツールを組み込むのは大変だったので、その開発話も近いうちに記事にする予定です！

[Tatsuya Fukui | Progate @nakedtatsuya]

reactコースリニューアルしました！
モダンなreact学べるので興味ある方は学んでみてください！

[Progate@プログラミング学習 @progateJP]

【新Reactコースがプロプランに登場🎉】
新コース「React開発入門」を公開しました💻
いま現場で使われているモダンな書き方で、基礎から実践まで一本で学べます。

学ぶだけでなく、最後はお天気アプリ・メモアプリ・ECサイトをゼロから創り切ります！

ぜひ手を動かしながらReactを学んでみてください！感想お待ちしております🔥 #創ればわかる

[godai @steelydylan]

わかる！
お互い甘やかすくらいが丁度いいんだよなぁって最近感じてる！

[いこ @ituka_aitai]

夫婦ってもんはですね「お前のおかげだよ」「いえいえあなたのおかげよ」てプレイをやって円満を保っていくわけなんですよ競ってどうすんのよ競って

[godai @steelydylan]

日本にいつどのくらいの量の石油が入ってくるのか心配すぎてChatGPTにまとめてもらいました。
AIに調べさせたものなので確実なものとは言い切れないですが、完全に日本に来る石油が途絶えたわけじゃないんだと思って少しだけ安心しました

https://t.co/JlTdMFJ2wr

[godai @steelydylan]

日本にいつどのくらいの量の石油が入ってくるのか心配すぎてChatGPTにまとめてもらいました。
AIに調べさせたものなので確実なものとは言い切れないですが、完全に日本に来る石油が途絶えたわけじゃないんだと思って少しだけ安心しました

https://t.co/JlTdMFJ2wr

[catnose @catnose99]

Nani !? という自分の理想を詰め込んだ翻訳ツールを作っているのですが、
新しく「添削モード」をリリースしました 📝

『誤字脱字がないか』
『失礼な表現になっていないか」
『ネイティブ目線で不自然なところがないか』
などなどを気軽にチェックできます！

👇️推しポイント
① 修正案や別表現をいい感じに出してくれます

② 文章のトーン調整や微調整をポチッとできます

③「やっぱこの内容を（翻訳して）足したい」というときのための［内容を追加］ボタンがあります

④ 修正した文章を再添削できます

⑤ Macアプリ / Windowsアプリなら、テキスト選択 → ショートカットで一瞬で添削できます

⑥ 英語や韓国語、中国語をはじめとして35以上の言語の添削に対応してます！

（設計とUIデザインに悩みまくってなんだかんだ完成までに3ヶ月以上かかった…）

無料でも使えるのでよかったら触ってみてください～