この要素にはグローバル属性があります。 async クラシックスクリプトでは、 async 属性があった場合、クラシックスクリプトが利用可能になるとすぐに並行して読み込み、解析と評価を行います。 モジュールスクリプトでは、 async 属性があった場合、そのスクリプトとその依存関係はすべて遅延キューで実行されるので、解析と並行して読み込まれ、利用可能になるとすぐに評価されます。 この属性により、ブラウザーが解析を一時停止してスクリプトを読み込んで評価しなければならないようなパーサーブロック JavaScript を排除することができます defer はこの場合に同様の効果があります。 これは論理属性です。論理属性が要素にあれば真の値を表し、属性がなければ偽の値を表します。 ブラウザーの対応状況についてはブラウザーの互換性をご覧ください。 asm.js 向け非同期スクリプトもご覧ください。

HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基本 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection サイトの安全化 HTTP Observatory HTTP アクセス制御 (CORS) HTTP 認証 HTTP キャッシュ HTTP の圧縮 HTT

Kyash TechTalk #4 の登壇資料です。 登壇時の動画は YouTube から閲覧できます。

Token CSS is a work-in-progress. Bugs, missing features, and breaking changes are expected! Token CSS is a new tool that seamlessly integrates Design Tokens into your development workflow. Conceptually, it is inspired by tools like Tailwind, Styled System, and many CSS-in-JS libraries that provide tokenized constraints for your styles—but there's one big difference. Token CSS embraces .css files a

コロナに絶対かかりたくないと思っていて、何が怖いかというと、後遺症で脳がショボくなってしまうことが怖い。頭をひねることだけで金を稼いでいるので脳がショボくなってしまうと、金が稼げなくなる。金が稼げないということは生きることができなくなる。 そんなわけでコロナになりたくないので、あまり遠出しないようにしていて、最近は旅行にも行ってない。 あと、今回の流行しているコロナは咳がヤバイとか聞いたので咳止めを買ったり、氷枕買ったり、経口補水液買ったりして、備えている。 ワクチンを早めに打っていて、3回目が2/18だった。オミクロン対応ワクチンがもうすぐ出るらしいので、早く打たせて欲しい。「早く打たせて欲しい」の部分だけ切り取ると薬物依存症の人っぽい。

活動50周年を経た今なお、日本のみならず海外でも熱烈な支持を集め、改めてその音楽が注目されている細野晴臣。音楽ナタリーでは、彼が生み出してきた作品やリスナー遍歴を通じてそのキャリアを改めて掘り下げるべく、さまざまなジャンルについて探求する連載企画「細野ゼミ」を展開中だ。 ゼミ生として参加しているのは、氏を敬愛してやまない安部勇磨（never young beach）とハマ・オカモト（OKAMOTO'S）という同世代アーティスト2人。毎回さまざまなジャンルについてそれぞれの見解を交えながら語っている。10コマ目のテーマとしてピックアップしているのは「テクノ」。全3回にわたる回の中編では、Yellow Magic Orchestra（YMO）期の細野の活動にフォーカスする。ワールドツアー開催に至った経緯、テクノカット誕生の舞台裏など、テクノに没頭していた時期のさまざまなエピソードをたっぷり語っ

こんにちは。Helpfeelプロダクトオーナーのdaiiz (@daizplus) です。 Nota Reborn Calendar 2022の貴重な一日分を書くことになり、大変緊張しています。よろしくお願いします。 Helpfeelのサマーインターンで初めてScrapbox（略してスクボ）のコードを書いてから、気付いたらちょうど5年が経っていました。月日は過ぎましたが、同志社大学を一望できる京都オフィスに初出社して、スクボのコードを自分の手元で動かせたときの感動はいまでも鮮明に覚えてます。 憧れのウェブサービスのソースコードを読んで動かせる幸せに勝るものはないですよね！ インターン期間の終盤に自席から見ていた夕焼け空今回は久しぶりにエンジニアとしてのScrapbox活用の魅力と、個人的な目線でのHelpfeelとScrapboxの関係性を語ってみようと思います。 Scrapboxの特長:

マンガメディア開発チームの id:mizdra です。半年ほど前から「フロントエンドエキスパート」という肩書きをもらい、社内でフロントエンドの啓蒙活動をしています。具体的にどんな活動をしているかについては、社内のポッドキャストで少し話しましたので、興味があれば聞いてみてください。 developer.hatenastaff.com 最近、私はReactを採用する社内プロダクトでのCSSの書き方を検討していました。最終的にそのプロダクトでは、CSS Modulesを採用するに至りました。しかしその過程で、CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。 ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスがされていて、使用もできることが分かりました。そこで、今回はCSS Modulesに

ALL STAR SAAS FUNDのメールマガジン「ALL STAR SAAS NEWSLETTER」購読登録受付中ALL STAR SAAS FUNDがお届けする 最新SaaSニュース、ブログ記事情報を配信するSaaS業界にいる方は必見のメールマガジン！ このツールを定義することは難しい。Notionは、半ば苦し紛れのように「万能ツール」や「生産ツール」と呼ばれる。ただ、俯瞰して見ると、言い得て妙でもあり、そうとしか呼べないともいえる。つまり、それこそが、Notionの魅力なのだ。 世界中で、熱心なユーザーを増やし続けるNotion。高まるのは愛情だけではない。2020年4月には約54億円を調達し、大胆な発展を見せる。今回は、共同創設者であるIvan Zhaoさんに、前田ヒロがその成り立ちや組織運営などを聞いた。 Notionは、京都で再生した 前田：今日はお時間をいただき、ありがとう

