Webページの高速化/最適化まとめ - Qiita
おはこんばんちは、渋谷でお掃除してる人です。 はじめに 自社サービス、ランディングページ、企業ホームページのようなWebサイト（Webページ）において何が一番大切かと聞かれれば、その答えは表示速度です。 ええ、仰りたいことは大いにわかります。もちろんコンテンツも大事です。 ですが、どれだけコンテンツが良くて魅力的な商品だったとしても、表示されなければ意味がありません。 人間という生き物は、Webページが表示されるまでたったの2秒しか待てません。 ウルトラマンでさえ3分間も待てるこのご時世に、たったの2秒です。 その2秒によって、汗水流して作りあげたみなさんのコンテンツが人目につくこともなく、消えていくのです。 というわけで Webページを高速化する上で大切なことをちょっとだけ紹介します。 この記事を読み終わる頃には、ちょっとだけ高速化に詳しくなって、ちょっとだけPageSpeed Insi
はてなで新しくWebサービスを作るときのインフラの作り方 - Hatena Developer Blog
この記事ははてなデベロッパーアドベントカレンダーを始めます - Hatena Developer Blogの17日目の記事です．昨日は id:yashigani_w の Promiseを学ぶためにSwiftでPromiseを実装してみた話 - yashigani?.days でした． こんにちは、はてなの id:wtatsuru です。はてなのインフラ全般をみています。 はてなでは、しばしば新サービスを構築する機会があります。正式サービスもあれば、はてラボ のような実験的サービス、内部の Microserviceの一部になっているものなど多種多様なものがあります。新規サービスのインフラを構築する際は、最小構成でありつつ後のスケールやメンテナンスを考えた仕組みを作っていくことになります。この記事では、2015年12月現在のはてなでの標準的な構成を紹介していきます。 新サービスの最小構成 こち
最近話題になったイケてるWebサービス・アプリ12選（2015年11月編）
UIPalette 「UIPALETTE」は、配色を考えるときに使えるオンラインツールです。 サイトの左側にあるメニューのうちの「BrandColors」をクリックすれば、海外の企業のイメージカラーがわかり、「FlatColors」や「MaterialDesignColors」をクリックすれば、フラットデザインやマテリアルデザインに必要な配色がわかります。 「Hailpixel」を使えば、感覚的に色を決めることができるので、その時の自分に必要なカラーコードを直感的に見つけることができます。 SmartHR（スマートエイチアール） 「SmartHR」は、社会保険や雇用保険の手続きを自動化するクラウド型ソフトウェアサービスです。 従業員情報を入力するだけで、必要書類を自動で作成し、総務省が提供する電子政府「e-Gov」の外部連携APIと連携してWeb上から役所への申請できます。β版はすでに15
初級者でも1時間でTwitter風Webサービスを作れる！- MEANスタック開発(2) - paiza開発日誌
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 前回はMEANスタックの一つ、YeomanのAngularJS Full-Stack generatorのインストールと使い方について紹介しました。MEANスタックはMongoDB, Express, AngularJS, Node.jsを組み合わせたWeb開発環境で、JavaScriptだけで簡単に素早く直感的で使いやすいフルスタック・Webサービスを作ることができます。 今回は、実際にもう少し実用的なWebサービスを作ってみましょう。 今回作るWebサービスは、Twitterのように投稿ができて、一覧表示ができるWebサービスです。(この記事のトップに有る動画で紹介しているサービスです) ジェネレータが生成したコードを元にJavaScript/HTMLを修
gotty + tmux = 最強のWeb開発環境 - たけぞう瀕死ブログ
gottyはターミナルで実行したコマンドの出力をWebブラウザで参照できるようにするツールで、オプションを付けるとブラウザからのキー入力も可能になります。つまりgottyでtmuxを起動することで、Webブラウザから複数セッションや画面分割可能なターミナルを利用でき、さらにvimやEmacsなども利用することが可能になります。 特にWebアプリケーションを開発している場合、ターミナルでvimやEmacsでコーディングしていると、動作を確認するたびにブラウザに切り替える必要があり、非常に面倒です。gotty + tmuxを使えばブラウザの1つのタブでターミナルを使うことができるので、ブラウザのタブを切り替えるだけでアプリケーションの動作を確認したり、調べ物をしたりすることができるのです。これを最強のWeb開発環境と呼ばずしてなんと呼ぶのでしょうか。Atomなんかいらなかったんや！！ gott
日本Web技術界隈著名人の残念さ具合 - thinkchangの日々日誌
追記：はてなおや氏を批判したことで、はてブでブラックリスト設定された模様 いくらブックマークされてもはてなおや氏を批判する記事はホッテントリに掲載されない仕様のようです。以下本文 日本のWeb技術者は結構な割合ではてなを見ていると思う そういう中で有名な人、について分析をしてみる 人気は勿論わかるんだけど、実績で見ていってみて、冷静に、どういう点で有名になって、今何が凄いのか？という点について考えてみる 伊藤直也氏 新卒でニフティ、はてなに転職して、ブログ時代に知名度をあげる はてブを作って、はてブユーザにとっては神なのかもしれない。はてなCTO。 その後、グリーに転職し、スマホ事業部長。2015年の大赤字化したグリー。 経営の問題はあったのかもしれないが、明らかにスマホ事業の苦戦はスマホ事業の責任者であった、伊藤直也氏が作ったものだと言ってもおかしくはないと思う 「たいへんな所に来ちゃっ
クラウドソーシングを使ってWebサービスを作った話 - toyoshiの日記
私が（ほとんど）プログラムなしでクラウドソーシングを使ってWebサービスを作った話を紹介します。 以前「土日で作るWebサービス入門 - toyoshi」という記事を書きましたが、今回書いたコードは20行ぐらいなので、さらに短い時間でWebサービス（というより便利サイト？）を作ることができました。 はじめに 私はWebサービスが好きで、会社を立ち上げて、請求管理サービスMisocaというのを運営しています。 サービスは順調にユーザー数を伸ばしていて嬉しいのですが、問題は私がコードを書かなくなったということです。Webサービスが好きで会社を立ち上げたのに、開発以外の仕事が忙しくてコードは他の人たちが書くようになってしまいました。 でもコードは書きたい！Webサービスを作りたい！でも仕事以外のことをしすぎて会社の成長が遅れてはだめだ。 そういった事情から、だったらせめてプログラムをせずに自分は
.pdf)
関数プログラミングのエッセンスと考え方
2012 3 5 Copyright© 2011 IT Planning,Inc All rights reserved. LEXIFI 2000 LexiFi DSL LexiFi Web ( ) 2006 Haskell/Microsoft F# 2002 Jane Stree Capital High-Frequency) OCaml 200 (private fund) Ruby on Rails Scala Xen Citrix Xen OCaml http://cufp.org/ Microsoft F# Web fpish.net 2011 Scala, Akka Scala, Akka, Play IntelliFactory ( ) TypeSafe ( ) yesod (Haskell) Web COBOL Haskell Lift (Scala) Web Pytho
5分でわかる正しい Web サイト常時 SSL 化のための基礎知識
Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL
2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
Angularとの2年間 ー これからAngularを使う人への薦め | POSTD
判決： まあまあ（でもないか） 一体何の話なのか？ 私は2年間、Angularにのめり込んでいました。 それぞれの考えを持つさまざまなチームによる、10以上のAngularベースのプロジェクトを見守り、関わってきました。 1年目はフレームワークの採用、APIの変更、ドキュメントの改良、コミュニティの形成を注視して過ごし、徹底的に習得しました。 2年目は実務に全面的に携わり、チームメンバーの意見を聞きました。 私の意見は、 Angular.jsは大多数のプロジェクトには“まあまあ”だが、本格的なWeb アプリ開発には不十分である ということです。 “本格的なWebアプリ”とは？ “本格的なWebアプリ”というのは、長期の 保守が可能 で、最新の一般的なブラウザで 実行できる 、 スムーズなUX を備えた、 モバイルフレンドリー なアプリのことです。 専門家が開発したWebアプリは単なるアプリ
Webアクセシビリティ － 海外の気になる動きと日本国内の最新動向
2014年10月8日に開催されたアクセシビリティセミナー2014 のセッション1 講演「Webアクセシビリティ － 海外の気になる動きと日本国内の最新動向」の資料です。講師および資料作成を担当したのは、ウェブアクセシビリティ基盤委員会委員長の植木です。 まず海外の全体的な動き、そしてカナダ（オンタリオ州）、オーストラリア、ニュージーランド、アメリカ、韓国についてウェブアクセシビリティ法制化の動向を詳しく紹介。その後、日本国内の状況として障害者差別解消法に関する情報、さらには W3C/WAI で策定の進む関連仕様、関連文書を紹介しました。最後に、来年に予定されているJIS X 8341-3の改定につき、最新情報をお知らせしました。Read less
ベスト・オブ・ウェブサービス2014--反響の大きかった10の無料サービスをおさらい
昨今のウェブサービスといえば、もはやスマートフォンとの連携が当たり前になりつつあり、それらに対応できない過去のウェブサービスは次々と淘汰されつつある。本連載「ウェブサービスレビュー」で紹介しているサービスも「スマホ以前」にローンチされた数年前のサービスとなると、消滅している割合がぐんと跳ね上がるのが実情だ。 もっとも、サービスの存続を決めるのはやはり使い勝手であり、たとえスマホ対応が実現していないサービスでも、使い勝手が良好なサービスは、しっかりとユーザーを取り込んで継続している印象だ。良いものが残り、そうでないものが姿を消すという状況は、ユーザーの側からすると、むしろ選びやすくなっているわけで、決して悪いことではない。 今回は、2014年に本連載で紹介したサービスのうち、反響が大きかったものを中心に、計10個のサービスを独断と偏見でセレクトして紹介する。2014年に新たに立ち上がったサー
Webエンジニアが知っておきたいインフラの基本 インフラの設計から構成、監視、チューニングまで
Webエンジニアが知っておきたいインフラの基本 インフラの設計から構成、監視、チューニングまで 馬場俊彰 マイナビ出版 2,948円 (2,680円+税) Webサービスを高速化し、可用性を高めるスキルを身につける！ Webエンジニアの仕事の幅を広げるためのインフラの知識をピックアップしてまとめました。インフラまわりの技術の基本から、インフラ基盤の手配の方法、設計のセオリー、システム監視、チューニングまで、ツボを押さえてまとめています。 関連サイト本書の関連ページが用意されています。 Webエンジニアが知っておきたいインフラの基本｜マイナビブックス内容紹介本書は、Webアプリケーションエンジニアや、フロントエンドエンジニアを対象に、知っておくと便利なインフラの知識をまとめた本です。 担当しているWebサービスをもっと高速化させたい方や、バックエンドと最適化された無駄のないアプリケーションを
らくらくシーケンス図：WebSequenceDiagrams #apijp - Groovyラボ
これはWeb API Advent Calendar 2014、7日目のエントリです。知っている方も多いと思いますが、ツールの小ネタで。 Web APIを扱っていると、認証やマッシュアップのフローの記述など、簡単なシーケンス図を書きたくなる場合がよくあります。こんなときにオススメなのが、カナダのHanov Solutions社が提供する便利なWebサービスWebSequenceDiagrams。 次のようなシンプルなテキストを書くだけで： title GWでのmashup アプリ->GW: POST 郵便番号 GW->サービスA: GET /郵便番号 サービスA->GW: 住所(JSON) GW->サービスB: POST 住所 サービスB->GW: 緯度経度(XML) GW->アプリ: 緯度経度(JSON)次のようなイメージを生成してくれます： 基本的に無償で使えますし、生成した図は直接リ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第三次ブラウザ戦争がそろそろ閉幕します - latest log
IT業界転職サイトおすすめランキング｜全50社からプロが厳選
esa.io - 趣味から育てたWebサービスで生きていく
Java Servlet Tutorial – The ULTIMATE Guide (PDF Download)
HTML5 Conference 2015 講演資料まとめ #html5j
