Next.js って App Router が出てきて平和じゃなくなったよね

2024/07/22 154 users App Router Next.js ベストプラクティス

背景 Next.js に App Router が導入されてから1年近くが経ちました。しかし、未だに App Router を前提として設計のベストプラクティスが定まっておらず、身近なフロントエンドエンジニアはみな「まだプロダクトに取り入れるには考えることが多いよね」という共通認識のまま止まっているような気がしています。 また、Ap... 続きを読む

飛んでくる「マサカリ」をどう受け止めるか。鹿野壮が実践する「アウトプットを守る」3箇条

2024/01/17 117 users まさかり 鹿野 アウトプット TypeScript・CSS

飛んでくる「マサカリ」をどう受け止めるか。鹿野壮が実践する「アウトプットを守る」3箇条 2024年1月17日 フロントエンドエンジニア 鹿野 壮 九州大学芸術工学部音響設計学科卒業。現在は株式会社マネーフォワードで、フロントエンドチームのリーダーをしている。とくにTypeScript・CSSが好きで、暇があればコードを書... 続きを読む

【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 前編

2023/12/10 102 users Flutter React TypeScript 修士 主戦場

はじめに 自己紹介 初めまして、@kakekakemiya と申します。 現在は東京大学大学院学際情報学府の修士 1 年で、フロントエンドエンジニアとして活動しています（25 卒の就活生です）。TypeScript × React × Next.js が主戦場ですが、Flutter でモバイルアプリを開発するときもあります。 今回は自分の TypeScript 力の向... 続きを読む

フロントエンドエンジニアも知っておきたい HTTP/3 で変わること

2023/11/18 164 users http

フロントエンドカンファレンス沖縄 2023 の登壇資料です 続きを読む

「推測されやすい」パスワードを入力させないためにフロントエンドエンジニアができること

2023/08/27 146 users パスワード

2023/08/26(土)に開催された Frontend Nagoya #11
のセッションで使用したスライド資料です。 続きを読む

フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita

2023/07/21 179 users Qiita

はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chromeには開発を便利にするchrome拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant ... 続きを読む

ブラウザ上で3Dキャラクターと会話できる「ChatVRM」をオープンソースで公開しました - pixiv inside

2023/04/28 101 users pixiv ChatVRM ビューワー OSSライブラリ 運用

こんにちは、@keshigomu です。 普段は主にVRoid Hubのフロントエンドエンジニアとして、3Dキャラクターを表示するビューワーの開発に携わっています。また@pixiv/three-vrmという、Web上で3Dモデルを使ったコンテンツを開発するためのOSSライブラリの運用も行っています。 今回、ブラウザで簡単に3Dキャラクターと会話... 続きを読む

必要なのはJavaScriptの基本的な知識だけ　3Dアニメーション制作をお手軽にする「Three.js」の魅力

2023/03/04 284 users three.js JavaScript コーダー 知識 魅力

エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、... 続きを読む

const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた

2023/02/22 184 users satoko Props React import リズミカル

VTeacher所属のSatokoです。 QAエンジニアとフロントエンドエンジニアを兼任しています。 1.久しぶりにReactのプロジェクトに参加 リズミカルにキーボードを　タタンッ！　として、 import { FC } from "react" type Props = {} const Hoge: FC<Props> = () => { return ( <> </> ) } export default Hoge って、得意気... 続きを読む

今すぐにNext.jsでフロントエンド開発 or Web制作を快適に始めたい方におすすめの簡単セットアップを紹介する🔥

2022/12/03 109 users Next.js フレームワーク セットアップ フロントエンド

この記事はLCL Advent Calendar 2022 - 2日目です。 はじめに 株式会社LCLでフロントエンドエンジニアとして働いている「おとの」と申します。 今回は、今をときめくフロントエンドのフレームワーク「Next.js」を使って、個人もしくは複数人のチームで快適にフロントエンド開発を行いたい方にオススメのセットアップを紹... 続きを読む

