2015年Webサーバアーキテクチャ序論 - ゆううきブログ
2023年03月31日追記：この記事を基に、@sadnessOjisanさんより、コードレベルにより踏み込んだ、かつ、グリーンスレッドベースの新しいWebサーバアーキテクチャも含めて整理された記事 Webサーバーアーキテクチャ進化論2023 | blog.ojisan.io が公開されました。 主に新卒のWebエンジニア向けに、古典的なWebサーバアーキテクチャを学ぶ道のりと代表的な実装モデルの概要を紹介します。 この辺りの話題がWeb界隈で流行っていたのは数年以上前というイメージですが、Webサービスは相変わらずWebサーバの上で動いているので、流行り廃り関係なく学ぶべき内容だと思っています。 また、HTTP/2がいよいよRFC化し、既にh2oやtrusterdなどのHTTP/2のサーバ実装があり、今後Webサーバアーキテクチャを再訪することが増えるような気がしています。 ところが、We
銀行コード、支店コードをAPIで取得
背景 Web API Advent Calendar 12月4日分です。 概要 金融機関コードを検索できるWeb APIが存在していませんでした。金融機関コードを検索するREST APIをRailsで作りました。 https://bank.teraren.com/ サンプル いくつかAPIの例を載せておきます。 銀行情報取得 JSON https://bank.teraren.com/banks/8457.json HTML https://bank.teraren.com/banks/8457 支店情報取得 JSON https://bank.teraren.com/banks/8457/branches/028.json HTML https://bank.teraren.com/banks/8457/branches/028 銀行名称から銀行一覧を取得する JSON https://
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
Webパフォーマンス管理の基本 1 - Qiita
はじめに Webパフォーマンスはパフォーマンスエンジニアリングの1つの分野 Webパフォーマンス管理は、Webサイトの非機能要求の性能や可用性を扱います。 専門用語では、コンピュータの登場と時期を同じくして登場したパフォーマンスエンジニアリングという分野に属します。 パフォーマンスエンジニアリング パフォーマンスエンジニアリングとは、Wikipediaでは以下のように記載されています。 Performance engineering encompasses the techniques applied during a systems development life cycle to ensure the non-functional requirements for performance (such as throughput, latency, or memory usage) w
日本語Webフォントの革命 - 3846masa's memo
日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．
女子中高生が7割ーーMixChannelの月間再生回数は5億回を突破、1年4カ月で300万DLを獲得 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
中高生向けに爆発している動画コミュニティ「MixChannel」を運営するDonutsは4月6日、同アプリのダウンロード数（以下DL表記）がサービス開始から1年4カ月で300万件を突破、月次の動画再生回数が5億回を超えたと発表した。またこれに伴い、アプリ内に表示される動画広告枠の提供を開始することも伝えている。 MixChannelは女子中学生および高校生に絶大な人気を誇る動画コミュニティアプリで、同社で事業の責任者を務める福山誠氏によると、現在利用者の約8割が女性で、年代も10�代が9割を占めるなど、女子中高生のカバー率が7割と異常に高い状況にあるということだった。興味深いのはユーザーの分布で、首都圏一極集中ではなく、東名阪、九州とまんべんなく広がっていることだ。 また、月間の利用者数もウェブとアプリを合わせると合計で380万人に到達。アプリだけでMAU（月間のアクティブユーザー）は15
「週5日つかうユーザーが70～80％」DeNAのオタク選抜がつくったニュースアプリ「ハッカドール」が驚異的なアクティブ率を保てる理由。 | アプリマーケティング研究所
「週5日つかうユーザーが70～80％」DeNAのオタク選抜がつくったニュースアプリ「ハッカドール」が驚異的なアクティブ率を保てる理由。 今回はアニメ・マンガなどの情報を届けてくれるニュースアプリ「ハッカドール」さんにお話を聞いてきました。なにげに「驚異のアクティブ率」が出ているアプリの裏側の仕組みとは？ ※株式会社ディー・エヌ・エー ハッカドール プロデューサー 岩朝暁彦さん 「ハッカドール」が出来た経緯とユーザーデータ 「ハッカドール」はどのような経緯で出来たのでしょうか。 岩朝： 元々DeNAの「美少女Mobageチーム」の立ち上げからはじまった企画で、このチームは社内のアニメ・漫画好きのエンジニアを集めてつくった「DeNAのオタク選抜」なんです。 そして、ハッカドールの企画は「自分たちがユーザーとして困っていることは何か？」から考えました。 例えば、「あるアイドルアニメ」が大好きだっ
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
GitHub - ripienaar/free-for-dev: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
Developers and Open Source authors now have many services offering free tiers, but finding them all takes time to make informed decisions. This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings with free developer tiers. The scope of this particular list is limited to things that infrastructure developers (System Administrator, DevOps Practitioners, etc.) are likely to find useful
Webサイトがあるアプリなら必須対応になりそうな、App Linksを使ってみた - Lebe Inc. Blog
2014年4月20日、FacebookがF8カンファレンスでApp Linksというアプリ間連携のための新しい仕組みを発表しました。App Linksではこの仕組みをオープンにし、全ての開発者が利用できることを目標としています。 FacebookアプリからTumblrの記事を開こうとしたらアクションシートに「Tumblrで開く」があります。これがApp Linksで実装できます。 簡単な機能紹介はニュースサイトから引用します。 アプリ開発者は、アプリのコンテンツに数行のコードを追加することでApp Linkメタデータをパブリッシュできる。このコンテンツにリンクするアプリはメタデータを利用してアプリに“deep-link”できるようになる。例えば映画紹介アプリ内に映画のチケット販売アプリへのリンクをApp Linksで入れておけば、ユーザーは映画紹介アプリからチケット販売アプリを直接開いてチ
ChromeでW3C Push APIを使ってみた - Qiita
※ (2017/7/4: Chrome以外のブラウザとの相互運用性を考慮する場合は、Web Pushへの移行を推奨します。Web Pushについては[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる[旧仕様対応版]にまとめています。(なお、AndroidやiOSへのFirebaseプッシュ通知と統合して運用する場合は、Firebase JavaScript SDKの利用を検討した方がよいかもしれません。)) ※ (2015/11/27: 関連してFetch APIの使い方を簡単ながら別記事に書いてみました。) もう既に、ググると参考記事がいくらでも出てくるような内容ではありますが、個人的にいろいろと上手く行かなかったりしたこともあるので、参考までにまとめてみました。 さて、Chrome 42 (Android版を含む(!))では、Service Workersとの組み合わせで
【フロントエンド】新規 Web アプリケーション開発案件をふりかえってみた | PSYENCE:MEDIA
4 ヶ月あまり続いた新規開発案件がようやく落ち着きを見せたので、ここらで振り返りをしてみたいとします1)リリースまでに巻き取れなかった不具合や未実装箇所が幾つか残っているので、まだ気持ち的には終われていないのですが…。 サービスのおおまかなアウトライン コンシューマ ( 一般ユーザー ) 向けサービス ブラウザで動く Web アプリケーション ワンソースによるレスポンシブレイアウト サポートするブラウザは IE9 以降や Android4.x 以降のモダンブラウザのみ Ruby on Rails 多言語対応あり SEO 対策はそれなりに必要 わりとフワッとしか要件が決まっていないままスタートしたので、TRY & ERROR を繰り返しながらの開発 すごく大雑把ですが、だいたいこんな感じの Web アプリケーションです。これを踏まえてフロントエンドをどのように開発していくかを設計していきまし
東日本大震災のときに日米間のインターネット回線が危機だった件を調べてみた。
先日、東日本大震災でTwitterが落ちなかったのは現場のエンジニアの判断だったという記事がバズってました。 2011年3月11日、なぜ「Twitter」は落ちなかったのか？ 多くの人が知らない、意外な真実。 | TABI LABO しかし、そもそも日米間をつなぐインターネット回線（海底ケーブル）がほとんど断線しており、生き残った回線に経路を変更して通信をしのいでいたことは、もっと知られても良いのではと思っています。 この事実を知ったのは、NHKの番組「ITホワイトボックス」でした。 ●ITホワイトボックス「震災時 私たちはITで何ができるのか？」（2011年8月下旬の放送） 番組サイトがすでに存在していないので見た人の書き込みはこちら↓ ITホワイトボックスの東日本大震災後の話 | ロウタス・ディジタル 日米間をつなぐ５本の海底ケーブルのうち東日本側の４本が断線したため、西日本経由にネッ
ウェブのプッシュ通知、何がそんなにすごいのか？
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stripe | インターネット向け金融インフラ
運用を楽にするためのアプリケーションコードを書くということ : sonots:blog
無効なURLです
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
TechCrunch | Startup and Technology News
ウェブパフォーマンスの基礎とこれから
