一般ユーザー向けの大規模なWebサイトや、モダンWeb上で動作するWebアプリケーションを運営する場合、CDNなどのキャッシングサービスによって静的コンテンツをキャッシュすることが極めて重要です。 しかしこうしたサービスは、非常に複雑で分かりにくいものです。 幸い、IETF（Internet Engineering Task Force）のHTTPワーキンググループがこの状況を改善すべく、HTTPの新標準策定に取り組んでいます。 最近、同ワーキンググループでは、キャッシングのデバッグとキャッシュ設定の管理を容易にすることを目的とした、HTTPヘッダに関する2つの新標準案の発表に向けて活発な動きがありました。 このことが何を意味し、どのように機能するのか、そしてWeb制作に携わる開発者全てがなぜ注目すべきなのかについて見ていきます。 新標準 この記事で取り上げる標準案は以下の2つです。 Ca

こんにちは，テレビ＆ビデオエンターテインメント「ABEMA」で Web エンジニアをしている野口 (@nodaguti) です．今回は，ABEMA の開発組織で行われている「改善week」という制度を使って esbuild というバンドラーを ABEMA Web に導入し，開発ビルドのバンドル処理を最大 69 倍高速化した話をご紹介します． 改善weekとは ABEMA では事業の成長に合わせて機能開発も活発に行われています．そのため，今でもスプリントごとに新しい機能の追加や既存機能の改善など数多くの施策がリリースされています． 各事業施策は目標としている KPI の達成を目的として設計されています．それゆえに KPI と直接関連しにくい部分のデザイン改善やリファクタリング，開発体験 (DX) 向上などは施策の合間に行う形になりがちでした．また，アニメーションの見直しやアプリの Debug

マーケティングで、最も重要な概念の一つが顧客ニーズです。 ニーズとは、人々が生活したり、仕事をしたりする上で感じる「現状」の様々な不満や欠乏が、「理想的な状態」と比較したときのギャップです。人々は現状にの「理想と現実」にはギャップがあります。「本質的ニーズ」とは、このギャップを解消したい「欲求」です。 また、ニーズとセットで使われる言葉としてウォンツがあります。ニーズとは何か?そして、特に区別が難しい「ニーズとウォンツの違い」と「ニーズとウォンツのを理解することの意味」を解説します。 ニーズとは「目的」 ニーズとウォンツとは「目的と手段」の関係と考えるとわかりやすいです。 一般に、顧客から最初にでる言葉は、「○○が欲しい」という場合が多いでしょう。 「ミネラルウォーターが欲しい」「パソコンが欲しい」「コートが欲しい」。これらの言葉は、多くの場合は、ウォンツ=手段です。すぐに意識しやすい手段

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

たいていWebページの長さに比べるとディスプレイの高さが足りないため、そこに表示されるWebブラウザではページ全体を見るのにスクロールを繰り返す必要があります。しかしOS標準のキャプチャー機能では、撮る瞬間に表示されている領域しかキャプチャーできず、スクロールするまで隠れている（表示されていない）領域は撮れません。 かといって、手動でスクロールしながらキャプチャーを繰り返し、後で全スクリーンショットをつなぎ合わせる、なんて作業は非常に面倒です。 そこで本稿ではWindows OS版およびmacOS版Google Chrome（以下、Chromeと略）を対象として、Webページ全体をキャプチャーする方法を紹介します。拡張機能は使わず、Chrome標準装備の「デベロッパーツール」のみ用います（デベロッパーツールは開発者に限らず、利用者でも使用できます）。またPC向けとスマホ（スマートフォン）向

ノーバート・ウィーナーは、不確実で予測のできない環境変化に対応するためにどうすればよいかを考え、「サイバネティックス」という概念を生み出した。操舵手という意味のこの言葉は、予測可能な「天文学」の世界ではなく、正確な予測のできない「気象学」に対応するための方法を示している。もともと、不規則に旋回を繰り返すゼロ戦を撃ち落とすためのロジックを依頼されたウィーナーは、それが方程式で計算できるものではなく、確率論的にしか処理しようがないことを見て取った。（ゆえに100%確実にとはいかない。） ウィーナー サイバネティックス――動物と機械における制御と通信 (岩波文庫) 作者: ノーバート・ウィーナー,池原止戈夫,彌永昌吉,室賀三郎,戸田巌 出版社/メーカー: 岩波書店 発売日: 2011/06/17 メディア: 文庫 購入: 2人 クリック: 41回 この商品を含むブログ (14件) を見る ウィー

向上心があるビジネスパーソンならば、集中力を維持・強化するために、日々さまざまな取り組みを行なっていることでしょう。なおかつ、著名人や世界的な大企業も取り入れているマインドフルネス・瞑想などを習慣的に行ない、いま現在起こっていることに注意を向けているかもしれません。 しかし、常に集中してばかりでは、さすがの脳も疲れてしまいます。最近の研究では、「集中」と「分散」、いずれも重要だとされているのだとか。集中することばかりにとらわれず、集中を “解く” 活動にも目を向けてみましょう。 今回は、クリエイティビティを鍛えてくれるという「計画的な白昼夢」を紹介します。 FPNとDMNネットワークについて 「集中」と「分散」を交互に行うと、脳が最適に機能することをご存知でしょうか。 2016年12月13日に『Scientific Reports』で公開された研究では、前頭−頭頂ネットワーク（FPN）と、

サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

前編を読んで最新ウェブ技術の入り口に立ったら、次はUXやパフォーマンスを実現するSPAの基本と、SEOのためのハイブリッドレンダリングの基本を理解しよう。 ここでは、ユーザーにとって快適なSPAを実現しながら、検索エンジンがコンテンツをクロール・インデックスできるようにするための基本的な知識として、 ディープURLインデックスサーバーサイドレンダリングハイブリッドレンダリングアイソモーフィックアプリプリレンダリングJSフレームワークによる完璧なハイブリッドレンダリング／静的サイトジェネレータといった具体的な手法を理解していこう。 URLが一意であるか、それがSEOのポイントしかし冒頭で述べたように、クライアントサイドのJavaScriptへの依存度が高い状況は、SEOにとって問題だ。 歴史的に見ると、このような問題の多くは、次のようなギャップに起因する。 検索エンジンのクローラーは、コンテ

「今回が過去イチ絞れたんですが、もう少し絞れればと感じました」 マッスルゲート東京・女子フィジーク優勝の永井真知子選手は自身の試合をそう振り返る。デビュー戦は2019年の東京オープン選手権で、結果は２位。同年に東京選手権に出場するも、ここでは惜しくも予選落ち。今回のマッスルゲート東京が３戦目となり、表彰台の真ん中に立つのはこれが初めてとなる。 ▶【写真】鍛え抜かれた美ボディが銀座に集結＝マッスルゲート東京 5.30 そんな永井選手の職業は美容皮膚科の医師。鍛えられた美しい筋肉を競う女子フィジークでは、医学的知識も生かせたのではないだろうか。 「それは実際によく聞かれることでもあるのですが、トレーニングに必要な知識と治療に必要な知識は違いました。トレーニングをするようになってから、（身体作りに必要な）生理学とか解剖学とか栄養学とかを改めて勉強しなおした感じです」 大会出場のきっかけは「最初は

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

関係ないと思っていたいくつかの事柄が、ある日突然一つにつながる経験をした。 映画「メッセージ」 僕は映画が好きだ。 若いころはパニック映画やアクション映画など、ド派手な映画が好きだった。 年を重ねて、今ではどちらかというと人間ドラマなどの地味な映画に好みがシフトしつつある。 そんな中、アマゾンプライムでSF映画「メッセージ」を偶然見つけた。 時間がある時に見ようと、ウォッチリストに入れておいたが、しばらく忘れていた。 www.amazon.co.jp よく見るYoutubeチャンネル 普段あまりYoutubeは見ないが、定期的にみているチャンネルがある。 「ゆる言語学ラジオ」というチャンネルで最近Podcast Awardも受賞している有名なチャンネル。 www.youtube.com 僕の知らない言語学の世界を面白おかしく伝えてくれるお勧めのチャンネル。 その番組で、件の「メッセージ」が

もう、この際だから無理矢理にでも書きます。 よく商売って、人間と数字に強いことが上手くいく秘訣だ！みたいなことを聞くじゃないですか。でもね、どうです？あなたは、数字と睨めっこするのは好きですか？ 僕は、数字と睨めっこをするのは決して好きでは無かったのですが、営業成績が順調に伸びているときはExcelワークシートの任意のセルにに関数を突っ込んでワークシート全体を眺めて悦に入って満足していました。それは、自らの行動を改善するためではなく、満足するためだったのですよ。全く自慢になりませんよね？ ということで、１つ目の理由は、 1. EXCELワークシート上の数字を眺めるだけで満足できていたから 次は、空想するのが好きなので、数字を意識し始めると何も楽しくなくなってしまうという傾向が僕にはあったかと思いますね。ということで、２つ目の理由は、 2. 空想する楽しみを奪われたくなかったから 次は、身体

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

能「自然居士」で描かれた“身売り少女”の悲劇 世阿弥（1363？～1443？）の父、観阿弥（1333～1384）が作ったとされる能で、「自然居士じねんこじ」という作品がある。 主人公の自然居士は、鎌倉時代の京都に実在した半僧半俗の説経師。彼の説法は庶民にもわかりやすい解説とパフォーマンスで知られ、彼が登壇する説法会はいつもファンで超満員だった。いわば当時のカリスマ・タレントである。 ある日、京都東山の雲居うんご寺というお寺での出来事である。この日は、寺の修繕費集めのための7日間におよぶ、自然居士スーパー説法ライブの最終日だった。境内は自然居士目当ての信心深い男女で大賑わい。そんな聴衆のなかに、死んだ両親の供養を願って、美しい小袖をお布施として持参してきた14～15歳の少女がいた。 じつは彼女は、自分の身を人買い商人に売って、それで得た代金で小袖を買い、両親のための読経を依頼しにきたのだった

Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。 Next.js + microCMS + Vercel すごいな。メディアサイト（中身スッカスカだけど）がものの 2 時間でデプロイまでできた。 https://twitter.com/yusukebe/status/1435708770705760256 ということで、メディアサイトを作りながら、Next.js と microCMS と Vercel の面白さをまとめる。 2 時間で作るメディアサイト 例として「ラーメンまとめ！」というメディアサイトを作ってみる。このサイトには ラーメン屋 ラーメン屋のまとめ記事 の 2 つの種類のコンテンツがある。「ラーメン屋」が「名前」「場所」「ラーメン写真」というプロパティを持