Inside Frontend #1 2017/2/25
は、ウェブサイトのパフォーマンス計測に使用できるデータを提供します。同じ目的に使用される他の JavaScript ベースの機構と異なり、この API はエンドツーエンドのさらに役立つ正確な遅延データを提供できます。 以下の例は、知覚できる読み込み時間の計測方法です: function onLoad() { var now = new Date().getTime(); var page_load_time = now - performance.timing.navigationStart; console.log("User-perceived page loading time: " + page_load_time); } 数ミリ秒の間に多くの計測イベントが発生し、これらは PerformanceTiming インターフェイスを通してアクセスできます。以下は発生順のイベントリストで
2017年7月20日に行われた Rails Developers Meetup #3 の発表資料です。
最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。
ITエンジニアのコミュニティサイトStackOverflowなどを運営するStackExchangeが、同社のサービスを支えているシステム構成の状況を知らせるWebサイトを公開しています。 同社のサービスは各国版のStack Overflowのほかにも、サーバ管理者のためのServer Fault、数学関係者のためのMathematicsなど多岐にわたっています。 これらを合わせた同社のサービスは月間5億6000万ページビュー。このページビューを、48GBのメモリを搭載した9台のWebサーバ。384GBのメモリを搭載しライブ/ホットスタンバイ構成にクラスタ化した2台のSQL Serverと、288GBのメモリを搭載した2台のSQL Serverによるもう1つのクラスタの合計4台のSQL Server。96GBのメモリを搭載し、マスター/スレーブ構成にした2台のRedis Serverなどで
テストを書く目的 自分の書いたコードが意図した通りに動いてるか確認するために書くのですが、自分が楽をするためと他の人のために書いてます。 自分が楽するため 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
このページの目的は、 Webアプリケーションの基礎の基礎を説明することです。 さて、ここから下のぐだぐだは読み飛ばして、 いきなり実装の説明に 行ってもらってもかまいませんが、一応趣旨を書いておきます。 現在、プロのプログラマーの方々には、日々の仕事でせっせと 「Webアプリケーション」を作っている人が多いと思います。 そして、いまどきWebアプリケーションを作るのに、 CGIとかあり得ないでしょうから、 それなりの高級言語で、 それなりのフレームワーク等を使用して作っているのだと思います。 私自身、現状、仕事では主にC#とASP.NETを使っています。 そうやって生産性を上げるのは大変よいことだと思うのですが、 ことWebアプリケーションにおいては、 そのような「一見簡単そう」なフレームワークを使っても、 ちょっとややこしいことをやろうとするとすぐにうまくいかなくなって、 職場の先輩に聞
The project started in 2012, with the goal to deliver great experiments and highlight top web creative as well as newcomers. Year after year, it grows up, thanks to the participants, and inspire his visitors all around the world every months of december. It’s an independent & non-profit project, not related to any company, made by the community and given to the community, Merry Xmas!
同じWeb制作者としてよいインスピレーションを受けるだけでなく、一緒に作ってみたいと思ったり、クライアントとして声をかけたくなるような注目しておきたい魅力的なWeb制作会社・クリエイター集団を紹介します。 そのクリエイティブなアイデア、クリエイティブなデザイン、クリエイティブなインタラクション、創造力をかきたてます! 世界中のかっこいいWebサイトをピックアップするAWWARDSのブログで日本の制作会社が特集されていたので、実績サイトと合わせて紹介します。 A Look at Japanese Web Design いくつかの会社では人材募集をしているので、気になった人は門を叩いてみるのもいいと思います! 株式会社 STARRYWORKS 昔からの伝統的な技能と新しいテクノロジー、どちらも理解した上でのもの作りにこだわった大阪の制作会社。「アシタノシカク」はCanvasを使って四角がうねう
個人でプログラミングをしてアプリケーションを作るということは、かなり広い分野の技術が必要になってくるので、簡単なことではありません。どういうことをして作っていくかを簡単に書くと以下のようになります。 サービスを企画する アプリケーションを動かせるようにプログラムを覚える アプリケーションや Webサイトのデザインをする アプリケーションを開発する サービスを作るために文章を書く アプリケーションやWebサイトを公開する 多くのユーザーを集めて、ビジネスとして軌道に乗せる これって最後までたどりつくのが難しいことはないですか?企画してデザインしてプログラムして文章を書くという幅広いことをしないといけないので、これらがすべて得意だという人はいないと思うので、普通にやっていたらどこかで引っ掛かってしまいます。そこは、自分の個性をいかして、手を抜けるところは手を抜いて、できるだけ迅速に構築してユー
schooがリリースしたスマホアプリ『スクー生放送』は、日本のEdTechを新境地に導くか 2014/01/09公開 今までPC Webを前提に配信してきた『schoo WEB-campus』の生放送授業を、ユーザーがスマートフォンでも“受講”できるように最適化。USTREAMでの生放送授業の視聴や、SNS経由で講師に質問できるインタラクティブ性はそのままに、PC版よりもシンプルな操作性を実現している。 アプリの画面下は講師への質問や授業の感想が乗るタイムラインが表示される(画面イメージ参照)が、横にスライドするだけで講義資料が載るSlideshareへ切り替えることも可能。片手で操作するスマホならではのインターフェースを追求した結果だ。 「特にヘビーユーザーの方々からは、schooの授業をどこにいても視聴できるようにしてほしいというご要望をたくさんいただいていた」と話すのは、同サービスを
LINEの次はこれかも…注目のビデオメッセンジャー『unda』を開発した徳井直生氏が、シリコンバレーで学んだこと 2013/06/21公開 「技術も通信もこんなに発達したのに、いまだに多くの人が文字とキャラクターだけでコミュニケートしてるのっておかしいと思わないかい?」 昨年10月、友人のオスカー・ヤッセル・ノリエガ氏から初めてこんな話を聞かされた時は、正直ピンと来なかったという。その後、Skypeでミーティング中、ノリエガ氏の住むメキシコで「一緒に新しいメッセンジャーアプリを作ろう」と誘われた時も、乗り気にはなれなかった。 それでも、徳井直生氏は今、ノリエガ氏が考案したスマートフォン向けビデオメッセンジャー『unda』のプログラマーとして、米シリコンバレーにあるシードアクセラレーター500 Startupsで開発に勤しんでいる。 徳井氏はそれまで、日本国内で主に広告プロモーションを手掛け
NoSQLミドルウェアの特徴をもう少し細かく挙げてみます。分量の都合もあり個別には触れませんが、それぞれのNoSQLミドルウェアで差別化部分に関してはかなり詳細に説明がされていますので、ぜひそちらを参照してみてください。 高速に動作する リレーションモデルではないデータモデル スケールアウト型アーキテクチャ コモディティサーバによって構築される スキーマフリー SPOF(単一故障点)を持たない 自動的に複数台へレプリケーションする イベンチュアルコンシステンシまたは一貫性の選択が可能 SQLのような強力なクエリ言語を持たず、シンプルな問い合わせしかできない Cassandraとは何か NoSQLミドルウェアの筆頭といえばGoogle BigTableやAmazon Dynamoですが、オープンソースの世界でもいろいろなものが出てきています。その中でも最近特に注目を集めているのが、Apach
よくプログラマー(エンジニア)は、 数学が得意な人じゃないと出来ないとか言われたりしますが、 個人的には数学というより、 英語が出来る(好きな)人の方が有利だと思っています。 だってプログラミングってコメント以外英語ですし。 「なでしこ」とかはありますけどw 僕は学生時代、どちらかと言うと数学が苦手なタイプでしたが、 英語はわりと出来る方でした(というか好きだった)。 もちろん、数学も出来た方が有利に決まっていますが、 普通にご飯を食べていく分にはそんなに必要無いと思います。 ということで、 英語の意味を理解すると、仕事が更に捗るんじゃないかと思いまして、 プログラミングとかウェブで出てくるけど、 ちょっと意味が分かりづらい英単語30個をまとめてみました! プログラミングで出てくる英単語30選 英単語読み方意味 allocate アロケート 割り当てる attr(attribute) アト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く