これからRustを勉強したいエンジニアにおすすめしたい参考書や教材を紹介します

2024/04/07 209 users rust PharmaX スクラムマスター 教材 エンジニア

こんにちは、加藤(@tomo_k09)です。 PharmaXではバックエンド・フロントエンド開発やスクラムマスターなどをやっています。 PharmaXが提供しているサービスでは、バックエンド開発に主にRuby on Railsが使われていますが、一部の機能はRustで開発されています。 このような理由からRustの経験が浅かった私もコツコツとRu... 続きを読む

freee、デザインシステム「vibes」を公開　アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | freee株式会社

2023/12/19 119 users freee アクセシビリティ プレスリリース ノウハウ 組織

freee、デザインシステム「vibes」を公開　アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム... 続きを読む

スタートアップを「支える側」になる、という選択

2023/09/25 94 users スタートアップ 選択 Gaji-Labo 関根 受託

こんにちは。株式会社Gaji-Labo で DevHR をしている関根です。エンジニア採用や組織作りを担当しています。 Gaji-Labo は、フロントエンド開発と UI デザインの会社なのですが、急成長するスタートアップにチームメンバーの一員となって参画する支援をしています。 一般的な「受託」で働くのではなく、スタートアップで... 続きを読む

長くなりがちだったコードレビューを改善した話 - 弁護士ドットコム株式会社 Creators’ blog

2023/09/08 152 users Creators’ blog 拡充 タスク 施策 エンジニア

弁護士ドットコム クラウドサイン事業本部でエンジニアをしている山田です。 主にフロントエンドを担当しています。 普段の業務でフロントエンド開発のコードレビューをすることが多く、今回は長い時間がかかりがちだったコードレビューを以下の施策で改善した話をします。 タスクへの認識合わせを拡充 タスクを小さく分... 続きを読む

GraphQL Gatewayはフロントエンド開発を幸せにする

2023/08/11 52 users アーキテクチャ フロントエンド マイクロサービス 弊社 周辺

はじめに マイクロサービスの開発では、サービスが増え続けるバックエンドに対して、フロントエンドは接続先が増えるため、開発効率を下げてしまいます。その対策として、さまざまな設計パターンが存在します。 弊社の開発ではGraphQL Gatewayを用いていますが、そこに至るまでや周辺の技術/アーキテクチャを解説します... 続きを読む

フロントエンド開発のためのテスト入門 - サンプルの紹介 -

2023/04/06 113 users テスト入門 サンプル 筆者 執筆 フロントエンドテスト

昨年から執筆を続けていた書籍が 4/24 に刊行します。「フロントエンド開発のためのテスト入門」という本です。 書籍ならではのテストコード解説を目指して 次の投票結果は、書籍企画時に持ち込んだ筆者のツイートです。フロントエンドテストに関していえば、8 割近くの方が何かしら不安や不足を感じている、という結果... 続きを読む

フロントエンド開発のためのセキュリティ入門

2023/02/10 352 users セキュリティ入門 XSS devsumi Cors ライブラリ

Developers Summit 2023 10-A-4 「フロントエンド開発のためのセキュリティ入門」の発表資料です。 https://event.shoeisha.jp/devsumi/20230209/session/4176/ 「HTTPS化」「CORS」「XSS」「脆弱なライブラリのチェック」について説明しています。 続きを読む

フロントエンド開発のためのセキュリティ入門 知らなかったでは済まされない脆弱性対策の必須知識 | 翔泳社

2022/12/23 186 users 翔泳社 セキュリティ入門 脆弱性対策 必須知識

Webアプリケーションの堅牢化に欠かせない知識を凝縮！ セキュリティ学習のスタートに最適の一冊！本書は、安全なWebアプリケーションを開発するための基本知識を、フロントエンドエンジニア向けに解説したセキュリティの入門書です。 これまでWebアプリケーションの開発で、セキュリティは「バックエンドの仕事」という... 続きを読む

書いた JavaScript をそのまま動かすフロントエンド開発の未来のために必要なもの

2022/12/06 79 users 未来 JavaScript エンジニア ブラウザ web

大きめのテーマです。もしかしたら「うちでは書いた JS をそのまま配信してるぜ〜」って人もいるかもしれないでが。 最近の Web フロントエンド開発では、書いた JavaScript をそのまま動かさないことが多い 最近のフロントエンド開発ではエンジニアが書いた JavaScript をそのままブラウザで動かすことはほとんどないか... 続きを読む

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

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

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

OpenAPI からなるべく生成するフロントエンド開発

2022/10/10 59 users OpenApi seya スキーマ スクリプト 一挙大

こんにちは。 スキーマから何かを生成するのが大好きな seya と申します。 今の会社では REST API のスキーマを OpenAPI で記述しているのですが、それを活用して何かしらを生成するスクリプトをよく書いています。 そんなネタがそれなりに溜まってきたので一挙大放出しようというのがこの記事です。 具体的には次のよう... 続きを読む

2022年におけるフロントエンド開発のベースライン

2022/08/20 298 users ベースライン Safari tl;dr 過剰依存 ネットワーク

TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開... 続きを読む

【React/Vue.js】コンポーネント設計の（個人的）ベストプラクティス | Offers Tech Blog

