「Firefox 122」正式版リリース、ウェブ開発関連の検索時にMDNのページがサジェストされるように

2024/01/24 8 users ウェブブラウザ www.mozilla.org en-us

ウェブブラウザ「Firefox 122」の正式版が公開されました。検索時のサジェスト候補に画像と説明が表示されるようになったほか、ウェブ開発関連の検索時にウェブ開発の情報がまとめてあるMDNをサジェストするようになりました。 Firefox 122.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/f... 続きを読む

JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。

2024/01/07 145 users intl ECMAscript API 日付 数値

はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、... 続きを読む

MDN 翻訳コミュニティで私がやったこと - debiruはてなメモ

2023/12/02 11 users 翻訳コミュニティ メモ 翻訳作業 翻訳活動

MDNの翻訳活動に参加した話 Mozilla コミュニティに参加して 私がつくったもの MDN翻訳ステータス一覧表 MDNミートアップ：自己紹介シート MDN 月例ミートアップ - 翻訳ガイド MDN ドキュメントの日本語翻訳ガイド 翻訳作業によって生成された記事 さいごに MDNの翻訳活動に参加した話 この記事は 2023 年の MDN 翻訳 Ad... 続きを読む

MdN、イカロス出版、天夢人で希望退職募集　インプレスHD

2023/11/28 6 users エムディエヌコーポレーション イカロス出版 希望退職募集

インプレスホールディングスは、出版子会社であるエムディエヌコーポレーション、イカロス出版、天夢人でそれぞれ、希望退職を募集すると発表した。 インプレスホールディングスは11月28日、出版子会社であるエムディエヌコーポレーション、イカロス出版、天夢人でそれぞれ、希望退職を募集すると発表した。「出版事業の... 続きを読む

WebOTP API - Web API | MDN

2023/01/23 11 users SMS アプリケーション 形式 ユーザー 番号

WebOTP API は、特別な形式の SMS メッセージの受信時にワンタイムパスワードを生成することで、電話番号がユーザーのものであることを検証する方法を提供します。 電話番号はアプリケーションがユーザーを識別する方法としてよく使用され、番号がユーザーのものであることを検証するため、SMS がよく使用されます。通常... 続きを読む

フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita

2022/10/02 297 users フック フロント開発 ドキュメント アニメーション レイアウト

概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Develop... 続きを読む

FontFaceSet.check() - Web APIs | MDN

2022/09/19 9 users web APIs

font a font specification using the CSS value syntax, for example "italic bold 16px Roboto" text limit the font faces to those whose Unicode range contains at least one of the characters in text. This does not check for individual glyph coverage. 続きを読む

User Agent文字列を使ったブラウザ判定の事例 2022年版 - yigarashiのブログ

2022/06/27 95 users yigarashi http バッドプラクティス ブラウザー

やむを得ず、User Agent文字列を使って特定のブラウザ向けにJavaScriptの処理を分岐する必要が生まれてしまったので、調査・検討のログを記事にまとめます。 基本的にはバッドプラクティスである ユーザーエージェント文字列を用いたブラウザーの判定 - HTTP | MDN まずはMDNがドキュメントを公開しているので読みましょ... 続きを読む

Webエンジニアはみんな Mozilla に寄付をしよう

2022/03/27 161 users 寄付 Webエンジニア Mozilla Firefox 寄与

ここからできる → https://donate.mozilla.org/ja/ Chromium 系使っててもいいから Mozilla に寄付をするといいと思う。Web Developer なら MDN にもお世話になっているはずで、もちろん Firefox の存在は Web の健全性に多大な寄与をしている。Web 標準とかを追っている人なら分かるはず。 とにかく寄付をしよう。月額 ... 続きを読む

Chakra UI で MDN Web Docs の CSS レイアウト料理帳 をやってみた | DevelopersIO

2021/10/26 6 users DevelopersIO カスケーディングスタイルシート

はじめに おはようございます、もきゅりんです。 月からの啓示を受けて、Chakra UI の学習していました。 遥か昔に学習した CSS がまるで記憶になかったので、CSS: カスケーディングスタイルシート | MDN でざっと復習しました。 そして、コンテンツ内にある CSS レイアウト料理帳を見て、これを Chakra UI で対応してみ... 続きを読む

