saimaru@フロントエンドエンジニア

都内ECコンサル会社でフロントエンドエンジニアとして勤務｜テクニカルディレクター｜マークアップやJavaScriptによる開発のお仕事をしており、普段の学習の記録や気づきなどをメインにツイートします

[saimaru@フロントエンドエンジニア @saimaru_web]

買ってみました❗️
最近ではAIに書かせることが多いものの、エンジニアとしてはきちんと知識として身につけていきたいですね。

#TypeScriptコードレシピ集

[saimaru@フロントエンドエンジニア @saimaru_web]

駆け込みで確定申告完了❗️
年々数字が右肩上がりになっていくのを改めて確認できる機会なので割と嫌いではない

[saimaru@フロントエンドエンジニア @saimaru_web]

2025年の振り返り(2/2)

来年は具体的なアウトプットを残すことを意識する1年にします🔥

本業でも結構チャレンジしやすい環境にいるので、単価UPや副業収入よりも今後のキャリア形成を中心に考えるようにしていきます❗️

#Web制作

[saimaru@フロントエンドエンジニア @saimaru_web]

2025年の振り返り(1/2)

✅️ディレクション領域にも踏み込み視野が広がるようになった
✅️Next.jsやAstroなどモダンな開発手法を中心にインプットが増えた
✅️副業は前半好調も後半は失速→その分インプットを増やした

スキルの軸を少しずつ広げることができた1年でした❗️

#Web制作

[saimaru@フロントエンドエンジニア @saimaru_web]

草☘️連続記録34日達成。

密かにどこまで連続記録伸ばせるかチャレンジしていたのですが、うっかり途切れてしまいましたw

平日は本業もあるので中々難しいですね…ただ今後もできる範囲で生やしていきます☘️

[saimaru@フロントエンドエンジニア @saimaru_web]

草19日目☘️
#デイトラ でGitHubの扱い方を学んだこともあり、せっかくなのでAstroで個人開発しているものも取り込んで引き続き草生やしていこうかと思います。

草がプッシュした日付ではなくコミットした日付でカウントされるっぽいので19日目とします。

[saimaru@フロントエンドエンジニア @saimaru_web]

今やっている領域ではNext.jsではなくAstroの方が適用しやすそうなので今後はAstroでサイトのテンプレートをつくっていく作業を進めていきます。

[saimaru@フロントエンドエンジニア @saimaru_web]

Next.js自体は書籍やUdemyでも安価に学べますが、#デイトラ ではプルリクのやり方やブランチの命名規則など開発のお作法的な部分も網羅しているのが良かったです。

解説が丁寧なのもありますが、参照すべきドキュメントも紹介してくれるので今後自走していきやすいカリキュラムだと感じました。

[saimaru@フロントエンドエンジニア @saimaru_web]

予約しました❗️
フロントエンドの領域には既に踏み込んでいるものの、自己流だったりチーム開発のお作法が分からなかったりと課題を感じていたので主にそのあたりを学んでいきます。

#デイトラ

[しょうへい｜デイトラ代表 / AI経営顧問 @showheyohtaki]

＼🎁予約受講特典✨／
#デイトラ Web制作アドバンスコースは
10/20まで、予約受講特典として10%OFFです🎊

求人サイトを見ても、「アドバンスで扱うスキルがあるとこんなに単価が変わるのか😳」と驚かれると思います！

"コーダーの次のステップ" を目指したい方は
お得な予約期間のうちにぜひ👍

[saimaru@フロントエンドエンジニア @saimaru_web]

Web制作アドバンスコース完走しました❗️学べた内容はざっと下記。

✅️Next.js使ったサイト構築
✅️GitHub（プルリクエスト、イシュー管理）
✅️Vercelへのデプロイ
✅️TypeScript
✅️API（リクエスト、レスポンス）を使った要素の取扱い

#デイトラ

[saimaru@フロントエンドエンジニア @saimaru_web]

草16日目☘️
microCMSとの連携方法とTailwindCSSの学習。CMSが変われば当然APIも変わるが、ドキュメントが充実しているのでこれ見ながらであれば問題なさそう。Tailwindは、、、実際に使うときになったら本格的に学習しよう😅

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草15日目☘️
メタ情報の設定、404ページ、エラーページの作成について学習。Next.js側で準備されている関数を条件分岐に従って表示制御すれば良い。APIのレスポンスからエラーとなるパターンを網羅するのが大変そう。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草14日目☘️
引き続きWordPressの記事をAPIで取得してフロントを作成する方法の学習。基本はハンドブックから記事一覧やカテゴリーなど必要となるAPIを調べながら進めるべし。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草13日目☘️
REST APIを使ってNext.jsとWordPressを連携。前にVanilla JSでやったことはありましたがフレームワークを使うとだいぶ楽ですね😅型アサーションの理解が難しかったのでTypeScriptはもっと踏み込んで学習したほうが良さそう。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草12日目🎃
フォームサービスを使ってフォーム機能の実装方法を学習。実装自体は簡単だが環境変数の使い方には注意が必要。

（GitHubもハロウィン仕様ってことかしら）

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草11日目☘️
フォーム系のページを作成し終えてカリキュラムのサイト構築はひと通りできた。Next.jsの書き方読み方は大丈夫そうだが、運用のことを考えるとコンポーネントの分け方やPropsの管理などフレームワークを使う上での設計部分がポイントになりそう。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草10日目☘️
フォーム用の入力コンポーネントの作成方法を学習。...restOfPropsの使い方やmap関数など、普段あまり使ってこなかったJavaScriptの知識についても抑えておく必要がありそう。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草9日目☘️
コンポーネントを作る際にpropsで渡すものは予め整理しておいたほうが良さそう。後からpropsが追加になると既存で使われているページもいちいち修正しないとなので。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草8日目☘️
コンポーネントを組み合わせてページを作成していくフローは理解できてきた。今後他のページも作成していってサイト全体が構築されていくにつれてコンポーネントの良さが出てくる感じかな。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草7日目☘️
どの単位でコンポーネント化するべきか。分けすぎてもファイルの横断が大変なので、予めルールを決めて運用しながらいい塩梅のラインを見つけていくようにしようかな。

#デイトラ Web制作アドバンスコース

[saimaru@フロントエンドエンジニア @saimaru_web]

草6日目☘️
ちょうど自社でも導入するか検討しているTypeScriptについて学習。JSも記述が多くなって来るとバグの温床になりやすく、機械的につぶせる手段としても良さそう。

#デイトラ Web制作アドバンスコース