うらこ@駆け出しフロントエンジニア向けの情報発信

フロントエンドを取り巻く技術について日々発信中！フォローよろしくね〜！ エンジニア仲間さん大募集だよー！ / #駆け出しエンジニア #駆け出しエンジニアと繋がりたい #フォロバ #相互フォロー

[tenten @tentenchan2525]

保護メスガキ

[田中義弘 | taziku CEO / AI × Creative @taziku_co]

「全部つなげて動くか？」を人間が毎回確認しなくていい。

Maestro （@maestro__dev）は、人が一切触らず、Duolingo のユーザーフロー全体をエンドツーエンドで最初から最後まで自動検証する。

UI操作・画面遷移・条件分岐まで含めて「体験そのもの」をテスト。

[Andi @andi_losing]

This is the tech stack I use to ship nonstop as an indie hacker in 2026

🖥️ Frontend
– Next.js
– Tailwind
– Shadcn

⚙️ Backend
– Next.js

🔐 Authentication
– Auth.js

🗄️ Database
– Postgres
– Redis

💳 Payments
– Polar

🤖 AI Coding
– Claude Code

✉️ Emails
– Resend

☁️ Hosting
– Hetzner VPS
– Coolify

🗂️ File Storage
– Hetzner S3

📊 Analytics
– Datafast

[𝘬𝘰𝘴𝘶𝘨𝘦 @9m]

年収1億超のスーパーエンジニアが「デザイン思考とは何か？」を42行に煮詰めた文章なので、フロントエンドに携わる人は全員一読した方が良さそう

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

自社開発の良いところは、比較的環境を変えやすいことにあります。
メリデメを示して、テストコードを書く環境に変えるのはあなたです。
インターフェースとなって、Bizの要件を丸々通さない環境に変えるのはあなたです。

自社開発企業において、環境のせいで成長出来ないと思うなら、多くの場合は本人の自走力不足と考えるべきですよ♪

[IT菩薩モロー（キッカケエージェント） @it_bosatsu_moro]

自社開発企業へ行ったらスキルアップできると何となく思っている人が多いですが「スキルアップしづらい自社開発企業」が世の中にはたくさんあるので気をつけましょう。

代表例はこんな感じです。

①テストコードを書かない
②チーム開発ではなく、1人開発がメイン
③使っている言語やフレームワークのバージョンが古い
④ビジネスサイドが強すぎて言われた通りに設計・開発するだけ

上記の4点のうち1点当てはまるくらいならまだ何とかなりますが、2〜3点以上当てはまる職場にいる人は転職のときにまったく評価されない可能性があるため、危機感を持った方がよいです。

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

お湯 = 水を注ぐ().沸かす()
🧐

[κeen @blackenedgold]

しょうもない話なんだけどさ、

var お湯 = 水を注ぐ();
お湯.沸かす();

みたいなコードがあったとき、1行目で「ん？」ってならない？変数はお湯だけど中身水だから違わない？って思っちゃう。じゃあ

var 水 = 水を注ぐ();
水.沸かす();
var お湯 = 水;

が正しいかって言われると3行目が変だけどさ

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

@CYZENNT 個人的には、今のLLMのコンテキストではステップ数が5万行前後の中規模アプリにおいて、
4~5,000行の既存コードに対するリファクタリング程度であれば高い能力の発揮は期待出来るレベルだと思います♪

もちろん繊細な改修が必要となる、ビジネスロジックの部分に対する期待とはまた別ですが、、

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

AI生成のコード、綺麗なものを生成出来るか？で議論になっていますね♪

皆様は以下の選択肢だとどうですか？

[Y10A @Yuhei_FUJITA]

ちなみにgitのbranch移動も `-` で直前のbranchに戻れる

これはセットで覚えると幸せになれる

[ArkType @arktypeio]

📢Introducing ArkRegex📢

a drop in replacement for new RegExp() with types ⬇️

[うみゆき@AI研究 @umiyuki_ai]

