Webを構成する重要な要素の1つであるHTTPは、その最新仕様で2層構造となり、バージョンに関係なく使えるSemanticsと、特徴の異なる通信仕様を定めたHTTP/1.1、2、3に分割されました。 さらに現在では、HTTPの上にあらためてUDPやIP、イーサネットなどのプロトコルを実装する提案が行われており、まさにHTTPは通信の全てを飲み込む勢いで進化しつつあります。 こうしたHTTPの最新動向の解説が、大手CDNベンダでエッジクラウドなども展開するFastlyが2023年11月8日開催したイベント「Yamagoya 2023」で同社シニアプリンシパルエンジニアの奥一穂氏が行ったセッション「HTTPが全てを飲み込む」にて行われました。 本記事ではこのセッションをダイジェストで紹介していきます。記事は以下の3つに分かれています。 HTTPが全てを飲み込む（前編）～HTTPの2層構造と、H

Next.js vs Drupal - デジタル庁 Web サイトの戦い。モダン vs レガシーの熱いバトルがいまここに！SIer 系のみなさまの参戦もお待ちしております！ヘッドレスCMS ってなに？デジタル庁の事例とともに考える。

Intro 10 年ほど前に同じことを調べたことがある。 なぜ html の form は PUT / DELETE をサポートしないのか? - Block Rockin' Codes https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete 当時は全くの素人で、素人なりに調査はしたが、ほとんどが推測の域を出ない結論だった。 この問題についてあらためて記す。 仕様策定の経緯 表題の通り、 <form> の method には GET と POST しかサポートされていない。 HTTP には他にも PUT や DELETE といったメソッドもあるのに、なぜサポートされていないのかという疑問から始まった。 仕様が決定した経緯は、以下に残っている。 Status: Rejected Change Descriptio

English ver: https://gist.github.com/motoyasu-saburi/1b19ef18e96776fe90ba1b9f910fa714#file-lack_escape_content-disposition_filename-md TL;DR 1つのブラウザ、1つのプログラミング言語、15個の { Web Framework, HTTP Client ライブラリ, Email ライブラリ / Web Service 等} で脆弱性を見つけました。 見つけた脆弱性は、全て 1つの観点で発見した (多分 50-80 くらいのプロダクトの調査をした)。 RFC の記載では、（かなりわかりにくく）この問題に対する要件が記載されており、WHATWG > HTML Spec の方はしっかりと書かれているといった状況にある。 この問題は、 Content-Dispo

ウェブの開発にはさまざまな人々が携わっていますが、最もよく知られているのが、CERNに勤務していたティム・バーナーズ＝リー氏がハイパーテキストシステム「WorldWideWeb」を開発したことによる貢献です。CERNの所在地から「ウェブはスイス発祥」と言われることがありますが、実は厳密にはフランスだったとデザイナーのデビッド・ガルブレイス氏がブログで指摘しています。 Tim Berners-Lee: Confirming The Exact Location of the Invention of the Web | david galbraith https://davidgalbraith.org/uncategorized/the-exact-location-where-the-web-was-invented/2343/ ウェブの誕生は技術史にとって重大な出来事であり、後世の人の

「Web2.0」って何だったの？　「Web3」との違いは？　ネットに詳しいけんすう氏に聞いてみた（1/4 ページ） 「Web3」（Web3.0）という言葉をよく目にするようになりました。Web3は、Web2.0の“次”という意味で名付けられた、インターネットの新しい概念とされています。 そもそも、Web2.0とは何だったのでしょうか。15年ほど前に提唱され、当時は大きな話題を集めましたが、若いネットユーザーにはなじみがない人も多いかもしれません。 そこで、Web2.0ブームのころからネットの最前線にいた起業家の「けんすう」こと古川健介さんと、当時からネットの現場を取材していた私、岡田有花（通称：ゆかたん）が、Web2.0を振り返りながら、Web3への展望について語り合いました。 けんすう（古川健介） 1981年生まれ。2000年に学生掲示板「ミルクカフェ」を立ち上げて以来、ネットコミュニテ

ユーザーが冒頭の文章を数行書くと、続きをAIが作文するWebサービス「AIのべりすと」が登場し、一部で話題になっている。例えば、「吾輩は猫である。名前はまだない。そんな吾輩は今」のように書き出しを入力すると「とある場所にいる。そこはどこかというと、我が家のリビングだ。ソファに腰掛けてテレビを見ているのは、俺の妹である美夏だ」のように続きを出力する。

