同僚の外国人プログラマ観察記録 - rinu's blog

2013/03/23 1759 users 同僚 プログラマ Java ハチミツ 性別

2013-03-17 同僚の外国人プログラマ観察記録 概要 1ヶ月くらい一緒にお仕事している外国人プログラマさんを観察した記録です。 スペック 性別: 男性仕事内容: うちの会社のプログラマは、ざっくり JS 等のフロントエンドと、 Java 等のバックエンドエンジニアにわかれているのですが、彼はどちらもやっているようです。好きな食べ物: はちみつたまに、くまさんのようにはちみつを舐めていました。... 続きを読む

Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2017/05/30 1245 users デバッグ エンジニアHub 必須 デバッグツール キャリア

2017 - 05 - 30 Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 DevTools JaveScript Twe... 続きを読む

これからWeb系のベンチャーで起業しようと思っている人へ考慮しなければいけないリストを作成した - nigoblog

2013/10/16 1169 users エンジニア 2013-10-17 非エンジニア 業界 学生

2013-10-17 これからWeb系のベンチャーで起業しようと思っている人へ考慮しなければいけないリストを作成した 開発 技術 webサービス Web系に限らずですがとにかくいろんなことを考えなければいけません。業界で3年以上やっていたエンジニアならいざしれず、非エンジニアやフロントエンドしか触ったことのないエンジニア。 そして学生等々、Web系ベンチャーをやるには案外考えることが多いんだぜって... 続きを読む

ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ | コリス

2012/10/14 1148 users jQuery Git iOS Sass コリス

ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。 順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。 続きを読む

46選 サービス・アプリのアーキテクチャ・プログラミング言語・フレームワーク大調査 2019 #エンジニアHub - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/01/08 1065 users エンジニアHub フレームワーク インフラ キャリア アプリ

エンジニアHubでは2017年4月に、国内注目サービスのアーキテクチャ大調査を掲載しました。それからおよそ2年が経ち、インフラでもフロントエンドでも新しい技術が次々と登場しています。 そこで今回は2019年始版として、46のサービスが利用しているプログラミング言語やフレームワーク、インフラ等の環境をまとめました... 続きを読む

HTML&CSS フロントエンド 何度も読み直したい資料・ツールまとめ - 酒と泪とRubyとRailsと

2014/01/26 1012 users Rails 備忘 コーディング Ruby HTML＆CSS

HTML5&CSS3&フロントエンド 何度も読み直したい資料・ツールまとめ Jan 26th, 2014 Tweet HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、幾つか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘... 続きを読む

WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA

2019/04/15 1007 users ICS MEDIA 静的サイトジェネレーター 爆速 見栄え

ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代... 続きを読む

Vagrant - naoyaのはてなダイアリー

2013/02/05 995 users VirtualBox naoya Vagrant Ruby

先日 Vagrant を触ってみたら便利すぎて鼻血が出ました。しばらく見ないうちに色々進んでるもんですねえ、いやはや参っちゃいました。Vagrant は仮装マシンの VirtualBox のフロントエンドに相当する、ruby で書かれたツールです。vagrant コマンドなどを使ってコマンドラインから簡単に新しい VM を作れる。 % gem install vagrant % vagrant b... 続きを読む

SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog

2019/03/05 985 users ベストプラクティス SPA JSON サーバーサイド 台頭

最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバ... 続きを読む

JavaScript - ここ数年前から2015までのモダンフロントエンドを総まとめしてみた - Qiita

2015/05/25 925 users oLd Qiita 台頭 JavaScriptフレームワーク

HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そ... 続きを読む

サーバーサイドエンジニアも知っておくべきフロントエンドの今 - Speaker Deck

2019/03/22 916 users サーバーサイドエンジニア Speaker Deck

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

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - Photoshop VIP

2015/03/30 912 users CSS HTML Photoshop Vip ディズニー社

海外デザインブログCSS Animationで公開された「CSS Animation Trends in Web Design」より許可をもらい日本語抄訳しています。 フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（... 続きを読む

デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本 – Rriver

2015/05/05 909 users ワークフロー Rriver ユーザ エンジニア 規模

スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけで... 続きを読む

フロントエンドのデザインパターン

2022/01/03 875 users デザインパターン

本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく 3 つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。 続きを読む

【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) - Rのつく財団入り口

2018/04/25 835 users React angular フレームワーク Vue.js

2018 - 04 - 23 【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) IT 開発 プログラミング フレームワーク アーキテクチャ JavaScript TypeScript Angular React Vue.js TDD フロントエンド IT 開発 プログラミング フレームワーク アーキテクチャ JavaScri... 続きを読む

私たちはなぜReactではなくVue.jsを選んだのか | プログラミング | POSTD

2016/12/29 808 users Drupal React POSTD スペ Vue.js

私たちはなぜReactではなくVue.jsを選んだのか Qwintryチームは最近、既存のすべてのプロジェクトのフロントエンドをVue.jsに移行しはじめました。新しいプロジェクトでもVue.jsを使います。 レガシーなDrupalのシステム（qwintry.com） ゼロから新しく書きなおすqwintr私たちはなぜReactではなくVue.jsを選んだのか Qwintryチームは最近、既存のすべ... 続きを読む

