リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します（2018年度版） | リクルートテクノロジーズ　メンバーズブログ

2018/07/23 1066 users リクルートテクノロジーズ yosuke_furukawa

こんにちは、フロントエンド開発をリーディングしている古川 (@yosuke_furukawa)です。 昨年、こちらのブログで新人研修の特別講座の内容を紹介したところ、大反響だったので、今年も公開します。 リクルートテクノロジーズの新人研修 7月、リクルートテクノロジーズは新人の部署配属の季節を迎えました。 4月に(株)リク... 続きを読む

レトロエンジニアのための近代Webフロントエンド事情 - Qiita

2016/11/11 966 users Qiita CUI 肩身 JavaScript界隈 サーバ

フロントエンド開発 という言葉があちらこちらから聞こえてくる。 「反対語は バックエンド開発 だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavascript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技... 続きを読む

フロントエンド開発の基本知識（2017年夏） - Qiita

2017/07/11 681 users フレームワーク 筆者 node.js Qiita 若干

10年ぶりくらいに Web 開発に再デビューしなくてはならなくなった筆者が見た、現代のフロントエンド開発の基本知識についてまとめます。フレームワークを使ったシングルページアプリケーション開発が対象です。若干の不正確には目をつむってズバリ言い切るスタイルで書いていきます。 Node.js 現代のフロントエンド開発には Node.js を使います。Node.js には Ruby on Rails のよ... 続きを読む

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

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

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

いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】 （1/3）：CodeZine

2015/02/25 655 users CodeZine AngularJS React.js 選定

近年のフロントエンド開発の大規模化・複雑化に伴って、JavaScriptフレームワークの需要がますます拡大しています。既にBackbone.jsやAngularJSなど、MV*フレームワークは数多く登場していますが、本記事では最近注目を浴びているFacebook製のライブラリReact.jsについて解説します。フレームワーク・ライブラリの選定に悩んでいる方から、本格的にJavaScriptを触るの... 続きを読む

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog

2019/09/04 520 users hooks React Grid CSS 教材

id:daido1976 です。入社してからあっという間に1年が経っていました。 直近3ヶ月ほどプライベートでフロントエンド開発の勉強をしていたのですが、ここ数年で CSS の Grid や React の Hooks が新しく導入されたことなどもあり、少し古いコンテンツだと教材として役立たない1 と感じることが多かったので、本記事では私... 続きを読む

リクルートテクノロジーズのフロントエンド開発 2016 - from scratch

2016/12/01 448 users リクルートテクノロジーズ from Scratch 前書き

2016 - 12 - 01 リクルートテクノロジーズのフロントエンド開発 2016 前書き このエントリーは Recruit Engineers Advent Calendar の 1日目の記事です。 www.adventar.org リクルート テクノロジーズのフロントエンド開発 リクルート テクノロジーズではいくつもの並行するタスクが走っていて、プラットフォーム基盤と呼ばれる基盤技術開発とイ... 続きを読む

フロントエンド開発の概要について – Kazunori Kamiya – Medium

2017/10/18 437 users medium 概要

フロントエンド開発の概要について ここでは、フロントエンド開発の概要について説明していきます。 この記事でカバーしているものについて Single-page Apps (SPAs) New-age JavaScript User Interface State Management Coding with Style Testing Linting JavaScript Linting CSS T... 続きを読む

TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog

2019/04/17 406 users Rails TypeScript View API 並行

最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いて... 続きを読む

「フロントエンド開発に再入門する」タスクフォースの進め方 - Medley Developer Blog

2017/11/09 406 users タスクフォース 宍戸 メドレー 底上げ 組織

2017 - 11 - 09 「フロントエンド開発に再入門する」タスクフォースの進め方 こんにちは。開発本部の 宍戸 です。 メドレーでは定期的に、テーマに沿って組織の技術的な底上げを行うための機会（ タスクフォース と呼んでいます）を行っています。そのタスクフォースの１つとして先日、フロントエンド開発力のベースアップを目的としたタスクフォースを行いました。本記事では、その取組みについてご紹介した... 続きを読む

フロントエンド開発に迷ったら「Vue.js入門」を読もう - JavaScript関連の書籍とかまとめてみた - Lean Baseball

2018/09/24 395 users Lean Baseball 手島拓也 Vue.js入門 書籍

先日のPyCon JP 2018の野球の話にてVue.js（Nuxt.js）の話をした結果、技術評論社様のご厚意により、一冊頂戴いたしました. Vue.js入門 基礎から実践アプリケーション開発まで 作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也出版社/メーカー: 技術評論社発売日: 2018/09/22メディア: 単行本（ソフトカバー）この商... 続きを読む

エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順 | 株式会社LIG

2015/02/03 395 users 爆速化 株式会社LIG エンジニア 手順 環境構築