2022/05/23 167 users React ベストプラクティス Kazuya offers

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、React や Vue.js などの SPA フレームワークにおけるコンポーネント設計について紹介します。 昨今のフロントエンド開発では、コンポーネント指向での開発がスタンダート化しつつあり... 続きを読む

【Atomic Designに懐疑的なあなたへ】改めて考えたい React / Next.js のデザインパターン

2022/05/15 164 users React Atomic Design Next.js 戦い

フロントエンド開発は一般的に複雑性との戦いです。放ったらかしにしておくとますます複雑になり、変更するのが難しくなります。これまでにも、このような複雑さをどうにかして制御しようとして、Atomic Designをはじめとした様々な設計手法（デザインパターン）が考えられてきました。 しかし、React / Next.js を使っ... 続きを読む

バックエンドエンジニアが Next.js でモダンなフロントエンド開発を始めるにあたり学習したこと

2022/04/16 299 users Next.js バックエンドエンジニア React 副業 学習

2021年秋ごろ、副業のような形で Next.js による新規フロントエンド開発のお手伝いをさせていただくことになりました。プライベートの空き時間でフロントエンドの学習をし、今はひとまず開発できるようになってきた気がするので、これまで学んできたことをご紹介します。 基本の TypeScript, React, Next.js だけでなく... 続きを読む

2022年におけるフロントエンド開発のベースライン - LINE ENGINEERING

2022/01/26 666 users LINE Engineering Safari 過剰依存

2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準使用では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室の... 続きを読む

どのようにTypeScriptを使うのか - uhyo/blog

2021/10/23 213 users TypeScript uhyo 筆者 Blog 意見

現在、TypeScriptの重要性は、フロントエンド開発を中心としてますます増すばかりであります。それだけに、TypeScriptをどのように使うべきかという問題については多様な意見が見られます。 これまで筆者はTypeScriptの使い方について意見を発信してきましたが、この記事でも改めて考えをお伝えします。特に、次のような... 続きを読む

フロントエンド開発のための Figma

2021/10/20 270 users figma sekikazu01 意図 フロントエンド トーク

Transcript フロントエンド開発のための Figma by seya (@sekikazu01) このトークで話すこと Figma を駆使してフロントエンドの 生産性もあげちゃう使い方・考え方 デザインってなに？ このトークでは... デザイナーが実装者に UI の “意図”を伝えるためのもの と定義します では、そんな“デザイン”は フロントエンドの... 続きを読む

末尾呼び出し最適化とJavaScript - Speaker Deck

2021/04/23 92 users Speaker Deck JavaScript はなし 趣味

Transcript 末尾呼び出し最適化とJavaScript 2021/04/23 - @kota_yata おれ Kota Yatagai (@kota_yata) 趣味でフロントエンド開発をしてます 暗号系結構好きです ブロックチェーンの勉強はじめました Svelte / Nuxt 2021/04/23 - @kota_yata 今⽇のはなし 再帰関数の最適化を⾏う「末尾呼び出し最適化」の説明をして、今... 続きを読む

Denoのフロントエンド開発の動向【2021年春】

2021/03/29 78 users deno 所感 フレームワーク node.js 動向

はじめに ここ最近、Denoのフロントエンド向けのエコシステムについて、色々試してみたり、調査などをしていました。 そこで、この記事では、2021年現在のDenoのフロントエンド開発の状況であったり、所感などについてまとめます。 フレームワークについて Node.jsにおけるフロントエンド開発では、以下のフレームワーク... 続きを読む

OpenAPI generator と TypeScript で型安全にフロントエンド開発をしている話 - SmartHR Tech Blog

2020/08/25 87 users TypeScript GENERATOR Generate

こんにちは、SmartHR でフロントエンド開発を担当している @Tokky0425 です。 この記事では、私のプロダクトでの OpenAPI generator を使ったフロントエンド開発の取り組みを紹介していきます。 目次 OpenAPI とは 「ラクラク分析レポート」の DX 上の課題 OpenAPI generator とは 実際に generate してみる 生成ファイ... 続きを読む

LINEユーザー8300万人を対象とするアンケートを1週間で開発するには？　コロナ禍におけるLINEの施策とフロントエンド開発 - ログミーTech

2020/07/20 112 users コロナ禍 UIT meetup ログミーTech 施策 対象

2020年6月17日に行われたイベント「UIT meetup vol.9『The new normal for frontend』」に、LINE株式会社のフロントエンドエンジニアであるChanghee Kim氏が登壇しました。「コロナ禍、私たちにできたこと」という講演タイトルで、新型コロナ対策のための全国調査を行った際のフロントエンド開発について紹介しました。... 続きを読む

Webpackの70倍！Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた - ITnews

2020/02/18 158 users Webpack ハンドラー ITnews esbuild 現代

ITニュースピック一覧Webpackの70倍！Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた esbuild https://github.com/evanw/esbuild/ esbuildの特徴 複数モジュールの依存関係を解決し、1つにまとめるバンドラーは、現代のフロントエンド開発においてなくてはならないツールの1つ。 The Sta... 続きを読む

明日からはじめるテストのあるフロントエンド開発 - Speaker Deck

2019/11/16 250 users Speaker Deck テスト

All slide content and descriptions are owned by their creators. 続きを読む

AWSを用いたフロントエンド開発 - Speaker Deck

2019/11/04 191 users AWS Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む