ロゴデザインする時見ておきたい！ロゴデザインギャラリーのオンパレードと注目記事色々！ | バンクーバーのWEB屋

2012/05/31 778 users ロゴ バンクーバー 小さいプロジェクト 開発 WEBサービス

僕がロゴを作るってことはこれまで正直殆ど無かったんですが、実は今とあるWEBサービスの開発に関わっていてそのフロントエンドの制作取り回しを担当させて頂くことになりました！ とは言っても、小さいプロジェクトなのでロゴも自分で作ることになったのですが、なんともまぁ久々のロゴデザインなわけですよ。サービス名もまだ思案段階で着手するのはもうちょい先かなと思うんですが、どうせ作るなら恥ずかしくない物にしたい... 続きを読む

2018年のPythonプロジェクトのはじめかた - Qiita

2018/05/02 776 users npm Qiita YARN pipenv 増補改訂

4/30 公開 5/1 増補改訂 : 大幅加筆しました。 この記事では、2018年以降に実現可能になったモダンなPythonプロジェクトのはじめかたを整理します。 Pythonにも Pipenv という 公式推奨 の高機能なパッケージマネージャーが登場し、さらに2018年に入ってからの機能向上で、npmやyarnのような開発体験が得られるようになってきました。 私はここしばらくはフロントエンドやN... 続きを読む

2018年のPythonプロジェクトのはじめかた - Qiita

2018/05/01 776 users npm Qiita YARN pipenv 増補改訂

4/30 公開 5/1 増補改訂 : 大幅加筆しました。 この記事では、2018年以降に実現可能になったモダンなPythonプロジェクトのはじめかたを整理します。 Pythonにも Pipenv という 公式推奨 の高機能なパッケージマネージャーが登場し、さらに2018年に入ってからの機能向上で、npmやyarnのような開発体験が得られるようになってきました。 私はここしばらくはフロントエンドやN... 続きを読む

CSS 設計の長い夢 - ペパボのフロントエンドスタンダード

2015/06/10 750 users ペパボ CSS shikakun リポジトリ ウェブサービス

「ペパボのフロントエンドスタンダード」のトップは こちら スタイルシートの夢 この項目の担当 @shikakun 今朝、夢を見ました。夢のなかで、僕はスタイルシートを書いていました。 そのスタイルシートは、書きやすくて、読みやすくて、壊れない。そんな「運用しやすい」CSS でした。満足げに仕事を終えたところで目が覚めると、僕の隣り（ローカル環境のリポジトリ）には、ウェブサービスの長い歴史のなかでさ... 続きを読む

とあるサイトの高速化についてフロントエンドでやったことまとめ。 | Toro_Unit

2015/11/27 736 users Toro_Unit CSSプリプロセッサ 大小 高速化 急増

業務で携わっている案件なのですが、アクセス数の急増が見込まれるイベントがありまして。準備期間も少なく、バックエンド側でできることがほぼないという状況でサイトを落とさないようにがんばる！というお仕事でした。レガシーソースてんこ盛り。CSSプリプロセッサとか何それ状態。 そこで実施した対策のまとめです。サーバー・アプリケーション・サイトの構成によって、効果の大小はありますが、比較的効果があったと思われ... 続きを読む

20 年代のフロントエンド.md · GitHub

2020/01/29 728 users Event GitHub 下書き レイヤー node.js

20 年代のフロントエンド.md 明日の下書き これはなに 高円寺.dev #3 用の資料 https://koenji.connpass.com/event/160886/ フロントエンド専門じゃない人向けの、フロントエンドの最先端〜やや未来の話です このレイヤーでは Node.js を使うべき/使うと強いという部分がありますが、他言語を否定しているわけではありま... 続きを読む

フロントエンドが嫌い

2017/05/01 716 users

ウェブフロントエンドの技術の進歩と興亡の速度には目を見張るものがある。 browserifyが生まれ、Gruntが生まれ、Gulpが生まれた。 そしてその全てが死んだ。 Webpack, Babel, Flow, 今栄えている技術だってそのうちに死ぬだろう。Reactだって例外ではない。 一部はもう死につつあるし、少し前にあれだけ持て囃されたTypeScriptも今や消えつつある。Coffeeは全... 続きを読む

フロントエンドの負債と向き合う - mizchi's blog

2018/03/13 707 users 負債 mizchi's blog フレームワー Flux 前提

2018 - 03 - 13 フロントエンドの負債と向き合う 某所で書いたものを公開用に書き直したもの 前提 フロントエンドでTDDは難しい、というかほぼ不可能である。なぜなら事前に副作用をデータとして表現できるか不明だからだ。たとえばあなたのプロダクトの画面の何処かにボタンを追加するために、その内部表現を事前に思い浮かべることが可能だろうか？ react-redux などのFlux フレームワー... 続きを読む

jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | ヌーラボ

2018/03/26 697 users jQuery React typetalk ヌーラボ イチ

Typetalk フロントエンドエンジニアの岡藤です。先日Typetalk Webサイトリニューアル に伴い、フロントエンドの技術を jQuery から  React + styled-components  に刷新しました 。 本記事では、React を用いた Web サイト制作についてお伝えします。 はじめに タイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣... 続きを読む