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... 続きを読む

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... 続きを読む

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 標準とかを追っている人なら分かるはず。 とにかく寄付をしよう。月額 ... 続きを読む

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

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

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

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... 続きを読む

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をまずは優先的に支援するとしてい... 続きを読む

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... 続きを読む

「Visual Studio Code」の4月更新が公開、インデントガイドの強調機能などを導入 - 窓の杜

2018/05/09 11 users Visual Studio Code 導入 樽井 秀人 公開

ニュース 「Visual Studio Code」の4月更新が公開、インデントガイドの強調機能などを導入 CSSではリージョンの折り畳みと、MDNを参照して実験的プロパティに対応する機能が追加 樽井 秀人 2018年5月9日 13:19 「Visual Studio Code」v1.23 　米Microsoftは3日（日本時間）、コードエディター「Visual Studio Code」の4月アップ... 続きを読む

「ポプテピピックの表現学」を『MdN』で特集　須藤孝太郎PやAC部ら登場 - 書籍ニュース : CINRA.NET

2018/04/05 12 users パロディー ポプテピピック パロディ 大川ぶくぶ 選出

特集記事「ポプテピピックの表現学」が、明日4月6日発売の『MdN2018年5月号』に掲載される。 同特集では、大川ぶくぶの同名漫画を原作とするテレビアニメ『ポプテピピック』の視覚表現に焦点を当て、その魅力を解明。「バラエティ性」「声優」「パロディ」といった初心者が押さえておくべき6つのポイントの紹介に始まり、バラエティー番組のような表現形態やパロディー、声優の選出についてプロデューサーの須藤孝太郎... 続きを読む

| Seele - 01,02 Alphabet | 1BYTE OPENTYPE FONT | Maniackers Design |

2018/02/17 30 users TWO ＣＤ-ＲＯＭ付 配布 発行 作品集

Maniackers Design Web開設20周年（1998-2018）を記念し、フリーダウンロードフォントとして配布開始致しました。（2018.02.17 UPDATE） 「Seele-One/Two」は、2008年8月4日に発売したManiackers Designの作品集『DESIGN FONT MANIA』（発行： MdN ／CD-ROM付）に収録されていた特典フォントでした。長らく本... 続きを読む

Mozilla、Microsoft、Googleがブラウザ横断Webドキュメントネットワーク構築で協力 - ITmedia NEWS

2017/10/19 31 users Mozilla Microsoft Google 協力 集約

MDNに集約： Mozilla、Microsoft、Googleがブラウザ横断Webドキュメントネットワーク構築で協力 MozillaのWebドキュメントサイト「Mozilla Developer Network」が「MDN Web Docs」に改称し、MicrosoftのEdgeやGoogle Chromeの関連文書も集約するクロスブラウザ対応ネットワークを目指す。 続きを読む

Headless mode - Mozilla | MDN

2017/08/30 135 users web Firefox Mozilla

Headless mode is a useful way to run Firefox, which is just as it sounds — Firefox is run as normal, except without any of the UI components visible. This may not be very useful for surfing the web, b... 続きを読む

Performance best practices for Firefox front-end engineers - Mozilla | MDN

2017/05/02 16 users Mozilla

Avoid the Main Thread Where Possible The main thread is where we process user events, and do painting. We also run most of our JavaScript on the main thread. The more we can get off of the main thread... 続きを読む

【マンガ】第10話 フリーランスのススメ（その2）～独立への第一歩 2003年 鹿児島の旅～｜『ライフハックで行こう！』

2016/12/11 367 users フリーランス ライフハック 鹿児島 マンガ 独立

ベルリン在住のイラストレーター（兼漫画家）、高田ゲンキが送るコミックエッセイ 『ライフハックで行こう！』、第10話です（ 第9話はこちら ）。 今回は、独立を決意するキッカケとなった尊敬するイラストレーターに会いに行った時の話です―― 成功したければ、成功している人に話を聞くべし 大寺聡さん は、僕がイラストレーターになるきっかけを与えてくれた人です。2002年にデザイン誌『 MdN 』の誌面で氏... 続きを読む

図で理解するJavaScriptのプロトタイプチェーン - Qiita

2016/10/03 651 users プロトタイプチェーン Qiita Array リファレンス

JavaScriptのリファレンスといえば MDN ですよね。 JavaScriptで調べものをする際に、真っ先に見る方も多いでしょう。 そんなMDNですが読めていますか？ 例えば Arrayのページ を見てみましょう。 さらっと書かれているprototype JavaScriptを理解するにはプロトタイプチェーンを知る必要がある 本記事の目的 プロトタイプチェーンを理解する MDNをより読めるよ... 続きを読む