フロント学習の最高の教材集 - Qiita

2022/06/27 407 users おかげ 新卒 教材 実装 実務

はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で「この教材のおかげで実装がスムーズにできた」「この教材をやってたおかげで理解ができた」といったような場面が2年の間で多々ありました... 続きを読む

70万通りのURLを持つWebサービスを Next.jsにリプレイスして高速化した話

2021/10/28 245 users Next.js URL 高速化 WEBサービス Twitter

Transcript 0 ジャムジャム！！Jamstack_2 70万通りのURLを持つWebサービスを Next.jsにリプレイスして⾼速化した話 1 © 2021 Ateam Inc. 1 Uejima Aiji リードエンジニア@株式会社エイチームライフスタイル Twitter: aiji42_dev 8年のキャリアの中で、フロントエンジニアよりも バックエンドエンジニアとしてのキャリア... 続きを読む

フロントエンドエンジニアがUI設計〜実装で考えていること - Medley Developer Blog

2019/03/27 111 users 実装 UI設計 フロントエンドエンジニア TechLunch

おはこんばんちは、開発本部エンジニアの大岡です。 先日、TechLunchという社内勉強会で「フロントエンジニアがUI設計〜実装で考えていること」という内容で発表しました。UI設計から実装の細かい話ではなくどういう気持ちで望んでるかという話で、基本的なことしか書いていませんが紹介させていただければと思います。 ... 続きを読む

フロントエンジニアなら知っておきたいブラウザレンダリングの仕組みをわかりやすく解説！ | LeapIn

2019/03/17 116 users ブラウザレンダリング 解説

この記事ではブラウザの仕組みを図解を用いてわかりやすくご説明します。 最近のブラウザは優秀なので、ブラウザの仕組みを理解していなくても、パフォーマンスの問題が発生することは少ないかもしれません。 しかし、アニメーションを多用するサイトやユーザーインタラクティブなサイトの場合、パフォーマンスの問題は... 続きを読む

VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA

2018/07/24 520 users エディター HTMLコーダー 略称 Microsoft Git

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」にそれぞれ役立つ... 続きを読む

iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） - KAYAC engineers' blog

2017/06/06 238 users KAYAC engineers Safari コピペ カメラ

2017 - 06 - 06 iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） ios javascript ざっくり1行でまとめると iOS11のSafariがカメラにアクセスできるようになったから試しました。＾ ＾ はじめに こんにちは。フロントエンジニアの @ki_230 です。 WWDC、盛り上がりましたね。寝不足の方も多いのでは... 続きを読む

10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話

2014/10/21 499 users おっさん Presentation Transcript

<br /> ＞つまりHTML/CSS、Javascriptを使ったフロントエンドはフルネイティヴのつなぎ的な位置付け <br /> ということになって先細りそうな More… 10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話 Presentation Transcript 1. 1０年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話 2. よしだ... 続きを読む

Reverse Proxy がなぜ必要か - naoyaのはてなダイアリー

2014/08/26 654 users naoya VirtualHost リバースプロキシ 昨今

フロントエンジニアに知ってもらいたいリバースプロキシの重要性 - RickyNews この記事が目に入って読んでみた。なるほど、昨今は Reverse Proxy は便利な L7 ルーター的なものとして認識されているのだな、と思った。URL の Rewrite や、VirtualHost 云々。確かに Reverse Proxy の便利な側面ではある一方、それらは Nginx などの Revers... 続きを読む

フロントエンジニアに知ってもらいたいリバースプロキシの重要性 - RickyNews

2014/08/25 645 users リバースプロキシ RickyNews Apache 知見 観点

Randen Pederson 大規模なシステムであれば使っているであろうリバースプロキシ。 セキュリティや稼働率の観点からみて利用することは非常にメリットは高いです。 ただ、社内や周りであまり知見がなく、 「動くからいいや」という理由でApacheをそのままWebサービスの一次受けとして利用されている方も多いと思います。 動くという目的からすれば確かにその通りですが、ただ一枚リバースプロキシを入... 続きを読む

iOSアプリをHTML5アプリにした時の技術選択と開発ワークフロー〜QuizNow(ブラウザ版)の事例から〜 — Mobage Developers Blog

2014/07/11 254 users iOSアプリ 事例 ブラウザ版 HTML5アプリ 技術選択

はじめまして。Japanリージョンゲーム事業本部でフロントエンジニアをしている@hazumuです。現在はこちらの記事でも取り上げられているQuizNow(クイズナウ)のブラウザ版やクイズの投稿画面の開発を担当しています。 アニメーションやデザインアプリを効率よく開発するには～RabbitCam/QuizNowの事例から～ — Mobage Developers Blog 今回はQuizNowという... 続きを読む

JavaScript - フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita

2014/06/11 316 users Qiita AngularJS ブロン シフトチェンジ 整理

概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロン... 続きを読む

JavaScript - フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita

2014/06/05 699 users Qiita AngularJS ブロン シフトチェンジ 整理

概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロン... 続きを読む

Node.jsをサーバサイドのUIレイヤに限定するのか？ - ワザノバ | wazanova.jp

2013/10/08 109 users Box サーバサイド オライリー本 ワザノバ 著者

http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/ Nicholas ZakasはYahoo出身で現在Boxに勤めるフロントエンジニアで、JavaScriptに関する複数のオライリー本の著者でもあります。彼が自身のブログで、Node.jsをサーバサイドUIレイヤのみで活用することを提言してます。 J... 続きを読む

JavaScript書くときに便利なVimプラギン集 - Life goes on

2013/01/22 305 users キタ フロントエンド プラグイン Life goes on

2013-01-22 JavaScript書くときに便利なVimプラギン集 Vim JavaScript この記事はVim Advent Calendar 2012の52日目の記事です。 前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブ... 続きを読む

ディレクター、エンジニア、フロントエンジニア、デザイナーが「つくるときに役立つ三種の神器」まとめ | ねとろむ！！ | ネットカルチャー、オタクカルチャーの最新情報

2012/07/10 935 users 神器 ディレクター オタクカルチャー エンジニア デザイナー

『時をかける少女』二次創作のクオリティが超絶すぎる アニメ・ミュージック・ビデオ（AMV）を制作しているロシア人クリエイターのQwaqaの新作「PaperHeart」。細田守監督による映画「時をかける少女」を大胆に加工、編集し、全く新しい物 続きを読む

23人のカヤック社員がおすすめする「つくるときに役立つ三種の神器」まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/07 1233 users 神器 KAYAC DESIGNER ディレクター エンジニア

面白法人カヤックのイベントである「777☆カヤックフェスティバル」に向けて、 ディレクター、エンジニア、フロントエンジニア、デザイナー、 全職能のブログを、同じテーマの記事でつなぐ「777ブログウェイ」を実施していました。 24人のカヤック社員が、「つくるための3種の神器」をテーマに記事を書きました。 そのまとめ記事になります。 デザイナーまとめ 新しいPCに入れる基本ソフト3つ：Windows版... 続きを読む