Webサイトのパフォーマンスは、「9：1でフロントエンド側のパフォーマンスが重要」だと言われています。パフォーマンスの向上には、インフラ側だけでなくフロントエンドの設計が大いに影響します。そこで本書は、Webサイトのパフォーマンス向上についてデザイン面からのアプローチに特化し、日々の業務に取り込めるCSS、HTMLのコーディングテクニックや、Webサイトで使用する画像を作成する際のヒントを紹介しています。また、デザイナーだけでなく、サイト運営に携わるすべてのスタッフがパフォーマンスへの意識を高めるための効果的な取り組みについても解説します。 賞賛の声 推薦の言葉 はじめに 監訳者まえがき 1章　サイトパフォーマンスはユーザエクスペリエンス 1.1　ブランドに与える影響 1.1.1　ユーザの再訪問 1.1.2　検索エンジンの順位 1.2　モバイルユーザへの影響 1.2.1　モバイルネットワー

現職の正社員のCTOではなくなりました。 現在はフルコミットではなく、週3日開発にたずさわって全力投球しています。 後半に連れてエモい話になって行くので、面倒な人は要約を読んでウィッシュリストからなんか送ってください（新日のTシャツとか） 要約 技術顧問とフリーランスの開発案件を承ります インプットとアウトプットのバランスを取りたい 何をやるかより誰とやるか 最近の興味は労働生産性を上げる事 Amazonウィッシュリスト公開してみた。書籍については一つ工夫をしてみた このような活動をしていきます 技術顧問の領域を増やします エンジニアの採用補助します 設計のレビュー致します 戦略の開発項目の相談します モダンな開発環境・チーム構築いたします エンジニア採用面接お手伝いします フリーランス開発を増やします 保守性の高いRails開発が得意 iOS開発(Swift)の開発がしたい(現状のスキル

Appleが開催中の開発者向けイベント「WWDC 2016」でApple Watchの最新OS「watchOS 3」が発表され、追加される新機能が明らかになりました。 Apple Events - Apple Event - WWDC Keynote June 2016 - Apple http://www.apple.com/apple-events/june-2016/ キーノート最初の発表は「watchOS 3」です。 お気に入りのアプリをストレージに保存・バックグラウンドでのアップデート・リフレッシュされたインフォメーションなどが新しくなり、すぐにローンチされるとのこと。 watchOS 2ではアプリの起動に時間がかかっていました アプリをタップから起動までの時間が長め 起動するころには、スマートフォンからの方が早かったのではと思うレベルでした。 watchOS 3ではアプリの起動

この前の日曜日、ちょっと時間がなくて、短い距離だったんですが、タクシーに乗ったのですね。 そしたら、見た目が、すごい怖い、エグザイルぽいサングラスをかけた30代後半くらいの運転手さんで、なんかこわいなあ、と思ってたんです。 そんな、エグザイルみたいなタクシーの運転手さんなのですが、この人が、すごい決めつけてくる人で。 まず、行き先をいうときに「六本木交差点を過ぎたあたりまでお願いします」といったら 「あ、俳優座でしょ？」というのですよ。 いきたかったのは、普通に六本木交差点なので、「えっ、いや、違います。交差点でいいです」というと、今度は 「どこの局？それとも制作会社？」と聞くのですね。 「えっえっ？」となりました。何を聞いているのか本当によくわからないのですね。 そしたら、その運転手さん、「だって、日曜日なのに仕事だから、テレビ関係でしょ」っていうのですよ。 「いやいや、違います。仕事じ

インフラ部の荒井（@ryot_a_rai）です。 今年の4月、弊社には11名の新卒エンジニアが入社しました。そして現在、3ヶ月間の研修を受けています。ビジネスマナーから技術研修まで幅広く行われていますが、その中で5月下旬におこなったインフラ研修とその後の社内ISUCONについてご紹介します。 インフラ研修（講義） インフラ研修はインフラ部に配属されるエンジニアに限らず、全新卒エンジニアが参加する研修です。日常業務でコードを書いてサービスを開発していくうえで知っておいてほしい、インフラに関する基礎知識や共通言語を獲得することを目的としています。合計3日間をインフラ部の@kani_bと分担して講義しました。研修内容の内容はざっくりと以下のようなものです。 1日目 インターネットとは ブラウザでウェブサイトを閲覧する際になにが起きているのか IPからHTTPまでざっくりと Webインフラアーキテ

こんにちは、2016年度にデザイナー職で新卒入社しました@Ln_northです。新卒研修も終わり、現在はOJTのもとで生放送チームにジョインしています。 さて、Googleのロゴが変わっていくらか経ちますが、このロゴはSVGを使うと少ないデータ量で表現できるというニュースが話題になりました。 この記事を見た際に、厳密には視覚調整が入るはずなので、正確に幾何的図形とは一致しないだろうという感想も抱きました。しかし、SVGで文字を生成するということには非常に興味を持ちました。今までにも、文字のアウトラインを使ったアニメーションや表現はありましたが、文字自体を生成するというものは見たことがなく、そしてSVGはJavaScriptで操作することができるため、書体の印象が動的なフォントを作ることができると考えたからです。 どういうことかというと、例えば であるとか、 といったことができるかもしれない

追記 この記事を元に書籍が出来ました！ 時間と命を削って、より詳細に解説しましたので、Emacs に興味がある人はぜひ一度手に取ってみて下さい。 Emacs実践入門　?思考を直感的にコード化し、開発を加速する (WEB+DB PRESS plus) 作者: 大竹智也出版社/メーカー: 技術評論社発売日: 2012/03/07メディア: 単行本（ソフトカバー）購入: 22人 クリック: 396回この商品を含むブログ (1件) を見る前回は install-elisp を使った elisp のインストールから設定の調べ方あたりを紹介しました。 今回は多分、今後入門記事を書く中でも、個人的に最も重要だと思う内容です。 例えば色の設定やインデントなど、色々と試してから実際に使っていきたい項目がありますが、.emacs に書いた設定を、いちいち再起動したり、load したりして読み込むのはとても面倒

マイクロソフトがLinkedInの買収を発表。ソーシャルメディアとOffice 365、Dynamicsを連携 発表文の中で、マイクロソフトCEOのサティア・ナデラ氏は次のようにコメントしています。 “Together we can accelerate the growth of LinkedIn, as well as Microsoft Office 365 and Dynamics as we seek to empower every person and organization on the planet.” 私たちマイクロソフトが地球上の組織や個人にパワーを与えようと模索するなかで、Office 365やDynamicsと同じようにLinkedInの成長もともに加速していけるだろう 今後Office 365やDynamicsといった企業向けサービスでLinkedInと連携し

これであなたのQiita記事もランキング入り！？@jnchitoによる編集リクエスト解説（解説動画付き）Qiita日本語 はじめに みなさん、コードを書くのは得意ですか？ ・・・はい、みんな得意ですよね！ じゃあ、文章を書くのは得意ですか？ ・・・あれ？急に声が小さくなりましたね（苦笑） たぶん、自信を持って「わかりやすい文章が書けます！」って言えるエンジニアの方は少ないんじゃないかと思います。 というわけで、この記事では実際の「編集リクエスト例」を使って、わかりやすい技術記事を書くポイントを説明します。 説明で使うQiita記事 説明で使うQiita記事はこちらです。 nested_form で子レコード間の関連を検証する - Qiita 内容としてはRailsでよく使われる nested_form というgemの応用的な使い方を説明しています。 編集リクエスト前の記事 上のリンクはすで