Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ
CSS GridやFlexboxで配置するプロパティ値は？ 先頭の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プロ
Immersive Math
immersive linear algebra by J. Ström, K. Åström, and T. Akenine-Möller v1.1. ISBN: 978-91-637-9354-7 The world's first linear algebra book with fully interactive figures. Learn More Check us out on Twitter and Facebook Preface A few words about this book. Chapter 1: Introduction How to navigate, notation, and a recap of some math that we think you already know. Chapter 2: Vectors The concept of a
食べ放題で「上タン50人前」注文しすぎて激怒されたと書かれた焼肉店が反論…1億超の表示で「食べ放題に節度は必要？」議論呼ぶ - Smart FLASH/スマフラ[光文社週刊誌]
食べ放題で「上タン50人前」注文しすぎて激怒されたと書かれた焼肉店が反論…1億超の表示で「食べ放題に節度は必要？」議論呼ぶ 社会・政治 投稿日：2024.03.20 21:00FLASH編集部 《焼肉食べ放題で上タンばかり食っていたら店長にマジギレされてクソワロタ》 3月14日、焼き肉店の利用客による「X」へのポストが大炎上。16日までに1億回以上も表示されている。投稿主は、4000円食べ放題を利用し、上タンを数度にわたって50人前を注文。この店では上タン（単品）が1408円なこともあり、怒った店長が《こんな頼むひと初めてだとかキレてた》とし、《ほなら食べ放題やめろよな》とした。 【関連記事：『鉄腕DASH!!』国分太一らの危険企画に「やってることが迷惑系YouTuber」またも日テレに非難の嵐】 この投稿には数多のコメントが押し寄せた。「問題ない」という支持派と、「節度を持て」という反対
![食べ放題で「上タン50人前」注文しすぎて激怒されたと書かれた焼肉店が反論…1億超の表示で「食べ放題に節度は必要？」議論呼ぶ - Smart FLASH/スマフラ[光文社週刊誌]](https://cdn-ak-scissors.b.st-hatena.com/image/square/212f487010c1ad4a54ab3e5c552fd799dccbb39e/height=288;version=1;width=512/https%3A%2F%2Fdata.smart-flash.jp%2Fwp-content%2Fuploads%2F2024%2F03%2F20202304%2Fgyuutan_thumb.jpg)
Markdown を拡張する MDX はドキュメント作成の新たな可能性？
この記事は、技術書典 11 で頒布中の「Vivliostyle で本を作ろう vol. 5」から抜粋した記事です。ご興味ありましたら、Vivliostyle を使って組版された本誌もぜひお買い求めください！ また、この記事以外の内容もすべて Vivliostyle 公式サイトで無料公開中です。 技術書やドキュメントを執筆する際、あなたはどのような形式で文章を書きますか？ 最近ではもっぱら Markdown で書かれることが多いですが、この Markdown を拡張するポテンシャルを持つお気に入りの OSS プロジェクト「MDX」を紹介します。 MDX = Markdown + JSX MDX の名前の由来は Markdown + JSX なので、MDX を理解するためにはまず JSX について知る必要があります。 JSX とは JavaScript の拡張構文の一つで、元々 React の
Appleが「iOS 17.4でのPWA廃止」を撤回すると発表
2024年2月の頭頃から、AppleがiOS 17.4のベータ版で「プログレッシブウェブアプリ(PWA)」のサポートを廃止していることが明らかになっています。AppleはPWAのサポート廃止について、欧州連合(EU)のデジタル市場法に準拠するためと説明していたのですが、多くの批判にさらされた末、サポート廃止を撤回すると発表するに至りました。 iOS 17.4 won't remove Home Screen web apps in the EU after all - 9to5Mac https://9to5mac.com/2024/03/01/apple-home-screen-web-apps-ios-17-eu/ iPhoneは長らくPWAをサポートしており、これによりモバイルアプリと同じようにウェブ上のアプリをホーム画面に追加して利用することができるようになっています。iOSでのP
Apple によるブラウザエンジン規制の緩和 | blog.jxck.io
Intro 以前から騒がれていた Apple によるサイドローディング周りの緩和について、正式な情報公開があった。 Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/ ストアやペイメントの緩和もあるが、ここでは WebKit に関する部分だけを抜粋し、どのような条件があるのかをまとめておく。 筆者が公開情報を読んで解釈したものなので、内容は保証しない。 前提 iOS/iPadOS に入れられるブラウザには、 WebKit を用いる必要が
「あんたがたには知ってもらわにゃいかん」 旧満州での性暴力被害を証言 佐藤ハルエさん死去 | 岐阜新聞Web
取材中にチャーミングな笑顔を見せる、当時９３歳の佐藤ハルエさん＝２０１８年８月１７日、郡上市高鷲町ひるがのの自宅で
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途を満たす膨大な画像処理の機能を細かく作り込まれたユーザーインターフェイスから操作し、画像の変形や加工、フィルタリングなどの大量の複雑な演算処理が実行されるなど、Webアプリケーションへの移植を難しくする要素が満載です。 それらの困難を克服し、Photoshop Webではデスクトップ版Photoshopでよく使われる一般的な機能を、類似のユーザーインターフェイスでWebに実装し、商用サービスとして提供することに成功しました。 Photosho
Cookie2 とは何か | blog.jxck.io
Intro タイトルを見て「Cookie の新しい仕様か、キャッチアップしよう」と思って開いたのなら、以降を読む必要はない。 Cookie History 2000 年に発行された Cookie の仕様である RFC 2965 では、仕様中に Set-Cookie2/Cookie2 (以下 Cookie2) という 2 つのヘッダが定義されている。しかし 2011 年に改定された現行の RFC 6265 ではそれらヘッダは deprecate されており、実際の Web でこれらのヘッダが交換される場面を、少なくとも筆者は見たことがない。存在すら知らない開発者も多いだろう。 筆者はずっと、この仕様がどのように出てきて、どうして消えていったのかが気になっていた。 Web 上にも情報が少なく、「歴史上の理由で」とか分かったようなことを言ってる人がたまにいるくらいだ。四半世紀前のことなので経緯を
ヘテロゲニア リンギスティコ ～異種族言語学入門～ - 瀬野反人｜ヤングエースUP
学術研究の舞台は…魔界！？ レッツ異種族コミュニケーション！ 怪我をした師匠に代わりハカバ君が派遣されたのは、モンスターが暮らす「魔界」。ガイドのススキと共にモンスターとコミュニケーションを取りながら旅をする、新人研究者の苦悩と日常をエッセイ風に描いた魔界探索研究コメディ！
Googleマップで発見、なぜこんな場所に日本人の墓？ 絶海の孤島の謎を調べてみた：東京新聞 TOKYO Web
グーグルマップで遊んでいたら、北太平洋にぽつんと浮かぶミッドウェー諸島に、明治時代の「櫻井又五郎」という名の墓を見つけた。 墓の存在に気づいたのは2020年9月。新型コロナウイルス「第2波」で自粛ムードが漂う中、せめて旅行気分だけでも、と（グーグルマップで）太平洋の島々を巡っていた時だった。 深夜にスマホの中の墓を見つめながら、素朴な疑問が浮かんだ。100年以上も昔、櫻井さんはなぜこんなところに？ こつこつと調査を重ね、結論には至っていないが、ひとまず経過をまとめてみたい。何か情報をお持ちの方は、ぜひお寄せください。（デジタル編集部・谷岡聖史） ミッドウェー諸島（環礁） ホノルルから約2000キロ北西、東京都心から約4100キロ東南東にあり、主に大小2島からなる。世界複合遺産でもある北西ハワイ諸島の一部だが、行政上はハワイ州ではなく、米連邦政府の魚類野生生物局が直接管理する。長らく無人島だ
3Dモデル→高品質な線画に変換できるWebサイト公開 漫画や絵を描く人から「これはすごい！」「綺麗で驚きました」と絶賛
手元の3Dモデルデータを線画に変換できる無料Webサイトが登場しました。漫画の背景などを描くのに活用できそう！ AIエンジニアのまっくす（@minux302）さんが公開したWebサイト。3Dモデルのデータをブラウザにドラッグ＆ドロップするだけで簡単に読み込み、線画に変換してくれます。しかも、線画の状態でもカメラ位置をグリグリ動かすことも可能。これはすごいぞ……！ 3Dモデルが…… 線画に変換できる！ カメラの位置も移動可能 Twitterでは「息子用のぬり絵がすぐにできる！！！」「超便利なやーつ！！」とツールを称賛する人の声が寄せられています。 なお、アップロードできるデータの形式はgltf、glb、fbx、objです。 投稿提供：まっくす（@minux302）さん ネットの反応を見る advertisement 関連記事 初心者が「ガラガラなのに隣に座ってくる人対策」の3Dアニメを作った
ゼロランタイムのミニマルな静的サイトジェネレーター『dodai』の開発と JSX First な世界観について
ゼロランタイムのミニマルな静的サイトジェネレーター『dodai』の開発と JSX First な世界観について2023/01/27 本記事では来たる2/3のKyoto.js #18に備え、年末年始に npm パッケージとして公開した『@potato4d/dodai』という静的サイトジェネレーター(以下SSG)について紹介します。なお、開発にあたって本ブログも @nuxt/content からこの dodai へと移行しています。移行作業の所要時間は 30 分程度でした。 @potato4d/dodai について dodai は 1~5 つ程度の固定ページと、Nつの動的なページを持つ Web サイトの構築を想定した静的サイトジェネレーターです。 元々は私が複数の Web サイトの管理で使っていた Node.js 用の Script 群をパッケージとしてまとめたものになります。 技術的には複数
Adobe XDは利用できなくなるのか、Adobeに問い合わせました | Stocker.jp / diary
2023年1月に、Adobeの公式Webページの「Adobeのすべての製品一覧」からAdobe XDが消えたことでWeb制作者の間で大きな騒ぎになっています。 Adobeのすべての製品一覧ページで「XD」で検索した結果 というのもAdobeは事前に「Adobe XDは今後どうなるのか」についての発表をおこなっておらず、ある日突然製品一覧から消したため、利用者が混乱しているというのが現状です。 このブログや私のTwitterでは過去に「Adobe XDのアップデートは止まっており、今にも消えそう」であることを書いていますが、そのことを知らず、突然何が起きたのか分からずに騒いでいる方もいらっしゃるようです。 そこでこの記事では、これまでに何があったかと、「XDについてAdobeに問い合わせた結果」についてまとめています。 追記: 2023年5月に再度確認したところ、Adobeのすべての製品一覧
UIデザイン用のシンプルにデザインされた高品質なSVGアイコンが2000種類以上！ 改変・再配布も可の太っ腹ライセンス -Atlas Icons
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるAtlas Iconsを紹介します。 UIデザインをはじめ、ビジネス、ソーシャル、ハンドジェスチャー、ガジェット、エコロジー、フィットネス、食べ物・飲食物、医療など、33種類のカテゴリに2,000種類以上のアイコンがセットになっており、個人でも商用プロジェクトでも完全に無料で使用できます。 SVGアイコンだけでなく、Webフォント、Figma用なども揃っているので、使い勝手もよく、非常に便利です。 Atlas Icons Atlas Icons -GitHub Atlas Iconsの特徴 Atlas Iconsのダウンロード Atlas Iconsのアイコン Atlas Iconsの特徴 Atlas Iconsは、WebサイトやスマホアプリのUI用にシンプルにデザインされた
今は、もう、動かない、その User-Agent 文字列
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、広告エンジニアの中山です。 唐突ですが、みなさまの Web アプリケーションに User-Agent 文字列を参照する処理はありますか？ User-Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.1234.56 Safari/537.36例えば User-Agent 文字列を解析して内容に応じて制御を分岐させたり、機械学習の特徴量として用いたり、さらには一般に悪しきユースケースとされていますが IP アドレスと組み合わせて fingerprinting に活用する … と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
継ぎ穂 / 継ぎ穂 - ちょめ | webアクション
「Dappi」裁判、被告企業が敗訴 「投稿は社長の指示」 立民議員への名誉毀損認める：東京新聞 TOKYO Web
無料で会員登録も不要なWeb上の「Python」実行・学習環境「PyWeb」が正式公開／初学者向けでチュートリアルやサンプルコードも利用できる
会員登録不要、無料で始められる「Python」学習環境「PyWeb」がベータ公開／WebブラウザーさえあればOK
