ウェブページを1秒台で表示させる原理と方法 | Philosophy Guides
可能な限り最新の情報を反映していますが、追いつけていないこともあります。本サイトに採用していても、記事に反映できていない設定もあります。ページのソースを読んでいただくと、参考になる箇所があるかもしれません。 ウェブページの高速化に関するテクニックは、ネットで検索すれば簡単に見つけることができます。優れた情報も数多くありますが、｢CSSとJavaScriptはminify（ミニファイ）しておけばOK！」のような都市伝説も少なくありません。 そこで、ここでは本サイトのデザインリニューアル時に施した対策をもとに、一歩進んだウェブページの高速化の方法と、それを支える原理について、できる限り分かりやすく説明したいと思います。フロントエンジニアやデザイナーの方からすれば「んなもん知っとるわ！」な情報なのかもしれませんが、都市伝説を駆逐すべく、私なりの仕方で解説（≒加勢）したいと思います。 初めに結果を
やはりHTML/DOMは再発明されるべきじゃないか - mizchi's blog
と思う次第である。以下理由。 JavaScript, GUI設計の今 JSはそのプラットフォーム特性上、あらゆる言語の使用者の、あらゆる不満が集まる場所で、ヘイトを集めやすい環境だと思う。近年は npm というプラットフォームの登場でエコシステムが生まれ、思いつく限りあらゆるメソッドが適用されてきた。貧弱な言語基盤だが、その中で生き残った方法論が、今一番GUIの課題を上手く扱えている、と自分は考えている。 React/Redux や Angular によって、Flux/MVVMという抽象パターンが枯れてきたように思う。(この際、現場はまだ jQuery だぞ、みたいな話は無視する)。要は View は State の写像である、ということに尽きる。State はシリアライズ可能(JSON)で、Flux Action/Rx.Observable の Event Stream を入力とし、それ
なぜ人は複雑なリモコンのようなWebサイトをつくってしまうのか - ビープラウド社長のブログ
「複雑！すべての機能をとても使いこなせない」 数多くボタンが並んだAV機器のリモコンを見て、過去に思ったことがある人も多いでしょう。 しかし、いざ自分がWebサイトを企画する側になると、複雑なリモコンと同じものをつくってしまいがちです。 誰もが、シンプルで使いやすいWebサイトをつくりたいと思っているはずなのに、なぜ、そのようなことになってしまうのでしょうか。 順に考えていきます。 小さな労力で大きな価値を Webサイトを開発するリソース（お金、時間、人）は、どのような企業でも有限です。 そのため、なんでもかんでも思いついたものを、つくるわけにはいきません。 小さな労力でWebサイトをつくり、大きな価値を生み出す努力が必要です。 そのためには、当然ながらWebサイトの開発スコープを絞ります。 顧客の対象を絞る スコープを絞るには、顧客の対象を絞るのが１番手っ取り早い方法です。 たとえば、顧
キモくて金のないおっさんを定義せよ
金が無い事とおっさんであることは共通理解があると思う 問題は何がキモいのか？ それが人によってバラバラでキモくて金のないおっさんの話題になると毎度話がこんがらがってる 想定してるキモくて金のないおっさん像がバラバラの状態では話が噛み合うはずがない キモいのは見た目なのか？ 性格なのか？ 発言や思考形態なのか？ おっさんの癖に（若い）女性を性的対象にするという行為なのか？ なんかキモいという漠然としたものなのか？ 批判するにせよ擁護するにせよ、想定してる人物像はしっかり定義しないとただの罵り合いにしかならん それじゃ不毛過ぎるよ
HTTP/1.1とHTTP/2を比較する ― 第二回 ロリポップさんの検証サイト編 - Webパフォーマンスについて
ロリポップさんで、HTTP/1.1とHTTP/2の比較サイトを立ち上げられていたので、計測して比較しました。 lolipop.jp 計測対象サイト http1-1-contents.com http2-contents.com 計測条件 日本の帯域保証型(100Mbps)光回線を使用 NTT KDDI 計測ブラウザ … Chrome53 計測頻度 … 15分に1回 計測期間 … 4月12日～5月9日の29日間 計測ツール … Catchpoint Catchpointを知らない方のために説明しますと、CatchpointはWebサイトのパフォーマンスを24時間365日定常監視・計測するためのサービスを提供している企業です。 Googleの品質保証担当Vice PresidentだったMedhi Daoudiが2010年に立ち上げた企業で、現在、Google、Microsoftなどのテクノロ
リクルートテクノロジーズ 新人研修特別編を公開します
こんにちは。アプリエンジニアの五味です。 2017年4月にリクルートホールディングスの新卒Web採用枠で入社した新卒社員のうち、21名がリクルートテクノロジーズに配属となりました。（いらっしゃい！） リクルートテクノロジーズでは「ブートキャンプ」と呼ばれる新卒社員向けの技術研修を3か月間実施しています。 もともと高い能力を持つ彼・彼女らですが、「これからのリクルートをリードしていく存在」になって欲しいという期待を込め、プロとしての重要な立ち上がり期を支援しています。 今年からは社外講師の既存プログラムに加え、より実践的な内容を求める経験者をターゲットに、総勢12名の現場エンジニアが担当する特別講座を開催しました。 各分野のスペシャリストがこれまで現場で培ってきた「本当に必要な生きた知識・技術」のインプットは、彼・彼女らの成長を加速させ、これからのエンジニア人生の礎になってくれるものと僕らは
東京新聞:育毛には本わさび 毛乳頭細胞活性化、市販剤の３倍:社会(TOKYO Web)
業務用わさび最大手の金印（名古屋市）が、日本原産の香辛野菜「本わさび」に含まれる成分がヒトの育毛を促すメカニズムを初めて解明した。東京で二十四日に開幕する国際食品素材・添加物会議「アイフィア・ジャパン」で発表する。 本わさびの葉から、アンチエイジングに効果があるポリフェノールの一種である「イソサポナリン」と呼ばれる成分を抽出。ヒトの頭皮の毛根にあり、発毛に関する物質伝達をつかさどる「毛乳頭細胞」にイソサポナリンを加えて培養すると、細胞が活性化する効果が観察された。活性化の度合いは、市販の育毛剤の有効成分に使われる「ミノキシジル」を加えた場合の三倍に達した。 育毛を促すメカニズムについては、イソサポナリンの働きによって、毛乳頭細胞が外部からの刺激を受け取る「受容体（レセプター）」の感受性が高まり、細胞を活性化させることが判明。毛髪をつくるのに必要な栄養などを、毛乳頭細胞に送り届けるための毛細
これから紙とペンは不要! 海外メディアが大絶賛している「最新の書き起こしツール」があれば生活が激変しそう | GetNavi web ゲットナビ
これから紙とペンは不要! 海外メディアが大絶賛している「最新の書き起こしツール」があれば生活が激変しそう なにかをひらめいた瞬間に、必ずしも周囲に紙とペンがあるとは限りません。即座にメモできず、これまで何度「あれ、いいアイデアだったのに～！」と嘆いたことでしょう。 紙とペンより持ち歩きやすいアイテムがあれば、そんな後悔はなくなります。いま、パッと音声でメモをとれる「Senstone」というツールが、「せっかくのアイデアを忘れずに済むうえにコミュニケーションも変わる」と英語圏で話題になっているのです。 スマホがいらない音声テキスト化ツール「Senstone」クラウドファンディングサイト「Indiegogo」で目標金額を大幅にこえる3700万円相当を獲得している「Senstone」はペンダントやブレスレット、クリップで着用できるウェアラブル。 「Senstone」は2回タップすると録音を開始し
【2017年度版】Webエンジニアでも最低限押さえておきたい、SEO施策のまとめと実装 - Qiita
Webエンジニアでも最低限のSEO知識を持っておきたい ferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、 別途Googleで検索するなどして複数の意見をインプットすることをおすすめします。 ###★この記事を読むとどうなるか マーケター、ディレクターとのやりとりがスムーズになる。 意図せず検索順位を下げてしまうコードに気づける様になる。 エンジニア側だけで動けるSEO施策を提案できる様になる。 なんとなくSE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
静岡県民はお茶を買ったことがない人が多い