JavaScript のメディアタイプと RFC 9239 | blog.jxck.io
Intro 長いこと作業が行われていた JavaScript の MIME タイプについての作業が完了し、 RFC 9239 として公開された。 これにより、推奨される MIME タイプが text/javascript に統一されることになった。 かつて推奨されていた application/javascript ではなくなった経緯などを踏まえ、解説する。 JavaScript MIME Types HTTP で Response する際に指定する Content-Type は、その内容がなんであるかを Client に Indicate し、適切な処理を促すために使用される。 例えば HTML が text/html であったりするように、 JS も内容はテキストなので text/javascript が自然に思える。 しかし、例えば MS が実装していた JS 互換の JScript
昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
Canvasだけじゃない！requestAnimationFrameを使ったアニメーション表現 - ICS MEDIA
requestAnimationFrame()というとCanvas APIなどを使ったクリエイティブコーディングでよく使われる手法ですが、クリエイティブコーディングに限ったものではなく、一般的なウェブサイトのアニメーション表現にも役立ちます。 この記事では「トップに戻るアニメーション」を例に、requesetAnimationFrame()の基本的な使い方から、実際のWebサイトで使える実装までチュートリアル形式で解説しています。 この記事で学べること requestAnimationFrame()でアニメーションするやり方 ディスプレイのリフレッシュレートに依存しない実装方法 イージング関数を使ったアニメーション さまざまな作例のサンプルファイルも用意しています。ぜひご覧ください。 サンプルを別ウインドウで再生する setInterval()との違い requestAnimationFr
「人の不幸を美談にして酔いたいだけのクズ」たちのエピソード
僕も昨日（6月23日）、普段はめったに観ないワイドショーをたまたま観ていて、海老蔵さんに群がって「いい話」を言わせようとするレポーターたちに吐き気を催しました。 「こういう時はそっとしておいてやれ」と強く思います。
庵野対東宝、エヴァと並べた決断、掟破りの「シン・ゴジラ」山内章弘プロデューサーに更に聞く - エキサイトニュース
庵野秀明と樋口真嗣の絶妙なコンビネーションによって傑作となった「シン・ゴジラ」。 後編は、庵野秀明がゴジラに起こした革命について、東宝の山内章弘プロデューサーにお話を聞きました。 ──庵野さんの気持ちを動かすのは大変ではなかったですか。 「印象的だったのは、作品を観てもわかることだけれど、ディテールをすごく大事にされる方で。僕らはどうしても大局でものを見がちですが、そうじゃなくて、とても些細に見えるような部分こそ大事なのだっていう。脚本も現場の作業も宣伝のやり方にしても、そこにこだわります？ ということを大事にしていて。でも映画をつくるとは本来そういうものなのだと、今回、改めて考えさせられました」 ──大ヒットを狙うため合理性に走り、細かい部分を捨ててきた状況があって。でもその反対で、一見小さく見えるところにこだわったら観客がたくさん入ったことを示した庵野さんはすごいと思います。 「たとえ
JavaScriptでのメディアクエリ、matchMedia()の使い方を解説
メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応にする際にはJavaScriptでメディアクエリを扱った方が便利です。 JavaScriptでのメディアクエリ、matchMedia()の使い方を紹介します。 Working with JavaScript Media Queries by Marko Ilic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに matchMedia()の使い方 条件の変化を継続的にチェックする方法 昔ながらの方法 まとめ はじめに メディアクエリと言われて最初に思い浮かぶのは何ですか？ おそらく、下記のようなCSSでしょ
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
CSSを活用してHTMLのセマンティックエラーを指摘する方法 - ICS MEDIA
CSSはWebページの見た目を整えるものですが、ちょっと違う使い方もできます。たとえば、予期せぬ横スクロールが発生した時、以下のようにすることで全ての要素のアウトラインが表示され、不用意にはみ出している部分が視覚的に分かりやすくなります。 * { outline: 2px solid red; } これを応用してタグの不適切な利用部分をハイライトできます。 このような不適切なタグ利用を検知して警告する「デバッグCSS」を作ってみました。このようなCSSをLintのようにする使い方は#lintHTMLwithCSSのハッシュタグで海外でも考案されています。仕様上許可されないものは赤色で点滅、ダメではないが、やらない方がベターなものは黄色で点滅するようになっています。 当記事では下記のデモを見ながらだと理解を深めやすいので、合わせて読むことをオススメします。 サンプルを別ウィンドウで開く コー
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020（ES2020）は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼ばれています）とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde
ワシントン・ポストの事例から見るサブスクリプション - Media × Tech
近年、今後のメディアビジネスの戦略として、サブスクリプションが話題だ。しかしサブスクリプションとは、機能の導入だけでなく、組織戦略まで踏み込まなければ成功しないのではないか。 筆者は、デジタルマーケティングのサービスを展開するデジタル・アドバタイジング・コンソーシアム株式会社（以下、DAC）で媒体社の広告事業を支援している。ここ数年、広告以外の相談、特にサブスクリプションについての相談を受ける事が増えてきた。その答えを探しにアメリカにわたり、いくつもの会社とディスカッションを行った。この工程でいまのアメリカのメディアビジネスの事例について知ることができた。 デジタルファーストを実現したワシントン・ポスト（出典：ワシントン・ポスト） 現在DACでは、日本の媒体社がサブスクリプションモデルで成功するためのソリューションとしてarc publishingというメディアプラットフォームサービスを日
HPVワクチン 厚労省はいつ積極的勧奨を再開するのですか？
その間、接種率は70%以上から1%未満に落ち込み、日本は先進国で唯一、若い女性を子宮頸がんから守れない国として、国内外からの批判を浴びています。 予防接種行政に長年携わり、HPVワクチンの政策決定にも関わってきた元厚生労働省健康課長で、現在環境省審議官の正林督章（とくあき）さんに、なぜ厚労省は積極的勧奨を再開しないのか伺いました。 マスコミの報道が世論を作ったーーHPVワクチンなのですが、なぜ積極的勧奨を中止したまま6年以上も引っ張っているんですか？ 今となっては、マスコミの方からそのように言われてしまうのですね。 ーーそれはマスコミがHPVワクチンは危険だという印象をミスリードしてきたという意味ですか？ 積極的勧奨を差し控えた当時の世論には、マスコミの影響が少なからずありました。 ーー予防接種行政を担う役所として、当時のメディアの報道に対して不満がおありですか？ 科学的なことをよく把握し
吉本社長の会見に行って現地で見たことを書く
テレビやネットで見て知っている人も多いと思うが、本日、都内にて吉本興業の岡本社長らによる記者会見が行われた。メディア関係者の一人として会見に出席したが、テレビやネット中継で伝わる以上に茶番だったので感じたことを書きたいと思う。 記者会見については昨日夜にメディアに開催がアナウンスされた。会見が行われたスペースが入るビルは10時半にオープンするが、早くも直後からメディアの人達が集まった。 テレビ、スポーツ紙など大手メディアの芸能記者は、顔見知り同士であることが多いが、今日も会見前にはあちこちで話題など世間話に花が咲いていた。全体的に集まったメディア関係者の雰囲気は和やかで、「社長辞めるのかな〜」「一昨日の会見も大変だったんだよー」などと軽口を叩きあい、笑顔を見せる人が多かった。記者の中には、吉本側のスタッフと既知の仲である人もいるようで、開場前に挨拶や言葉を交わしている姿も見られた。 12時
ロンドンで小袋さんに謝りました。DON'CRY、今後のガイドライン - DON'CRY -ドンクライ-
ロンドンで小袋成彬さんにお会いし、謝罪をしました。 さっき、ちゃんと謝りにきてくれて嬉しかった。俺も言いすぎたことを謝った。おどるポンポコリンは、本当にやった。仲直り。 — 小袋成彬 (@nariaki0296) 2019年5月13日 経緯は、4月28日に公開した記事、「『カルチャー顔』が好きで好きで好きで。モトーラ世理奈を見ると胸が痛くなる」における不適切な表現について、インターネット上で多数のご指摘をいただいたことから始まります。 今回の一件は、個人の容姿を稚拙に評論し、彼らの作品物をその下らない論考に絡めて引用、さらに発信元が自称カルチャーメディアという地獄のような状況だったので、張り倒しました。 — 小袋成彬 (@nariaki0296) 2019年5月2日 小袋さんからも、ツイッターでご指摘をいただきました。 他の人は知らんけど、俺はムカついた。名指しでからかったんだから、お前一
昭和天皇崩御から30年 ドクターXと見た陛下の最期｜FNNプライムオンライン
「侍医長出ました！」 自宅を出る高木侍医長 この記事の画像（12枚） 今からちょうど30年前のことだ。 昭和64年（1989年）、1月7日の早朝5時、「ジリリーン」と宮内庁クラブの電話が鳴った。代々木にある高木侍医長宅前で張り番をしていた記者からで、「待医長出ました！」と叫んでいる。 この時間の登庁は、ついにその時が来た、ということだ。 当時の宮内庁クラブは、昭和天皇のご病気対応で、加盟全社の記者が泊まり込んでいた。フジテレビは朝日、産経、共同と同じブースで、それぞれ机の前に簡易ベッドを置いて寝ていた。僕はその日の当番だった。 他社にバレないよう、記者クラブの外にある公衆電話から、本社デスクに電話しようかとも思ったが、僕も、他社の記者も、そんなことをするにはもうクタクタに疲れていた。いいや、このまま電話しよう。 それでもデスクには「侍医長出ました」と小声で伝えたのだが、その瞬間、他の3人が
日本の巨大ロボ「クラタス」と戦うアメリカ陣営のロボ「Eagle Prime」の恐るべき勇姿がムービー公開中
日本の水道橋重工とアメリカのMegabotが「最強のロボット」の座をかけて争う日米ロボット対決において、Megabots陣営が戦いに投入するとみられる新型ロボット「Eagle Prime」をYouTubeで公表しました。 AMERICA'S GIANT FIGHTING ROBOT - YouTube 鉄でできた骨組みと油圧系統のズ太いパイプ 何かを発射するような砲身 そして移動に用いられるとみられるクローラー マシンを起動し…… コックピットのハッチを閉じるパイロット。 Eagle Primeは2名の操縦士で操るようになっている模様 格納庫の扉を開け…… テストフィールドへと出陣 司令官らしき人物から「よし、立ち上がれ」との指示が飛びます。 「待ってたぜ」と答えながら脚を伸ばして立ち上がるEagle Prime。 土台部分には、430馬力をたたき出すシボレー製6.2リッターV8エンジン「
デイリーポータルZの林雄司さんと、ヨッピーさんに聞いた「コンテンツを作る・伝える・稼ぐコツは何ですか？」
デイリーポータルZの林雄司さんと、ヨッピーさんに聞いた「コンテンツを作る・伝える・稼ぐコツは何ですか？」 馬場 美由紀（HTML5 Experts.jp編集部） こんにちは、HTML5 Experts.jp編集部の馬場美由紀です。HTML5 Experts.jp「Webの未来を語ろう 2017」の第三弾は、Webの未来を考えるコンテンツ編です。 毎回豪華なゲストをお招きして、聴講者を募り、白石編集長と一緒にお話を聞くイベント形式でお届けしてきたこのシリーズ。「メディア編」「コミュニティ編」に続く、コンテンツ編は大人気ライターのヨッピーさん、「デイリーポータルZ」編集長の林雄司さんという、超豪華なゲストにお越しいただきました！ ゲスト紹介 林 雄司さん 「デイリーポータルZ」編集長・ウェブマスター 1971年東京生まれ。ニフティ株式会社勤務。デイリーポータルZウェブマスター。主にインターネッ
株式会社ディー・エヌ・エー 第三者委員会調査報告書の全文開示公表のお知らせ （キュレーション事業に関する件）
2017 年３月 13 日 各 位 会 社 名 株式会社ディー・エヌ・エー 代表者名 代表取締役社長兼 CEO 守安 功 （コード番号：2432 東証第一部） 問合せ先 執行役員経営企画本部長 小林賢治 電話番号 03-6758-7200 第三者委員会調査報告書の全文開示公表のお知らせ 2017 年３月 11 日に第三者委員会（注）より調査報告書を受領いたしましたので、その 全文を添付のとおり公表いたします。 （注）2016 年 12 月 15 日開示の「第三者委員会の設置に関するお知らせ」および 2016 年 12 月５日開示の 「キュレーションプラットフォーム事業に関するお知らせ～第三者調査委員会の設置および当社キュレーションプラッ トフォームサービス全記事非公開化に関するお知らせ～」参照 以上 本件に関するお問い合わせ先 株式会社ディー・エヌ・エー(http://dena.com/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
内部告発者の「誇り」と「悔い」 「事件後」の日々を追って - Yahoo!ニュース
【笠原一輝のユビキタス情報局】 AMDのRyzen ThreadripperがIntelの危機感に火をつけた ～Intelの18コアのSkylake-X急遽投入の背景にあること
夏、田舎、蝉の声、バス停、佇む少女、白いワンピース、麦わら帽子