Pythonバックエンドエンジニアが1ヶ月でフロントエンドを学んだ話

2021/10/03 32 users フロントエンド 1ヶ月 tl;dr HTML+CSS 興味

この記事について Pythonバックエンドエンジニアが1ヶ月でフロントエンドを学んだ話を共有する。 どういう勉強をしたかのラーニングパスを某所で話したら興味があるというコメントがあったので、自分の振り返りも兼ねて共有することにした。 TL;DR 学習期間は1ヶ月、30時間程度 TypeScript → Next.js → MDNでHTML+CSS → ... 続きを読む

JavaScriptのTypedArrayについて - console.lealog();

2021/09/10 5 users console.lealog WebGL WebAudio

調べたのでメモ。 TypedArray TypedArray - JavaScript | MDN いわゆる型付き配列。 通常の配列と違って型が固定できる分、内部的に最適化がしやすいとか諸々で住み分けられてる。 そういう意味で一般的なフロントエンドのJavaScriptコードで出てくることはそうそうない。 たとえばWebAudioとか、CanvasとかWebGLとか、... 続きを読む

CORSの仕様はなぜ複雑なのか

2021/07/31 401 users Cors 仕様 推測 既存 観点

Webアプリケーションを実装していると高確率で CORS の問題にぶつかります。CORSがどのようなものかはリンクしたMDNなど既存の解説を読むのが手っ取り早いと思いますが、「なぜそのように設計されたのか」という観点での説明はあまり見ないため、昔の資料の記述や現在の仕様からの推測をもとに整理してみました。 CORSと... 続きを読む

HTML Sanitizer API - Web APIs | MDN

2021/05/06 18 users API web APIs

Secure contextThis feature is available only in secure contexts (HTTPS), in some or all supporting browsers. The HTML Sanitizer API allow developers to take untrusted strings of HTML, and sanitize them for safe insertion into a document’s DOM. Web applications often need to work with strings of H... 続きを読む

TypeScript support in Svelte - Learn web development | MDN

2021/03/30 9 users Development Learn Web

In the last article we learned about Svelte stores and even implemented our own custom store to persist the app's information to Web Storage. We also had a look at using the transition directive to implement animations on DOM elements in Svelte. We will now learn how to use TypeScript in Svelte a... 続きを読む

Google、マイクロソフトらが設立、「Open Web Docs」を発表。MDNなど支援、Web技術のドキュメント化を推進 － Publickey

2021/01/26 177 users Publickey Mozilla ドキュメント 既存 設立

オープンソースやテクノロジーを中心としたコミュニティの維持や発展を支援する組織「Open Collective」は、Web技術のドキュメント化を長期的に支援する取り組みとして「Open Web Docs」を発表しました。 Open Web Docsはおもに既存のコミュニティによるドキュメント、特にMozillaのMDNをまずは優先的に支援するとしてい... 続きを読む

Understanding client-side JavaScript frameworks - ウェブ開発を学ぶ | MDN

2021/01/25 5 users ウェブ開発

JavaScriptフレームワークは、最新のフロントエンドWeb開発に欠かせないものであり、開発者にスケーラブルでインタラクティブなWebアプリケーションを構築するための試行錯誤されたツールを提供しています。現代の多くの企業では、フレームワークをツールの標準的な一部として使用しているため、多くのフロントエンド開... 続きを読む

Array.prototype[@@iterator] ←この @@ って何？

2021/01/10 9 users iterator prototype アットマーク The

MDNにはたまにアットマークを2つ並べた @@ という記法が登場します。 Array.prototype[@@iterator]() The @@iterator method is part of The iterable protocol, that defines how to synchronously iterate over a sequence of values. 続きを読む

JSのProxyでアルゴリズムを可視化する - Qiita

2020/09/08 17 users Proxy Qiita Demo アルゴリズム File

