『フロントチューニンガソン 最速を目指すには』
11:10～ 課題ページの確認＆PageSpeed Insightsの実行目的：チューニング対象のウェブサイトの改善の余地を調査 上記のgruntプラグインをインストールする npm install コマンドを実行しながら、ブラウザやIDEでチューニング対象のウェブサイトを確認し始めました。 少し見ただけでもCSSの構文エラーがあったり、使っていないJavaScriptライブラリがインポートされていたり…。 まるで無茶な運用を数ヶ月続けたかのような、カオスなファイル群でした。 ここで実行した PageSpeed Insights に画像サイズの最適化をオススメされたので、まずはそこから行うことにしました。 11:20～ 画像ファイルの最適化目的：画像ファイルサイズの削減 30 x 30pxで表示している画像ファイルが実際には150 x 150pxで保存されていたりする画像がそこそこあったの
[フロントエンド] フロントエンドの入社試験99問！難しいですよ〜w。 - YoheiM .NET
こんにちは、@yoheiMuneです。 Githubで、Front-end-Developer-Interview-Questions（英語）という、フロントエンドの入社試験問題を見つけました。 各国語に翻訳されていたのに日本語はなかったので、翻訳@Githubしてみました。ぜひぜひ力試しに使ってみてくださいー☆ フロントエンドの入社試験で聞かれるかもしれない技術的な質問 ページは、フロントエンドの入社試験の問題集@Githubです。 以下のような構成で質問があります。作成者は「この中からいくつか使ってね〜」という感覚とのこと。 全般：考え方とか全般技術とか HTML編：XHTML、複数言語サポート、HTML5、など JS編：JSの言語仕様的な JSコード編：よくあるけど他の言語ではあまり見ない書き方の解釈 jQuery編：jQueryの各機能の理解 CSS編：float、スプライト、プリ
![[フロントエンド] フロントエンドの入社試験99問！難しいですよ〜w。 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/0caa2f37243b1637437f88207cc859aefbc259af/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F305.png)
フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
Front End Development Guidelines
What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ideally, the HTML5 DOCTYPE should be used. It's suppor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A New Baseline for Front-End Devs