今年もHTML5 Minutesに登壇してきました。こんにちは、先生です。 当日は「フロントエンド開発スピードをあげるための環境を作ってみた話」をしてきました。 今回はその環境を使ってみるまでの手順を書いていきたいと思います。 必要なものをインストール NodeJS Gulp WebPack Bower PhantomJS NodeJSとGulpのインストールは過去の記事「Gulp.js入門 – ... 続きを読む

フロントエンド開発が捗るHTTP通信モニタリングツール「Charles」を使いこなす （1/4）：CodeZine

2015/02/20 385 users CodeZine Charles プロキシ http GUI

本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は、HTTPのプロキシ・モニタを行えるGUIのツール「Charles」について紹介します。 はじめに　「Charles」はHTTPのプロキシ・モニタを行えるGUIのツールです。似たようなツールとしてはFidllerが代表的ですが、CharlesはUIや操作性がシンプルです（その分機能は限定... 続きを読む

フロントエンドのお仕事図鑑 | Studio Andy

2019/04/18 377 users Studio Andy 形骸化 単語 フロントエンド 領域

Webフロントエンドエンジニア2年生になりました。 この1年で本当に多種多様なフロントエンドエンジニアの方たちとお話する機会をいただき、その度に「フロントエンドの領域って様々な役割があるなー」と思わされる毎日です。 一方で、「フロントエンド開発」という単語が形骸化してきている感覚も抱いており、具体的には... 続きを読む

JavaScript: フレームワーク React/Vue/Angularについて - DEV Community ?‍??‍?

2019/07/09 357 users React angular フレームワーク ライブラリ 役割

フロントエンドの開発に用いられる人気のフレームワーク(ライブラリ)に、ReactとVue.jsおよびAngularがあります。これらフレームワークのフロントエンド開発における役割と、3つの違いについて簡単にご紹介します。 データバインディングとコンポーネント化 フレームワークReactとVue.jsおよびAngularは、いずれもHTMLの... 続きを読む

今どきのGruntを使ったフロントエンド開発（HTML/CSS編） — MOL

2013/12/01 353 users りんど Sass CSSプリプロセッサ MOL コンパイル

SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的... 続きを読む

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

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」「脆弱なライブラリのチェック」について説明しています。 続きを読む

Node.js - フロントエンド開発の３ステップ（npmことはじめ） - Qiita

2015/04/11 349 users ウェブアプリ Qiita Gulp Grunt スライド

以前、勉強会でLTしたものです。 スライドは下記にあります。 http://www.slideshare.net/hashedrock/ss-46539932 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずgulpやgruntによるビルド環境構築から始まる記事が多くヒットします。 ですが、ほとんどの初心者が最初に書くウェブアプリは、 gulpやg... 続きを読む

最近のフロントエンドへの違和感 - nobkzのブログ

2016/04/10 327 users nobkz ニューギニア パプア medium タンザニア

2016 - 04 - 11 最近のフロントエンドへの違和感 そういえば今日これらを読んでて d.hatena.ne.jp d.hatena.ne.jp その中で Mediumなど海外メディアでは、もはやこの種の ツール を組み合わせたフロントエンド開発が当たり前として受け入れらており... はぁ? 「海外では当たり前()なんですねw 海外ってどこですか? タンザニア ? パフア ニューギニア ?... 続きを読む

webpack で始めるイマドキのフロントエンド開発 - Qiita

2015/04/05 319 users Webpack webapp Qiita ビルドツール 配布物

webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタ... 続きを読む

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

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

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

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

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

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

gulp なしの Web フロントエンド開発 | アカベコマイリ

2015/08/04 289 users package.json npm Gulp タスク 依存

Web フロントエンド開発において gulp は非常に便利だ。一方、あまりにも gulp に依存しすぎており、これなしで開発できるだろうか？という不安もある。 というわけで、gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 参考記事 Qiita npm で依存もタスクも一元化する MOL Grunt/Gulpで憔悴したおっさんの話 Keit... 続きを読む

「はじめてのフロントエンド開発」という本を書きました - massa142's blog

2018/05/12 288 users massa142's blog React angular

2018 - 05 - 12 「はじめてのフロントエンド開発」という本を書きました 共著者として参加していた書籍『React，Angular，Vue.js，React Nativeを使って学ぶ はじめてのフロントエンド開発』が、2018/5/9に 技術評論社 さまより発売となりました。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 作... 続きを読む

Rails5.1から導入されるwebpacker.gemは本当にRailsのフロントエンド開発に福音をもたらすのか? - Qiita

2017/02/27 282 users Rails Qiita YARN webpacker gem

Rails5.1から導入されるwebpacker.gemは本当にRailsのフロントエンド開発に福音をもたらすのか? Rails Rails5 webpack Rails5.1が今betaで出ていますね。中でも目玉はwebpacker.gemによるモダンなフロントエンド開発がRailsに導入されることでしょう。 今までのRailsのasset pipelineとは別に、yarnによって依存性を管理... 続きを読む