Web 技術解体新書「第二章 Cache 解体新書」リリース Intro 「Web 技術解体新書(Web Anatomia)」の第二章として「Cache 解体新書(Cache Anatomia)」をリリースしました。 これで予定している八章のうち二章が終わりました。 第一章: Origin 解体新書 第二章: Cache 解体新書 Cache 解体新書 以下の Response Header Field がどういう意味を持つか正確に説明できますか? おそらく多くの Web 開発者が一度は見たことがあり、これを「1 時間キャッシュする」という意味で指定している人もおおいでしょう。 では、どこから 1 時間で、 1 時間経ったらなにが起こるのか、これが Response でなく Request に付与されたらどう変わるのか、きちんと把握できていますか? そもそも、一般的にキャッシュ機構における
フロントエンドチームの @urahiroshi です。Mercari Advent Calendar 2018 12日目を担当します。 今年の8月から12月にかけて，メルカリ・メルペイのフロントエンドチーム有志で「超速！Webページ速度改善ガイド」の社内輪読会を行いました。 この本の中で，「推測するな，計測せよ」という言葉が紹介されていますが，今回の記事は，輪読会で学んだことのまとめとして，Chrome DevToolsを用いてメルカリWebのパフォーマンス計測と簡単な分析を行ったものです。 なお，現在メルカリWebのアーキテクチャを刷新するための開発が進んでいるため，ここで計測したパフォーマンスの値は大幅に変化していく可能性が高いです。アーキテクチャの刷新後に振り返って見られる楽しみが増えることも、この記事を書いた目的の一つです。 計測方法，環境 計測はGoogle Chrome 71.
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こちらはOptTechnologiesの社内勉強会で利用した資料になります 調べた動機 ユーザからの問い合わせで、計測時に上がってくるURLが登録しているものと違うと言われたところから調査していたら、二重エンコードが問題になっていたことがありました この時に、あ、俺URLエンコードよくわかってないな、と思ったのでいい機会だから調べてみようと思った所存です URLエンコードとは なんかよくわかんないけどマルチバイト文字っぽいのを%xxの形に直してくれるやつ！ 冗談はさておき。 URLエンコードとは 一般に世間で言われているURL
VBA, a healthcare technology company, released a library of over 4,800 APIs for VBASoftware, its claims administration system. The new VBAPI solution gives clients the flexibility to access and make changes to their databases, build connections to other systems, and create their own user experience.
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、**改善施策ってまず何をどうすればいいの？**という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。
この記事は第5回Webシステムアーキテクチャ研究会の予稿です。 はじめに Webサービスにおいては、スマートフォンの普及によるアクセス増加に対してスケーラビリティを持ち、個人向けだけでなく企業向けサービスの可用性の要求に耐えられるようなシステム設計が必要とされている。 さらに、Webサービスが人々の生活に浸透したために、Webサービス事業者はサービスを長期間運用することが当たり前となっている。 その間、新機能開発、ソフトウェアの実行効率化、セキュリティ向上などを目的に、システム管理者は自身が管理するソフトウェア群を更新しつづける必要がある。 このような多様な要求を満たすために、Webサービスを開発・運用するエンジニアには、OSやデータベース、ネットワーク、分散システム、プログラミング言語処理系などのコンピュータ工学における広範囲の基礎知識と、ミドルウェア、オペレーション自動化のためのソフト
今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった（使えなかった）技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting（これでページが表示される） となっています。 この処理の内容をフレーム
Web Debugging Proxy Application for Windows, Mac OS and Linux Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information). Read More Recent Developments For discussion on the latest ch
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
見てるページを全部保存するという行ない をもうずっとしていて、以下のような user.js でページを全部保存してます。 // ==UserScript== // @name 見たサイト全部保存 // @namespace http://tampermonkey.net/ // @version 0.1 // @author You // @match http://*/* // @match https://*/* // @grant GM_xmlhttpRequest // @noframes // ==/UserScript== if(!!document.querySelector('title')){ const title = document.querySelector("title").textContent; const url = location.href; GM_x
ローカルビジネスの集客ってなんとなくリアルの広告媒体に頼ってしまう。地元のカフェとから喫茶店のHPって「ただ存在している」という状態が少なくないです。 まず、ホームページが無いという場合もあります。それ自体は全然問題ではなくて、オフラインで集客する仕組みが整っていれば問題ないと思います。 さて、ホームページを用意することにしたとして、大手メディアじゃあるまいし、webにかけることができるお金はない。 とりあえず置いておくホームページを作ってみた。 でもそれもコストかかっているんですよね。サーバー代が月に1000円、独自ドメインが500円と考えると1500円。1500円の回収はコーヒー3杯と考えたら安いのかもしれないですが。ホームページ作成を外注すれば安くても5〜うん10万。 それだけのコストをかけて小規模店舗がホームページを持つ意味ってどこにあるんでしょうか。 その辺りの考えたことをまとめ
yohei-y:weblog: REST 入門
日本語の REST のリソース集を以前作ったのだが、 日本語では一般人向けの解説がない。 sheepman 氏の REST のページはすばらしいんだけど、多少わかっている人向けだ。 市山氏のプレゼン資料は RoyF の論文を詳しく解説していてよいのだけれど、いかんせんアカデミックすぎる。 技術的な要素も抑えつつ、入門者にもわかりやすい解説はないものかと探していたのだが、みつからない。 英語の文書を訳すことも考えたんだけど、あまりよいものが見つからない。 で、結局自分で書くことにした。 最初はひとつのポストで済ませるつもりだったんだけど、書き始めたら長くなってしまったので、複数のポストに分けることにした。 えらそうなことを書いたが、内容は「ないよりマシ」といったレベルだろう。 前書きが長くなったけど(ここから始まりです。ですます調なのは入門記事だから)、 この記事(から始まる一連のポスト)は
銀行系列の中規模SIerを退職し、 受託と自社サービスの開発を行っている小規模Web系に転職することになりました。 7/30が最終出社日でした。8/1からは新しい勤め先へ向かいます。 １．これまでやったこと ２．これからやりたいこと ３．なぜ転職しようと思ったのか なお、３はいわいる自分語りを含む上に長いのでご注意ください。 読ませる知り合いもいないのに何故書いた。 １．これまでにやってきたこと。 オープン系の基幹システムの保守開発に携わり4年ほど。 Java、COBOL、ExcelVBAをメインにやっていました。 もちろんSQLも普通に書いたりしつつ、触ったことのあるDBはOracle、PostgresSQL、SQLServer。 業務知識は主に流通系。Web開発とかもやりました。Javaでstruts1.Xとか、ASP.NETとC#とVBとか。 それと個人的欲求に基づき、Android
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
webメディアで起業した人の多くは、出口が見つからないとメンタル面で致命的なんだろうな、と思った。 しょせん虚業、というのは言い過ぎだが、広告だけに頼った空中系のサービス業ってどこかで収益が頭打ちになる。 おまけに、webメディアって、クオリティを追求する方に向かう人が極端に少ない気がする。 それはおそらくインターネットというメディア特性だとは思うんだけど、クオリティを求めるという方向も無しだとすると、 どこかで「飽きた」段階で、その仕事には「お金」以外のモチベーションを感じられなくなっちゃうだろうなぁ、と想像した。 仕事は金だよ、金だけど、金だけで動き続けるのは結構しんどい。 金以外に、人の役に立っている実感とか、人を面白がらせたい、自分の創作欲求を満たしたい、面白い目にあいたい、面白い人と知り合いたい、とか そういうことも、仕事をしながら前に進むためには結構大切で、でも、PV対価広告だ
〈毎月下旬更新〉タップやシェイクで絵が動く！遊べる裏技入りマンガ！※なお本作品は予告なしで配信ストップとなる場合がございます。お察し下さい。
『幻想再帰のアリュージョニスト』 この小説が面白すぎてもう辛抱堪らなくなったので(エア)ステマ*1です。 異世界転生保険とは契約者本人を受取人として、保険量である新たな人生を給付する制度である。 身の程を知らない、馬鹿な思いつき――そのような予断に基づいて下された攻撃命令。暗号通貨の交換所に攻撃を仕掛けた十六人の呪文使い達が一人残らず攻性防壁で脳を灼き切られたばかりか、感染呪術によって三親等以内の親族が皆殺しにされるという大惨事に直面して、ようやく【公社】の電脳保安部の責任者は事態が自らの手に負えないレベルにあることを認識した。 事象改竄系過去遡及呪文【叙述悪戯】。 語りの焦点をずらし遠近感を狂わせ、時間を遡って過去の事象を再解釈し、『実はこうだった』という事実の開示（に偽装した過去改変）を行う類推呪術（アナロギア）の一種。 性別誤認、年齢誤認、人物誤認、数量誤認、状況誤認、時間誤認、動機
そりゃさあ、鬱病の人が居て、仕事が切羽詰まっているのに会社に来なくなっちゃったりすると「あー…」って思うことはあるよね。辞めてくれて鬱病じゃない人が入ってくれりゃあその分楽になるしねえ。思わず「ヤメテクレー」って言っちゃうことはあるよ。にんげんだもの。あーにんげんだものって便利なフレーズやね。 当然だけど、そういう言葉は自分本位のポジショントークみたいなものだし、友人に愚痴って「そうだねー。たいへんだねー。でも社会ってそんなもんだよねー」って言ってもらうようなレベルの会話でしかないんだよね。 インターネットって、だからもうとてつもなく「公」の場になっちゃってるんだろうなーって思うわけですよね。社会的に不適切な話は相応の文脈の上で無い限りは書けないんですよね。テレビみたいなもの。 増田で放言したりするのは機能的には正しいんだよ。社会的文脈（所属まで判明している実名とか）から切り離されないと公
デザイナーという職業に憧れる読者のみなさんに先駆けて、一足早くデザイナーになった先輩デザイナーの1週間を追いかける、このコーナー。月曜、リリース直前の準備中の巻。 今月の1年生デザイナー 村田 智さん（はてな） 〔プロフィール〕 むらた・さとし●埼玉県出身の23歳。物心ついたときには、家にワープロもパソコンもあった村田さんは、中学生の頃からテキストベースのWebサイトをつくるようになる。そのWebサイトがきっかけで、高校2年の頃から約5年ほどWeb周りのグラフィック制作やデザイン・コーディングの仕事をすることに。作業は全部自宅で行い、打ち合わせが必要なときのみ出かけて行くというスタイルで、学校とはまったく別の経験を積んできた。また、Webサイトの情報収集のために本屋に通ううちに、さらにエディトリアルデザインに興味を持つようにもなる。高校時代は美術部で油絵を描くかたわら、生徒会で文化祭のポス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