JSのProxyを使ってアルゴリズムの実行中の各ステップを可視化する仕組みを作る記事です。（inspired by アルゴリズム図鑑） 初めに完成品のキャプチャとデモのリンクを貼っておきます。 DEMO: https://codesandbox.io/s/heuristic-morse-1kc2d?file=/src/index.js JavaScriptのProxyとは Proxy - JavaScript | MDN 最初... 続きを読む

伊藤万理華 ×『MdN』 元編集長 ・本信光理 「乃木坂46 Artworks だいたいぜんぶ展」のクリエーションを語る！ | 朝日新聞デジタル＆M（アンド・エム）

2019/04/03 31 users クリエーション 六本木 伊藤万理華 アンド・エム 元編集長

伊藤万理華 ×『MdN』 元編集長 ・本信光理 「乃木坂46 Artworks だいたいぜんぶ展」のクリエーションを語る！ #乃木坂46#伊藤万理華#写真ギャラリー#本信光理 2019年1月11日（金）～5月12日（日）の期間、東京・六本木の「ソニーミュージック六本木ミュージアム」にて開催されている「乃木坂46 Artworks だいたいぜんぶ... 続きを読む

MdN最終号で、振り返る平成のグラフィックデザイン史 - mojiru【もじをもじる】

2019/03/17 16 users mojiru もじ コト Amazon 楽天市場

MdN（エムディエヌ）2019年4月号 「MdN（エムディエヌ）」2019年4月号特集1ヒトとコトで振りかえる平成のグラフィックデザイン史 「MdN 2019年4月号(特集:平成のグラフィックデザイン史)」Amazonでの購入はこちら 「MdN 2019年4月号(特集:平成のグラフィックデザイン史)」楽天市場での購入はこちら MdN関連記事：絶対フ... 続きを読む

『MdN』休刊理由を編集長に聞く。乃木坂や『おそ松さん』特集の裏話も - コラム : CINRA.NET

2019/03/06 104 users サカナクション 裏話 乃木坂 CINRA.NET 休刊理由

デザイン誌『MdN』が、本日3月6日発売の『月刊MdN2019年4月号』をもって休刊した。1989年創刊。約30年間におよぶ歴史に一区切りをつけた。 デザインの専門誌でありながら、攻めた特集企画で人気を集めていた『MdN』。サカナクションや乃木坂46、欅坂46といったアーティスト、『おそ松さん』『君の名は。』といった旬のア... 続きを読む

雑誌『MdN』休刊のお知らせ｜株式会社エムディエヌコーポレーション

2019/01/10 632 users 休刊 創刊以来 株式会社エムディエヌコーポレーション 月刊

1989年の創刊以来、皆様に並々ならぬご支援を頂戴してまいりました『MdN』でございますが、4月号（3月6日売り）を持ちまして休刊させていただくことになりました。 デザイン専門総合雑誌として、創刊以来一貫してクリエイティブ業界の方々が必要とする最新情報をお届けしてまいりましたが、月刊での刊行ペース、そして20... 続きを読む

27種の明朝体を味わう『MdN』特集に祖父江慎、草野剛ら　書体見本帳も付属 - 書籍ニュース : CINRA.NET

2018/10/05 23 users 明朝体 祖父江慎 CINRA.NET フォントベンダー 特集

特集記事「明朝体を味わう。」が、明日10月6日発売の『MdN2018年11月号』に掲載される。 同特集では、タイプフェイスデザイナー、書体研究家、グラフィックデザイナー、文筆家、フォントベンダーなど15人の識者の言葉を手掛かりに、「名品」と言える27種類の明朝体の成り立ち、味わいを解説。紹介される明朝体は「築地体... 続きを読む

CSS Gridのgap（grid-gap）が遂にIE 11でも再現できるように。Autoprefixerが待望のアップデート - Qiita

2018/05/15 49 users GAP Qiita Autoprefixer プロパティ 待望

CSS Gridのgap（grid-gap）が遂にIE 11でも再現できるように。Autoprefixerが待望のアップデート gap プロパティ（旧名 grid-gap ）を用いると、CSS Gridにおける列と行の間隔を設定できます。 ▼ MDNの「 grid-gap 」のデモより。 便利なプロパティですが、IE 11には対応しておらず、CSS Gridにおける苦労点の一つでした。 しかし、5... 続きを読む