TypeScript 4.8 がリリースされました. これでやることといえば? そう, 数値リテラル型の符号を入れ替えることですね. type Negate<N extends number> = N extends 0 ? 0 : `${N}` extends `-${infer X extends number}` ? X : `-${N}` extends `${infer X extends number}` ? X : number; 動作確認. type Assert<T extends true> = T; type Compat<A, B> = [A] extends [B] ? [B] extends [A] ? true : false : false; type A1 = Assert<Compat<Negate<0>, 0>>; type A2 = Assert<C

LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変

あなたのブログやあなたの会社のコーポレートサイトであしたのベストが遊べたらどれだけ素晴らしいでしょうか。 想像できますか。実物はこちらになります。 なんかただの画像っぽく見えますが触れます。 Web Componentsで何か作るのも手慣れてきたもので、ここ4ヶ月ぐらい、社の15サービスのヘッダーをWeb Componentsを使って共通化する仕事をしていました。作業の一環でブラウザ対応や社内でのパッケージ化などに触れられ、実りが多かったです。 では皆さんもWeb Components によるすぐれたポータビリティをお楽しみください。 <head> <script src="https://unpkg.com/@kazuhi-ra/avw/dist/browser/index.js"></script> </head> <body> <ashitano-vest></ashitano-ve

ぼくが世間一般で言われるところの変なプリントTシャツの収集癖がある、ということはあまり疑う余地がないことであると思う。 このTシャツは随分前に買ったが未だ日常的に着ているし、思い出深いものなのでたぶん5枚から10枚ぐらいは人にプレゼントしている。 www.minemura-coffee.com タイ旅行は食事が口に合わず辛かったが、Tシャツとの出会いだけですべてがプラスになった。タイに限らずTシャツの購入は旅行の主目的と言える。 www.minemura-coffee.com だいたい毎年海外のSUZURIみたいなサイトで人から見ればろくでもないプリントのTシャツを何枚も書い続けている。 www.minemura-coffee.com それで、最近インターネットでAI画像作成ツールのmidjourneyの話題を見ていてふと気づいた。これを使うと自分で理想のプリントTシャツを作れるのでは？早

もはや説明不要。今もっとも勢いのある漫画家といえば藤本タツキ先生で異論はないと思う。 その藤本タツキ先生は週刊少年ジャンプの誌面で講談社の漫画雑誌「モーニング」で連載していた『えの素』の葛原さんを登場させたり ジャンプを同人誌だと勘違いしている。 尾田栄一郎先生が１番読んだ漫画を『ドラゴンボール』だと言い、鳥山明先生のことを神様だと褒めるのはよく分かるように、藤本タツキ先生が沙村広明先生、榎本俊二先生や弐瓶勉先生の漫画が好きなのは『チェンソーマン』を読んでるとよく分かる。 そんなジャンプ漫画にこだわらない多様な漫画が好きな藤本タツキ先生がジャンプの巻末コメント、各種インタビュー、対談、妹（！？）であるながやまこはるちゃん（@nagayama_koharu）のツイッターで影響受けたと豪語していたり、オススメしている漫画をまとめたので、作品紹介していく。 ジャンプ巻末コメント 『げんしけん二代

東京都内の3日の感染確認は3万8940人で、1週間前の水曜日より9900人余り増えるなど再び増加に転じ、過去2番目の多さとなりました。 東京都は3日、都内で新たに10歳未満から100歳以上の3万8940人が新型コロナウイルスに感染していることを確認したと発表しました。 1週間前の水曜日より9900人余り増え、前の週の同じ曜日を上回るのは3日前の先月31日以来となりました。 一日に発表される感染者数としては過去2番目に多くなりました。 また、3日までの7日間平均は3万3423.9人で、前の週の111.0％でした。 3日に確認された3万8940人を年代別に見ると40代が最も多く、全体の17.9％にあたる6979人でした。 65歳以上の高齢者は4105人で全体の10.5％でした。 また、人工呼吸器かECMO＝人工心肺装置を使っている重症の患者は、2日より1人増えて35人でした。 一方、都は、感染

著者： 淺野義弘 住んでいる場所を聞かれたとき、最寄りじゃない駅名で答えている。「御徒町」と言うより、「上野と秋葉原の間」と答えたほうが、相手に伝わりやすいからだ。3年前、不動産屋に連れられてやってきた僕にとっても、「御徒町」は正直言って、あまりピンとこない地名だった。 そもそも、2022年現在「御徒町」という住所は存在しない。1964年に行政上の区分が変更され、それまで「御徒町」と「仲御徒町」だった地名が「台東」や「上野」になったそうだ。だから、今となってはなんとなくこの辺かな？という認識をみんなが持ち合わせている、ふわっとしたエリアなのだ。 地名の由来は、江戸時代に下級武士である「御徒（おかち）」が住んでいたことにあるという。JR御徒町駅の東側には宝飾品店が並んでいるが、これは浅草寺をはじめとした寺院で扱う仏具や、吉原などの歓楽街で需要のある贈答品を作る職人が多くいたことの名残らしい。