OpenAIが突然gpt-oss-safeguardとかいうモデルをオープンでリリース。これは名前の通りセーフガードモデルで、ポリシー（規約）とテキストを入力すると、そのテキストがポリシーに沿ってOKかNGか判定してくれる。例えば動画AIサービスでエロ禁止にしたい時の入力プロンプトチェックとかに使えるかも。イチイチ専用モデルを学習しなくても簡単にポリシーチェックできるので、頻繁にポリシー更新の必要がある状況とかに向いてるらしい

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

イラスト生成AIと著作権については議論の余地がありそうですが、
「生成AIを使用」しているだけで不買運動の対象となっているものについては些か不勉強を感じますね

金融系のシステム以外はほぼほぼ生成AIが開発に関わったプログラムとなっているはずですが……

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

Nuxt 5 移行で迷うなら💡
焦点は「Nitro v3」と「段階的移行」です。
Nuxt 3は2026/1/31まで保守

Nuxt 4でDX強化＆安定化

Nuxt 5はNitro v3が本命

「いきなり全部移行」ではなく、
まずは4で安定→5でNitroを使いこなす流れが安全です。

📌保存しておくと安心！
#Nuxt #Vuejs #エンジニア初心者

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

最近周りではmiseが多いですね〜⭐︎
近々まとめます♪

[無職やめ太郎（本名） @Yametaro1983]

みんなnodeのバージョン切り替えるやつ何使ってるん？

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

【テキスト】
📌 実務でよくハマる非同期処理の落とし穴💡
JavaScriptのPromise/asyncは便利ですが、現場では次のような課題でつまずきがちです👇

1. 複数APIを順次→並列にできるのに気づかない
2. エラーハンドリングがcatch止まりで終わる
3. コンポーネントのアンマウント後も処理が走り続ける

ポイントは「キャンセル可能な設計」と「失敗を想定したUI」。
例：保存ボタンは連打できないようにする、ロード中はスピナーだけでなく中断UIも用意するなど。

非同期処理のバグはUXを大きく損なうので、小さな画面から意識して直すのがおすすめです。
📌 保存して、次の実装で思い出してください✨
#JavaScript #フロントエンド #エンジニア初心者

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

📌 エンジニア勉強会に参加する意義って？💡

勉強会は「新しい知識を得る場」だけではありません。
実際のメリットはもっと広く👇

1. 実務の知見が聞ける：本や記事にはない“現場の工夫”が学べる
2. 仲間に出会える：似た課題を抱える人と話せて孤独感が減る
3. 登壇に挑戦できる：発表を通して整理力・伝達力が鍛えられる

特にキャリア初期のうちは「理解できない内容が多くてもOK」。
学びよりも「雰囲気を知る」「人と繋がる」こと自体が大きな成長になります。

勉強会で得た知識は、次の日の業務で1つでも試してみると定着度が段違い。

小さな一歩が未来のキャリアを広げますよ♪

📌 役立つと思ったら保存して、次の勉強会をチェックしてみてください✨
#エンジニア初心者 #勉強会 #キャリア

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

@qeF2yzkpBkiWZ4r エンジニアとして歩み始めたばかりだと、何を勉強すればいいのか迷ってしまいますね♪

今任せられている業務、1年後、3年後、5年後やりたいことや実現したいこと等の情報があると、関連領域の人からアドバイスを貰いやすいかもしれませんねっ

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

あれ？w

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

このようなご意見をユーザーから言われた場合、セキュリティ的にはどのような考慮が必要ですか？👀

#エンジニア
#セキュリティ

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

@kinako_741 ありがとうございます♪

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

駆け出しフロントエンジニア向けの情報発信をしてます♪
最近のツイートから参考になるものがあればフォロー&通知オンして、トレンドを一緒に追いかけましょう💡

#駆け出しエンジニアと繋がりたい
#いいねした人フォローする
#相互フォロー

[うらこ@駆け出しフロントエンジニア向けの情報発信 @front_engineer_]

@hotate_school ありがとうございます♪
よろしくお願い致します！