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

まぁ、恩返しどころか恩恵を授かって帰ってきましたけれども！！ 初めまして。株式会社バトンズの土屋と申します。 バトンズには2024年7月から参画させていただいております。前職はフロントエンド系フリーランスエンジニアです。 先日、Vue Fes Japan 2024のボランティアへ行ってきまして、終始とても楽しく、学びあり刺激あり笑いありの1日を過ごせましたので、執筆させていただきます。 Vue Fesの様子や、得た知見・感想など書いています。 本稿を通して、Vueに関わる人が増え、世のプロダクトもVue自体もよりよくなっていく一助になればと思います。 ネームカードを下げていました ボランティア…

.img_top01 { width: 260px; } .img_top02 { width: 260px; } .img_top03 { width: 260px; } .img_top04 { width: 260px; } .img_top05 { width: 260px; } @media (min-width: 768px) { .img_top01 { width: 340px; } .img_top02 { width: 400px; } .img_top03 { width: 330px; } .img_top04 { width: 420px; } .img_top05 …

引用元：キャリア相談プラットフォーム【coachee】 新業態のキャリアサポートとして注目を集めている「キャリアコーチング×スキルシェア」プラットフォーム、「coachee（コーチー）」をご存知ですか？ 従来のエージェントサービスとは異なり、キャリア全般や副業の相談まで幅広くサポートしています。自分に合ったキャリアコーチを選んで柔軟なサポートを受けられるこのサービスでは、個々のニーズに合わせた的確なアドバイスが得られます。 今回は転職エージェントとの違いや、coacheeの特徴、どのような方におすすめかを解説します。 関連サイト：キャリア相談ならcoachee 目次 転職エージェントとキャリア…

前回の記事ではReスキル講座（第四次産業革命スキル習得講座認定制度）の完全ガイドとして詳細を解説しました。Reスキル講座はIT業界でキャリアを始めたい未経験者にとって、補助金を活用して技術を習得できる非常に魅力的な制度です。この講座ではエンジニアとしてのスキルセットをゼロから学ぶことができます。まだご覧になっていない方はそちらを読んでからこの記事に進むとより深く理解できるのでぜひご覧ください。 関連記事：【未経験でも安心】最大80%の補助金を活用して賢くWebエンジニアになるなら今がチャンス！Reスキル講座完全ガイド ただし魅力的な制度である一方で、いくつかのデメリットも存在します。そのためも…

引用元：経済産業省 IT業界へ未経験からエンジニアに転職を目指す方にとって、Reスキル講座は絶好のチャンスです！エンジニア未経験者でもゼロからプログラミングやデータ分析などのスキルを学び、Web開発やAIスキルなど今の時代に求められる技術を習得できます。さらに政府の支援策を活用すれば受講料の一部をカバーでき、経済的な負担も軽減されます。 今回はReスキル講座についてわかりやすく解説します。できるだけ難しい専門用語を避けエンジニア未経験の方でも理解しやすい内容にしていますので、これからエンジニアとして新しいキャリアを考えている方はぜひ参考にしてください。 目次 Reスキル講座とは？ 第四次産業革…

useAsyncDataとは Nuxt3から標準で提供されているAPI。 非同期処理に関する状態管理を行ってくれる。 nuxt.com 1秒後に50%の確率で成功する非同期関数をuseAsyncDataで使ってみた例 const { data, status, error, refresh, execute, clear } = useAsyncData( 'key', () => { return new Promise<string>((resolve, reject) => { setTimeout(() => { if (Math.random() > 0.5) { resolve('…

フロントエンドエンジニアの仕事内容と聞くと、単純にHTMLやCSS、JavaScriptを使ったコーディングをイメージする方が多いかもしれません。しかし実際の業務内容はそれ以上に広範囲にわたりコーディングにとどまりません。今回はフロントエンドエンジニアが日々取り組んでいる仕事内容や現場で求められる責任範囲について具体的な事例を交えながら解説します。 目次 フロントエンドエンジニアのリアルな業務内容と現場で求められる役割 要件定義 技術調査 工数見積もりと影響範囲の洗い出し コーディング 納品 結合テスト リリース作業 運営・保守 フロントエンドエンジニアの日常業務 まとめ フロントエンドエンジ…

この記事はSafie Engineers' Blog! Advent Calendar 6日目の記事です。 はじめに こんにちは。第2開発部でフロントエンドエンジニアをしている東條です。今回は、2024年新卒エンジニア研修におけるインフラ分野の開発についてお話ししたいと思います。 はじめに セーフィーでの2024年新卒エンジニア研修と作ったプロダクトの紹介 導入 定期実行について バージョン更新とメンテナンスについて バージョンが更新されているのかどうかが判断できない バージョン更新中にアクセスするとエラーになる Slackへの通知が確認できない 感想

トレジャーデータでプロダクトマネージャーをしている高橋です。 プロダクトマネージャー（PM）として、機能開発を進める中で複数チームをまたぐプロジェクトを経験することは珍しくありません。しかし、そうしたプロジェクトが予定通り進むことは意外と難しいものです。スコープが曖昧であったり、スケジュールがずれ込んだり、チーム間の連携が不足していたりと、様々な課題に直面します。 こうした状況を乗り越えるために大事なことのひとつに、ストラテジー、アーキテクト、エグゼキューションの3つの役割 です。 チーム横断型開発チームの構成 例えば、あるチームが以下のようなメンバーで構成されているとします。 プロダクトマネ…

はじめに こちらの記事は、アソビュー！ Advent Calendar 2024の５日目（表面）です。 アソビュー！でバックエンドを担当している島田です。 皆さん、開発者とQAの役割が分断されているせいで、品質や効率が低下していると感じたことはありませんか？例えば、開発者が作り上げた機能をQAがテストする段階で認識のズレから不具合が見つかり、手戻りが発生する。こんな経験はありませんか？ 私が所属するスクラムチームでは、効率的な開発と高品質なプロダクトの提供を目指しています。しかし、役割意識が強すぎることや、協働不足が原因で、開発や品質に課題を感じる場面が少なくありませんでした。この記事では、こ…

この記事は、 PLEX Advent Calendar 2024の4日目の記事です。 こんにちは 株式会社プレックスでWebアプリケーションの開発をしているtetty0217 です。 はじめに 画像データを取り扱うフォームにおいて、入力した画像をプレビューで表示する機能が付属していることは珍しくないでしょう。 今日はそんなプレビュー機能の画像描画をnext/imageで無秩序に実装すると発生するクラッシュについて、Safariブラウザを題材として「なぜメモリリークが原因だったのか」「ブラウザでは何が起きていたのか？」という点をブラウザのレイヤー（Safari Web Inspector）とネイ…

Developer Engagementブロックの@ikkouです。ZOZO開発組織の1か月の動向をMonthly Tech Reportとしてお伝えします。 ZOZO TECH BLOG 2024年11月度は7本の記事を公開しました（前月分のMonthly Tech Reportを含む）。中でも次の3つの記事は多くの方に読んでいただきました。 techblog.zozo.com techblog.zozo.com techblog.zozo.com まだお読みでない方はぜひご覧ください。 登壇 ちむぐくる！TOKYO 11月6日に開催されたgusuku Customineのユーザー交流会『ち…

株式会社カオナビでは、社員の個性や才能を発掘するタレントマネジメントシステム「カオナビ」を主力プロダクトとして、HR領域の機能開発に2012年から注力しています。 そして2024年4月、隣接する経営管理領域のSaaS「ヨジツティクス」を独自に開発してリリースしたことで、マルチプロダクト戦略にかじを切りました。 現在の開発組織で新規プロダクトの経験がない中、どのようなことに気を使いながら開発を進めたのでしょう。プロダクトオーナーを務める福田健（ふくだ・けん）さんと、フロントエンドでの技術選定などをリードした別城慎治（べっき・しんじ）さんに話を伺いました。 ※この記事は株式会社カオナビによるタイア…

Understanding JWT in OAuth/OIDC Tips for Organizing Engaging Internal Study Groups Why You Should Avoid 'Details in Thread' on Slack Analyzing Changes in X (Twitter) Advertising Design Patterns: Past, Present, and Future Apple's M4 Chip and its Gaming Performance Detailed Guide to Using Chrome DevTo…

トグルホールディングス（以下、トグル）でデベNAVIチームのスクラムマスター兼エンジニアとして働いている君田です。 トグルホールディングスエンジニアアドベントカレンダーの4日目の記事です！ 今年の春くらいから社内の開発体制もスクラムを取り入れ、マイクロチーム（2〜5名程度のチーム）のリーダーになったのでそのお話をできればと思います！ まずは自己紹介 新卒で営業職からエンジニアスクールに通い、180度方向転換してエンジニアとして働き始めました。 エンジニアとしては今年で5年目になります。今までは主にフロントエンドエンジニアとして働いてきましたが、トグルではフロントエンドもバックエンドも、Type…

この記事は、 PLEX Advent Calendar 2024の3日目の記事です。 こんにちは 株式会社プレックスでWebアプリケーションの開発をしているtetty0217 です。 はじめに 皆さんはどのようなタイミング・方法でWebフロントエンドアプリケーションのモバイルビューを開発・デバッグしているでしょうか。 PCブラウザのレスポンシブモードを使って開発したり、QA期間に実機端末でデバッグしたりなど様々でしょう。 本記事はその実機端末に近い環境であるiOS SimulatorとAndroid Emulatorを使用してアプリケーションをデバッグするための環境をセットアップすることにフォ…

こんにちは！フロントエンドエンジニアの張です！ この記事はEnigmo Advent Calendar 2024の3日目の記事です。 エンジニアは日頃のタスクを対応するためにいろんなツール駆使していますが、絶対になくてはいけないツールと言いますと、やはりテキストエディター一択だと、私は思っています。 そのテキストエディターですが、実は何種類もあって、側から見ると、どれも同じように見えるかもしれませんが、毎日何時間もそれで仕事をするエンジニアにとって、自分に合うエディターを選ぶことは実は仕事の効率とモチベーションに大いに関わっています。 本記事では、ここ約一年半、私が毎日使っている最強エディター…

nkmさんよりバトンを受け取りました！ 株式会社iimonにてフロントエンドエンジニアをしております、まつむらです！エンジニア人生で初めてのアドベントカレンダー参加です！ いつもの勉強会とは違って、変なことを書いても良いと言われたような気がしたので、今回は完全に趣味に振り切ろうかなと思います！ 本記事はiimonアドベントカレンダー3日目の記事となります！ はじめに 自宅でのオンプレ運用に必要な物 必要なもの あれば嬉しい物 どこまでを自作していくのか ネットワーク構成について 一般的なネットワーク構成図 今回目指すネットワーク構成図 ルータが2台ある理由 ipv4 と ipv6 について ル…

Software Design 2024年12月号を読んで、ちょこっとずつ感想を書いてます。 gihyo.jp 表紙 リス最高w この時期はもふもふまるまるしてて最高ですね！ 第1特集 落し穴にハマる前に！シェルスクリプトの基本と罠 第1章：シェルスクリプトの基礎 利点・欠点・使いどころを認識しよう……滝澤 隆史 dash…知りませんでした。 ja.wikipedia.org 気をつけないとハマりそう…。 !/bin/sh は使わないようにしてるけど…おお、こわ…。 インフラのコードは結構使いますよね…。CIもそうかも。 第2章：シェルスクリプトの基本文法 実務で頻出の機能を要領よく学ぼう………