個人開発の失敗を避けるイケてる考え方 / tips for indie hackers

2022/11/19 216 users 失敗 個人開発 考え方 ＰＭＦ マネタイズ

フロントエンドエンジニアの方が個人開発をしてみたいと思える発表にします。 # 個人開発の目的 - 学習か、リリースか # ツールやフレームワーク ランニングコストを抑えるためのサービス選定 # 楽しさとメリット - ものづくりの楽しさ - 視野が広がる - デザイン、PMF、マネタイズ、マーケティング、イノベーションetc.... 続きを読む

副業を2年続けて辞めた話 〜副業のメリットデメリット〜 - Qiita

2022/11/17 348 users 傍ら エンジニア 政府 現役 Qiita

はじめに 私は現役のフロントエンドエンジニアです。正社員として働く傍ら、約2年間副業を続けてきました。副業で3社経験をして、最長契約期間は1年3ヶ月です。政府も副業を推奨しているし、副業を推しているエンジニアもたくさんいます。そして副業がやりたくて探しているエンジニアもいると思います。 そんな「副業最... 続きを読む

スプリントの振り返り大全 〜 チームに最適な手法を見つける15のレトロスペクティブを振り返る - Agile Journey

2022/10/18 234 users スクラム レトロスペクティブ スプリント 大全 ジャパン

はじめまして。株式会社イノベーター・ジャパンでフロントエンドエンジニアをしている、うじた（@besburg）です。弊社ではスクラムによる開発を取り入れており、スプリントの最後には毎回スプリントレトロスペクティブという振り返りを行っています。そこで試した振り返りの手法をこの記事ではまとめてみました。 私たち... 続きを読む

加速するコンポーネント設計入門 / Component Design as an Accelerator

2022/10/07 103 users Keywords コンポーネント設計 境界 デザイナー

社内勉強会用 デザイナーとフロントエンドエンジニアの境界をなくし、UI開発を加速させるためのコンポーネント設計入門 ※フロントエンドエンジニア視点 [Keywords] - 共通認識としてのデザインシステム - 共通認識としてのコンポーネント設計 続きを読む

フロントエンドの"ちょうどいい"自動テストのはじめかた - Atrae Tech Blog

2022/09/30 171 users フロントエンド はじめかた たかみ wevox テスト

Wevoxのフロントエンドエンジニアをしているタガミです。最近はmonorepo構成に移行中のWevoxフロントエンドのテストやデザインシステムなどをいい感じにしようとしています。 この記事では、WevoxというSaaSプロダクトのフロントエンドにおける自動テストの話をします。Wevoxはリリースから5年以上が経過し、チームのメ... 続きを読む

フロントエンドエンジニアが「自分はJSON色付け係」と自虐する理由を考察した - パンダのプログラミングブログ

2022/06/04 240 users JSON パンダ 自虐 出典 自虐ネタ

「JSON色付け係」という自虐 フロントエンドエンジニアの間では、「私の仕事は JSON に色を付けることです」という有名な自虐ネタがある。 おそらく初出は以下のツイートなのだろう（*1）。ただ、出典はあまり詳しく調べていない。 初めてこの言葉を見た時、面白い言い回しだなと思った。確かにフロントエンドの仕事にそ... 続きを読む

エンジニアのためのFigma超入門

2022/05/22 318 users エンジニア figma Figma上 実装 デザイナー

エンジニアがFigmaを学ぶ利点 ブラウザ上で共同編集ができるなどの理由から、最近では観測範囲内の多くの企業がFigmaをメインのデザインツールとして採用しています。 一般的にフロントエンドエンジニアはデザイナーがFigma上で作成したデザインファイルを元に実装を進めると思いますが、ここでエンジニア側にもFigmaの... 続きを読む

【WASM & Rust】フロントエンドでRustを使う方法をmizchiさんとペアプロしながら解説する #ch789

