フロント学習の最高の教材集 - 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コーダー」「フロントエンジニア」にそれぞれ役立つ... 続きを読む

JavaScriptで使えるIBMワトソンの画像認識APIで機械学習に挑戦 - アドビクッションの種類を判別してみた - ICS MEDIA

2018/05/30 52 users ICS MEDIA 機械学習 画像認識API 挑戦 種類

ICS MEDIA ウェブ制作 2018/05/30 JavaScriptで使えるIBMワトソンの画像認識APIで機械学習に挑戦 – アドビクッションの種類を判別してみた 「機械学習」や「深層学習」が流行ってますが、プログラミングではじめるにも「難しそう」と印象を持ってる方は多いのではないでしょうか。本記事では画像認識をテーマに、ウェブのフロントエンジニアが手軽に試せるサービスを紹介します。 Vi... 続きを読む

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、盛り上がりましたね。寝不足の方も多いのでは... 続きを読む

モック用のJSONやCSVなどのデータを大量にかつ簡単に作成できるMockarooを試してみた - とんちむ日記

2017/05/09 56 users JSON mockaroo サーバーサイド CSV Tweet

2017 - 05 - 09 モック用のJSONやCSVなどのデータを大量にかつ簡単に作成できるMockarooを試してみた Tweet どうも、フロントエンジニアになりたい人です。 js側から叩く API がまだサーバーサイドで実装されてないけど、js側の処理も先にやっとかないといけないって状況ありますよね・・多分。僕は今のところ経験したことないけどきっとある。 あと、テスト用のデータ欲しいとか... 続きを読む

3, 4 日で React を案件に導入(先っちょだけ)した話 - Qiita

2015/04/10 92 users Qiita React BEM 案件 JavaScript

はじめに まずこの話は 最近話題だった React を案件に とりあえず 使ってみたという話をダラダラと書いた記事です。 React について深く書くという記事ではないでの悪しからず。 状況と経緯 まず状況を整理します。 私の話 フロントエンジニアといして有りたい存在 javascript も少し書くが、そこまで自信を持てるコードではない。という感じ。 最近 BEM にハマっていた。 案件の状況 ... 続きを読む

ショートカット一発！圧縮（min化）されたCSSやJavaScriptのソースコードを見やすく整形しちゃうよ！ | the Saibase

2015/02/16 56 users CSS 圧縮 the Saibase ソースコード muzie

ショートカット一発！圧縮（min化）されたCSSやJavaScriptのソースコードを見やすく整形しちゃうよ！ 2015年2月17日 ツイート フロントエンジニアのみなさーん！今日も色んなサイトのHTMLを覗き見していますかー！！ HTMLを見ていると、求人情報が書いてあったり、アスキーアートが書いてあったりすることがあって、こういうのを見つけると楽しいですね！ 音楽配信サービスの老舗、muzie... 続きを読む

え！？わずか1秒でCSS / JavaScriptファイルを圧縮！Sublime Text3にYUI Compressorを入れてみた。 | the Saibase

2015/02/15 87 users YUI Compressor CSS 圧縮 波形 みなさー

え！？わずか1秒でCSS / JavaScriptファイルを圧縮！Sublime Text3にYUI Compressorを入れてみた。 2015年2月15日 ツイート フロントエンジニアのみなさーん！今日もゴリゴリHTMLコーディングしてますかー！？ 本当はHTMLよりも、音の波形をずっと眺めていたいTomicciです。こんにちは。 今回は、CSSや、JavaScriptのファイルの圧縮に関して... 続きを読む

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さんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブ... 続きを読む

カヤックが語る、「ウェブ屋が一年でGame屋になるまで」・・・第8回iPhoneGames勉強会 | インサイド

2013/01/13 52 users カヤック TechBuzz インサイド うぇぶ屋 嶋田氏

株式会社ハッチアップが開催する「TechBuzz」の「第8回iPhoneGames勉強会」の後半ではカヤックの嶋田氏が「ウェブ屋が一年でGame屋になるまでのまとめ」と題された報告を行いました。 嶋田氏はカヤックのプロデューサーかつフロントエンジニアのチームリーダーを勤めています。もともとウェブ制作事業においてFlashアニメーションやデザインなどを行なってきましたが、今回はそれらの経験をゲーム制... 続きを読む

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

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版... 続きを読む

もしもフロントエンジニアがSVG女子をイジったら。音声認識やfpsコントローラなど凄すぎる件 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

2011/05/13 54 users カヤック KAYAC DESIGNER イジ パスワード 視聴

SVG女子が公開されて2週間がたちました たいへん多くの方に視聴していただいているようで、感激しています！ 「SVG」がすっかりバズワードになっていますね。 まだの方はぜひご覧ください！ SVG女子を見る SVG女子にはユーザーが自由にイジってオリジナル作品を作れるモードがあります。 いわゆる「神モード」というやつです。 この「神モード」に公開直後から多くの作品が集まっています。（嬉しい！） SV... 続きを読む