しっきーです。グーグルアドセンス停止されました。僕だけではなく、他の多くのブロガーさんがBANされたみたいです。 僕にも「ユーザーに報酬を提供して誘導するコンテンツ」という警告が来ましたが、僕はアドセンスとAmazon以外は広告やってないです。 すでに消したのですが、問題として指摘された「月間50万PV達成したので広告を考える」という記事は、PV公開してそろそろ僕も広告始めようかな〜♪（ドヤァア）という内容で、少なくともユーザーに報酬を提供して誘導という文言に当てはまるものではないです。おそらく機械的にやっているので、深く考えたり文句を言ったりしてもしょうがないことなのでしょうが。 今回のBAN祭りでは、PVの公開やそれに関するスクリーンショットが原因らしくて、ブログPVを公開しているブロガーさん達が一斉にやられたそうです。 横暴だ…！ せめていきなりBANじゃなくて警告を寄越して欲しかっ

久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

そろそろ本気で「Webスクレイピング」に取り組まなければならない気がする今日この頃、Webスクレイピングに関してググって見つけた参考記事へのリンクをシンプルに羅列してまとめてみました。 ちなみに「Webスクレイピング」については、以前書いた記事「Webスクレイピングとは何ぞや？という疑問が浮かんできたので調べてみた」を参照してみて下さい。 参考記事リンク31個まとめ （PHPでのスクレイピングとか） 初めてのスクレイピング - しぶてぃーぶろぐ » PHP初心者がやってみた！スクレイピング入門｜inimoni PHPでphpQueryを使ってWebスクレイピングしてみる - omiya6048's blog 誰でもスクレイピング！DOM要素を引っこ抜くSimple HTML Dom-ITかあさん ウェブ上の必要なデータを抽出する方法-スクレイピング- | PHPサンプル実験室 PHPでのス

Webスクレイピングとは、Webサイトから情報を抽出するソフトウェア技術のこと。通常サイトごとにちまちまとプログラムをつくる必要がありますが、現在ベータ中のサービス「kimono」は凄い。ブラウザを使ってクリックするだけで、WebサイトからJSON/CSV形式でデータを抽出する事ができます。 紹介動画ではイマイチなにをしているのか分からなかったので、実際に試してみました。 サインアップとブックマークレットの準備 アカウントを登録してログインするとこの画面が表示されます「kimonify」をブックマークバーにドロップして使えるようにしておきます。 スターウォーズの登場人物の名前と誕生日を抽出 実際にデータを抽出してみましょう。公式ブログ「Never write a web scraper againで使われているスターウォーズのサンプルが分かりやすいです。 まずブックマークレット「kimon

「kimono」はウェブサイトをブラウザ操作で簡単にスクレイピングして API 化してくれるサービスです。 kimono - Turn websites into structured APIs from your browser in seconds スクレイピングしたいサイトの URL を入力すると抜き出す要素を選択する画面になります。 最近ページングにも対応したので、ページングのあるサイトも簡単に取得できるようになります。 スクレイピングの頻度もリアルタイムや何時間毎のような設定ができます。 できた API は言語ごとに呼び出し例が用意されているので便利です。こういう所気が効いていますね。 実際に呼び出してみるとちゃんと結果が取得できます。 misc/kimono.rb require 'rest_client' require 'json' require 'pp' respons

今回はツールのTipsではなく、グラデーションをつくるときに私がいつも心がけていることなどをご紹介します。グラフィックソフトだけでなく、cssでグラデーションをつくるときにも使えるポイントだと思うので、非デザイナーの方にも見ていただけるように簡単に、すぐ読める内容になっています。 修正）2013/8/29/14:41　画像の2〜4枚目を修正しました。明度と彩度について間違いがありました、申し訳ありません。 ニュアンスのあるグラデーションとは 例えばこのカラーをサイトのベースカラーに使いたいとします。モニタの色というのは「R(赤)G(緑)B(青)」の0〜255で出来ていますが、他に「色相、彩度、明度」という数値でも表すことが出来ます。今回はこの3つの数値も重要なので、心の隅に置いておいてください。 メニューバーやボタンでグラデーションを作りたい、白背景に馴染むように白で作りたい、というときは

Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た