2022/05/07 106 users mizchi rust wasm KOBA789 ペア

フロントエンドエンジニアが Rust と WASM を使ってフロントエンドのコードを書こうとすると、意外と Rust のエグいところが出てきて面食らいます。 この配信では、フロントエンドに詳しい mizchi さんに、KOBA789 が Rust と WASM を教えていきます。 ★事前資料 https://gist.github.com/mizchi/86e53810e08eee2176d98b... 続きを読む

フロントエンドエンジニアが知るべきキャッシュを理解する

2022/04/03 530 users キャッシュ kaa_a_zu ウィキペディア CPU 領域

キャッシュは、CPUのバスやネットワークなど様々な情報伝達経路において、ある領域から他の領域へ情報を転送する際、その転送遅延を極力隠蔽し転送効率を向上するために考案された記憶階層の実現手段である。(引用: フリー百科事典『ウィキペディア（Wikipedia）』) こんにちは、@kaa_a_zu です。私たちエンジニアは、「... 続きを読む

なぜ僕が「SPAはコストが高い」と考えているのか

2022/03/30 464 users SPA よね 彼ら 発言 コスト

どうもみなさんこんばんは ちょっと前に「個人開発者やスタートアップの初期からSPAで開発するのはコスト高いっすよね」みたいな事を書いたらフロントエンドエンジニアの皆様からバチバチに叩かれた僕です 彼らには彼らの考えがあるのでそれはどうでもいいのですが、どういう理由があってその発言をしたのか～と言う部分... 続きを読む

OpenAPI Generator で API Client と型を自動生成した話 - BASEプロダクトチームブログ

2022/03/28 114 users OpenAPI Generator API client

フロントエンドエンジニアの @rry です。 自分は BASE の Sales Promotion というチームで主に新規機能開発を行っています。このチームでは主にオーナーさんの使う管理画面に新しく機能追加をしています。 そこで、管理画面で使っている API Client と型を、OpenAPI Generator を使って自動生成するようにしてみたのでそ... 続きを読む

PHPの改善 !== PHPのバージョンアップ | PR TIMES 開発者ブログ

2022/03/10 134 users PHP PR TIMES React INCLUDE 改善

ReactでリッチなUIの管理画面を開発した話こんにちは。PR TIMES の開発本部でフロントエンドエンジニアをしている鈴木雄大です。2022年2月、企業ページにプレスキット機能を追加するリリースしたので、そのお話... <? include("abc.php"); include("def.php"); include("conf.php"); include("db.php"); include("some.p... 続きを読む

より速い WEB を目指す Next.js / nextjs-make-the-web-faster

2021/11/24 269 users Transcript Next.js web おさらい 前半

Transcript より速い WEB を目指す Next.js 【Next.js Update!】 v12リリースを踏まえ、Next.jsの採用を考える 吉井 健文 / Takepepe 株式会社リクルート　 APソリューショングループ フロントエンドエンジニア・アーキテクト Agenda ▪ 前半：Next.js Conf 2021 おさらい ／ ▪ 後半：Next.js 12 発表をうけて ▪ Static x... 続きを読む

清く正しく「サービス共通ヘッダ・フッタ」を実装する - LIFULL Creators Blog

2021/09/28 150 users ブッダ 嶌田 ヘッダ CSS ソースコード

フロントエンドエンジニアの嶌田です。今回が LIFULL Creators Blog への初めての投稿です。 「サービス共通ヘッダ・フッタ」は、ただのヘッダ・フッタではありません。ソースコードはいくつものサイトやサービスで使いまわされます。組込み先が持っている CSS によっては表示が崩れてしまうかもしれません。ブレークポ... 続きを読む

フロントエンドから取り組むデザインシステムの改善 #UI - Yahoo! JAPAN Tech Blog

2021/08/25 107 users 近藤 Japan 近年 フロントエンド Yahoo

こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアル... 続きを読む