ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
これをどう作ったかの解説。 PWA まず、上のスクリーンショットのアイコンはSafariの「ホーム画面に追加」で作られたものである。タップするとフレームなしのブラウザが立ち上がって、xsystem4（ゲームエンジン）のWebAssembly版が起動する。xsystem4のWebAssembly移植についてはこちらの記事に書いた。 この種のWebアプリはプログレッシブウェブアプリ (PWA)と呼ばれる。最近さっくり廃止されかかったりして、いつまで使えるかは少し心配でもあるが…。 iOS / iPadOS SafariにおけるPWA SafariのPWA対応は他プラットフォームのChromium系ブラウザと大きく違っている点が一つあって、SafariとインストールされたPWAはストレージを共有しない。つまり、例えばSafariでログインしたユーザーがホーム画面にサイトをインストールしてそちらを
FIDOアライアンスが仕様を策定した「パスキー」は、パスワードではなく生体情報を用いて認証する「FIDO 2.0」を「Webauthn」標準に基いて利用して得た資格認証情報をデバイス単位で管理運用する技術です。このパスキーが抱える問題点について、Webauthn標準に関わったエンジニアのFirstyearことウィリアム・ブラウン氏が自身のブログで解説しています。 Firstyear's blog-a-log https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/ Webauthnがパスワードに代わる認証技術として大きな可能性を秘めていると考えていたブラウン氏は、2019年にオーストラリアからアメリカに渡り、友人と共にWebauthnのRust実装であるwebauthn-rsの開発を始めました。その過程で
以下の文章は、コリイ・ドクトロウの「The credit card fee victory is a defeat」という記事を翻訳したものである。 Pluralistic 見出しだけを見れば、まさにダビデとゴリアテの戦いだった。アメリカの小規模事業者たちが、20年に及ぶ訴訟キャンペーンの末、ついにビザとマスターカード（V/MC）のぼったくりに勝利した。両社は賠償金として300億ドルを払うことになったのだ。 https://edition.cnn.com/2024/03/26/economy/visa-mastercard-swipe-fee-settlement/index.html しかし、その和解内容を詳しく見てみると、その勝利は空虚なものに思われるかもしれない。見出しにならなかった数字がある。和解の一部として、加盟店が支払う既に高額なクレジットカード決済手数料が25%値上げされるの
![クレジットカード手数料訴訟の「勝利」がもたらす「敗北」 | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d3289c78dc67bfdcd590dd826256920b1feb1cc/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F05%2Fvisa-fees.jpg)
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
以下の文章は、コリイ・ドクトロウの「The antitrust case against Apple」という記事を翻訳したものである。 Pluralistic 「Macカルト（Cult of Mac）」の基本的な教義は、時価総額3兆ドル企業から製品を購入すると迫害されたマイノリティの一員になれるということであり、したがってその企業へのあらゆる批判は民族的中傷ということになるらしい。 https://pluralistic.net/2024/01/12/youre-holding-it-wrong/#if-dishwashers-were-iphones これを「Apple例外主義」と呼ぼう。ビッグテック企業の中でAppleだけが善良であり、したがってその行動は善意のレンズを通して解釈されるべきだという考え方である。この美徳の源泉は都合よく曖昧なので、Appleの罪が明らかになったとて、Ma
![メタクソ化するアップル――Macカルトと“アップル例外主義” | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/1104bd774ee83cd14eeb72bb1d28cf0ca3935fc2/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F05%2Fapple-antitrust-doj.jpg)
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
php-fpm の挙動を確認するために発行されるシステムコールを簡単に確認できる Docker Compose 環境を作りました。 github.com システムコール strace-php-fpm strace オプション php-fpm が発行するシステムコール例 ini ファイルの探索 nginx からの FastCGI リクエスト PHP ファイルの読み込み さいごに 参考 システムコール システムコールは、php-fpm のようなユーザプログラムが、ファイル操作やネットワーク通信、プロセス制御のようなカーネルが提供する機能を利用する仕組みです。PHP コードは PHP（ここでは php-fpm）で実行する必要があるので、php-fpm が発行するシステムコールを確認することで php-fpm や PHP コードがどのように動作しているかを知る手掛かりになります。 システムコールを
数値や日付をさまざまな形式の文字列に！ toLocaleString()を使ってスマートに変換しよう ウェブアプリケーションなどでは外部のAPIからデータを取得して表示することがあるでしょう。しかしながら、APIの値を必ずしもそのまま表示せず、ユーザーにとって分かりやすい文字列に加工することもあります。たとえば、数値をカンマ区切りにしたり、日付データを特定のフォーマットに変換したりといったことはみなさんも経験があるのではないでしょうか？ そのような数字や日付を変換するのに便利なのが、JavaScriptのtoLocaleString()メソッドです。このメソッドを使うことで、数値や日付をさまざまな形式に変換できます。この記事では、toLocaleString()メソッドの使い方と、その応用例を紹介します。 サンプルを別ウインドウで開く コードを確認する toLocaleString()メソ
インストール不要でLlama 3やMistralなどオープンソースLLMをブラウザで動かせるチャットボット「Secret Llama」が登場
Llama 3やMistral-7Bといったオープンソースの大規模言語モデル(LLM)をサポートし、WebGPUを使ってブラウザ上で完全に動作するチャットボット「Secret Llama」が公開されています。 Secret Llama https://secretllama.com/ GitHub - abi/secret-llama: Fully private LLM chatbot that runs entirely with a browser with no server needed. Supports Mistral and LLama 3. https://github.com/abi/secret-llama 実際にSecret LlamaのデモサイトでLlama 3を動作させて会話してみたところが以下のムービー。 大規模言語モデルを完全にブラウザで動作できる「Secr
iOS18の新機能として、iPhone純正の「ボイスメモ」アプリで、人工知能（AI）を活用した文字起こしと内容の要約機能が追加される、と米メディアAppleInsiderが報じています。クラウドにデータを送信せずデバイス上で動作するので、機密情報を含む会議も安心して要約できそうです。 iOS18の「ボイスメモ」で録音、文字起こし、要約が可能に iOS18の「ボイスメモ」アプリで、録音した音声の文字起こしと、その内容の要約が可能になる、とAppleInsiderが事情に詳しい複数の関係者から得た情報として伝えています。 AIによる文字起こしと要約機能は、6月の世界開発者会議（WWDC24）で発表予定のiOS18のほか、iPadOS18、macOS15でも使用可能になる見込みとのことです。 iOS18の「ボイスメモ」アプリでは、画面配置が既存のものから大きく変更され、文字起こし結果が画面の中央
Is Secure Cookie secure? - CookieのSecure属性・__Host-プレフィックス・HSTSを正しく理解しよう - Flatt Security Blog
こんにちは、 @okazu_dm です。 前回の記事 に引き続きCookie関連のセキュリティに関する記事となります。 今回は、Cookieの仕様を定めたRFC6265(https://datatracker.ietf.org/doc/html/rfc6265)自体に含まれるSecure属性の問題点と、その対策について紹介していきます。 CookieのSecure属性自体は前回紹介したSameSite属性と比較してわかりやすいのもあり、かなり知名度が高いと思われますが、Secure属性単体で守れる範囲というのは実は限定的である、という点を本記事では実験も交えて示していきます。 なお、本記事はセキュリティ以外の分野を主業務とするソフトウェアエンジニアを主な想定読者として書いています。 記事内の検証につかったブラウザのバージョン Cookieについて 中間者攻撃の仕組み 実際に中間者攻撃をして
Google I/O で、昨年の I/O での発表以降、ベースラインがどのように進化しているかについてニュースを共有しました。ウェブ プラットフォーム ダッシュボード、RUM Archive との統合、RUMvision との今後の統合についても発表しました。この投稿では、講演で取り上げたすべてのリソースを 1 か所にまとめます。 ウェブ プラットフォーム ダッシュボードは、ウェブ プラットフォーム全体と個々の機能の相互運用性の過程を確認するための新しい方法です。これにより、ベースラインに含まれるようになります。詳細については、ウェブ プラットフォーム ダッシュボードの発表をご覧ください。 Baseline を日常的に使用するツールと統合することは、このプロジェクトのビジョンの一つでした。Google は、ユーザーがブラウザの互換性への対応について、あまり時間をかけて考える必要がないように
Plinky
Easily save links, enjoy them later Easy to use and free to try. Save articles, videos, social media posts and more. Seamless saving with just one tap Plinky’s share extension lets you save links from any app on your iPhone and iPad. Save links in Chrome, Firefox, Safari with handy browser extensions, or on your Mac using Plinky Mini.
HTMLのチェックボックス（<input type="checkbox">）やラジオボタン（<input type="radio">）をCSSで装飾したいというのはよく聞く話です。2024年現在は、HTMLの記述は簡単なまま、CSSで自由度の高い装飾も実現できるようになっています。 結論 従来の手法 appearanceプロパティを使う手法 外枠の配置 未チェックとチェック済みの切り替え 強制カラーモードへの対応 透明なボーダーやアウトライン 内向きの影や背景グラデーション 画像やテキスト ブラウザ組み込みの外観 状態に応じたスタイルの指定 参考文献 結論 単に色調を整えられればよいという場合は、accent-colorプロパティを使います。 input[type="checkbox"], input[type="radio"] { accent-color: #d31; } くだもの や
KOMA KOMA×日文｜日本文教出版
2024.03.06 バージョン5.2 iPadOS17.4に対応しました。 KOMA KOMA×日文は、 インストール不要・無料で使用できるブラウザアプリです。 対応している端末とブラウザは以下です。 ・WindowsPC × Edge ・WindowsPC × Chrome ・Chromebook × Chrome ・iPad × Safari 詳細はこちら。 お知らせ 2024.03.06 アプリを更新しました。 2023.09.19 アプリを更新しました。 2022.11.07 アプリを更新しました。 2022.05.18 アプリを更新しました。 2022.05.10 「ギャラリー」に作品を追加しました。 2022.05.01 アプリを更新しました。「ギャラリー」に作品を追加しました。 2022.01.31 「ギャラリー」に作品を追加しました。 2022.01.31 アプリの軽微な
VBScript deprecation: Timelines and next steps
Scripting options for web development and task automation are modernizing. To provide you with the most modern and efficient options, we are replacing VBScript with more advanced alternatives such as JavaScript and PowerShell. Find out what VBScript deprecation means for you and how you can get ready. What is VBScript? Visual Basic Scripting Edition, commonly referred to as VBScript, is a lightwei
JSer.info #693 - 次の記事では、Remix v3はReact Router v7としてリリースする予定という話が紹介されています。 Merging Remix and React Router | Remix RemixとReact Routerは、Viteとサーバ以外はほぼ同等の機能になってきています。 そのため、React RouterをRemixにマイグレーションするのではなく、React RouterをアップデートするだけでRemixの機能を使えるようにしたいという話が書かれています。 既存のRemixアプリは、import先のパッケージをreact-routerに変更するだけで動く予定とのことです。 この意思決定の詳細は、Xでも書かれています。 https://x.com/ryanflorence/status/1791479313939976313 React
X(旧Twitter)がすべてのURLを「x.com」へ正式に変更しTwitterの名残が消滅、しかしブラウザやログイン状態によっては一部のtwitter.comのURLが依然としてリダイレクトされないままのケースも
2022年11月にイーロン・マスク氏がTwitterを買収し、その後、2023年7月に名称が「X」に変更されました。名称変更後もXのURLは「twitter.com」のままだったのですが、2024年5月17日についに「x.com」に変更されることが発表されています。しかし、一部のブラウザやログインステータスによっては、依然として「twitter.com」のURLが新しいものにリダイレクトされないまま残っていることが指摘されています。 Twitter is officially X.com now - The Verge https://www.theverge.com/2024/5/17/23829098/twitter-x-com-url-links-switch Twitter URLs redirect to x.com as Musk gets closer to killing
WebKit Features in Safari 17.5
Happy May! It’s time for another release of Safari — our third significant update of 2024. With just a month until WWDC24 and the unveiling of what’s coming later this year, we are happy to get these 7 features and 22 bug fixes into the hands of your users today. CSS There are several exciting new CSS features in Safari 17.5, including text-wrap: balance, the light-dark() color function, and @star
Opera used to be a fantastic web browser, with a custom high-performance Presto rendering engine and features like tabbed windows that didn't show up in competing browsers until years later. However, the modern Opera browser is a shadow of its former self, reliant on chasing trends and meme advertising to stay relevant. The company behind it has also created fintech services that break app store r
米Browser Company of New York（BCNY）は4月30日（現地時間）、Windows用の「Arc」ブラウザの正式版をリリースした。現時点ではWindows 11にのみ対応しているが、今後Windows 10にも対応予定である。 ArcはChromiumベースのWebブラウザで、2022年春にMac版がリリースされた。BCNYはArcを「インターネットのためのオペレーティングシステム（OS）」と表現している。ChromeやEdge、Safariといった既存のメジャーブラウザがWeb初期から続くデザインの延長にあるのに対し、Arcはアプリとしての役割が重要になったモダンなWebに基づいてゼロからデザインされた。 従来のブラウザとは根本的に異なる発想で作られているため、Arcはブラウザユーザーに使い方を学ぶ努力を負わせる。学習曲線が存在するものの、Mac版はそれを乗り越え
Appleは欧州連合(EU)のデジタル市場法(DMA)に従うため、2024年3月にリリースしたiOS 17.4で、EU圏のユーザーに限りWebkit以外のブラウザエンジンを許可しました。ところが、Appleはサードパーティ製ブラウザエンジンのテストを、EU内に物理的に存在するデバイスのみに限定していると海外メディアのThe Registerが報じました。 Apple limits third-party browser engine work to EU devices • The Register https://www.theregister.com/2024/05/17/apple_browser_eu/ Testing of iOS Browsers With Third-Party Engines Geofenced to EU - MacRumors https://www.m
ChromeやEdgeのショートカットキー17選｜タブ管理、ブックマークもワンタッチで | ライフハッカー・ジャパン
優秀で便利なキーボードショートカットは、コンピューター上で作業をテキパキこなしたいときの大きな味方です。 以下で紹介するキーボードショートカットは、Chrome、Edge、Firefox、Safari以外のブラウザでも使えます。 タブ管理に大活躍するキーボードショートカットImage: Lifehacker現在開いているタブを閉じる：Ctrl/Cmd＋W 最後に閉じたタブを復元する：Ctrl/Cmd＋Shift＋T 特定のタブに移動する：Ctrl/Cmdと同時に、移動したいタブの番号を押す 開いているタブをひとつずつ移動する：Ctrlを押した状態で、Tabを押します（逆に、ひとつずつ左へと移動していきたいときは、Ctrl＋ Shiftを押した状態でTabを押す） 新しいタブを開く：Ctrl/Cmd＋T 新しいウィンドウを開く：Ctrl/Cmd＋N シークレットウィンドウを開く：Ctrl/C
「iOS 18」では、カレンダーアプリとリマインダーアプリが統合するという情報が出ています。 AppleInsiderによると、ユーザーは、リマインダーアプリを開くことなく、カレンダーアプリ内で直接リマインダーのスケジュールや整理ができるようになります。リマインダーは、日・週・月のカレンダービューに表示される見込みです。 同様の変更は、「macOS 15」でも実装されるそうです。 iOS 18: カレンダーとリマインダーアプリが統合へAppleInsiderは先日、iOS 18では計算機とメモアプリが統合されることや、「Intelligent Search」や「Web Eraser」といったSafariの新機能がアップデートに含まれると報じていました。 Appleは現地時間6月10日に開催されるWWDCの基調講演でiOS 18やiPadOS 18など主要なOSのアップデートを発表する見込み
グーグルのAI攻勢がアップルに突きつける挑戦状
「Google I/O 2024」の基調講演は、ほぼ人工知能（AI）関連の話題に終始した。会場では、同社のAIチャットボット「Gemini」が多くのGoogle製品に組み込まれ、さまざまな形で活用されることが発表された。Google I/Oは毎年5月頃に開催されるGoogleの年次イベントで、通常はソフトウェアに関するアップデートや新製品の第一報が発表される。しかし2024年は、多くの人が日常的に使用している「Gmail」や「Google検索」などのサービスがいかにAIによって強化されるかに話題は集中し、競合他社に対する威嚇射撃のようにも感じられた。 この「競合他社」にはAppleも含まれる。Appleも来る6月10日に「Worldwide Developers Conference（WWDC）」を開催する。基調講演では主にソフトウェア関連の発表があるとみられている。同社は、これまでAIに
iOS18では、入力中の文章に応じて、人工知能（AI）がオリジナルの絵文字を生成する新機能が投入される、とBloombergのマーク・ガーマン記者がニュースレター「Power On」で報じています。AIを活用した新機能開発プロジェクトは「Project Greymatter」と呼ばれているそうです。 入力中の文章に応じてオリジナル絵文字を自動生成！ 人工知能（AI）を活用したiOS18の目玉機能として、入力中の文章の内容に応じたオリジナルの絵文字を生成できる機能が導入される、とBloombergのマーク・ガーマン氏は伝えています。 iPhoneなどのデバイスでは、すでに多くの絵文字が利用可能となっており、今後も新作が追加される見込みですが、この新機能により、従来の絵文字カタログにない、まったく新規の絵文字が使えるようになるとのことです。 ステッカーのような画像を生成？ 絵文字は、送信側と受
Appleは2024年6月11日に年次開発者向けイベントのWWDC24を開催予定です。Appleはこの中でAI機能を発表すると目されているのですが、その機能のひとつとして「AI生成の絵文字」が登場するとBloombergが報じています。加えて、AppleはAI機能の提供でOpenAIとの提携を発表する可能性も取り沙汰されています。 Apple iOS 18, macOS 15 AI Features: Project Greymatter, Privacy, OpenAI Deal - Bloomberg https://www.bloomberg.com/news/newsletters/2024-05-26/apple-ios-18-macos-15-ai-features-project-greymatter-privacy-openai-deal-lwni63s3 Apple’s
極上の「手書き感」。ノート特化タブレットの決定版「Supernote Nomad」レビュー（わたや｜LOPYLOG） - エキスパート - Yahoo!ニュース
電子化が進む昨今は、タスク管理やスケジュール、ちょっとしたメモにいたるまで、スマートフォンやタブレットで一元管理してる人も多いと思います。そんな中、「余分な機能はいらずメモツールとして特化させたい」「手書きの質感にこだわりたい」など注目を浴びているのが電子ペーパータブレット。 ここ数年多数メーカーから販売されていますが、中でも「手書きの質感」にこだわり抜いているのが「Supernote Nomad」。今回はRattaさんからサンプルを送ってもらい1週間お試しさせていただいたので、使用感をレビューしていきます。 こちらがSupernote Nomad。7.8インチと小型ノート程度の画面サイズで、重さは約266gと非常に軽量。大きめのスマートフォン程度の重量かつ、7mmの薄型タブレットなので、厚みのある紙のノートなんかと比べても持ち歩きやすいです。 表面全体にフィルムが貼られており、ベゼルとデ
PS5版プロコン「DualSense Edge」が2,411円OFF。やり込むなら断然おすすめ #Amazonタイムセール祭り
Rethinking Text Resizing on Web
Airbnb has made significant strides in improving web accessibility for Hosts and guests who require larger text sizes. This post takes an in-depth look at: The problems encountered on mobile web when relying solely on browser zoom.The challenges of introducing changes that would impact the workflow of all frontend engineers.The benefits seen since launching these accessibility improvements.by: Ste
Introducing the CSS anchor positioning API | Blog | Chrome for Developers
The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex layout requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and many more. With anchor positioning built into the browser, you'll be able to build
1.125 (v9.31.0)
3^2 / 2^3の答えである1.125を基本の比にし、様々な大きさをすべて計算しなおす。「黄金比なんて誰も設計に使っていない」というような本を読み、黄金比を使っているのがちょっと恥ずかしくなったからだ。4乗していくとなんとなく大きくなっていくようで、キリの良い数字が増え、自己満足度が上がる。結局は黄金比に近い(1.125^4 = 1.602)ので、最終的な結果は変わらない。 巨大なハイパーリンク まず、かつてTwitterとして知られていたプラットフォームへ投稿する時に使う、短めの概要を別に作るようにする。それに使うだけではもったいないので、ホームの投稿一覧をリストからセクションに変えて、そこでも使うようにする。その流れでsection要素全体をハイパーリンクにするようにし、その結果CSSが複雑になる。ここで言う「複雑」とは、やりたいことと実装に大きな乖離があり、レンダリング結果とコード
無題 - in the blue shirt
最近色々と考えを整理していると、自分の音楽遍歴というのはつまるところ選択の自由を獲得する旅であるのということに気がついた。 中学生、日本の音楽だけ聴いてていいんか、と思い、いわゆる洋楽を厨二マインドで聴こうとする。わからないので本屋でロッキンオンを読むと、「オアシス、グリーンデイ、レディオヘッドが最高」みたいなことが書いてある。まだ閉じている。とりあえず雑誌でフィーチャーされているバンドを順番に聴いた。高校生、西宮北口のバーミヤンでバイトをして、その月数万円の金によって少し開かれた。横のブックオフでいわゆるロックの名盤を安い順に片っ端から買って聴いた。感動はするが、まだしっくり来ない。18歳の時に初めて自分用のPCを買い、インターネットによりまた開かれる。知らない電子音楽が沢山あった。ここでmyspaceやサンクラを通じて、市井の人によって作られた、大量のベッドルームミュージックに遭遇し、
極上の「手書き感」。ノート特化タブレットの決定版「Supernote Nomad」レビュー | LOPYLOG-ロピログ-
電子化が進む昨今は、タスク管理やスケジュール、ちょっとしたメモにいたるまで、スマートフォンやタブレットで一元管理してる人も多いと思います。そんな中、「余分な機能はいらずメモツールとして特化させたい」「手書きの質感にこだわりたい」など注目を浴びているのが電子ペーパータブレット。 ここ数年多数メーカーから販売されていますが、中でも「手書きの質感」にこだわり抜いているのが「Supernote Nomad」。今回はRattaさんからサンプルを送ってもらい1週間お試しさせていただいたので、使用感をレビューしていきます。 Supernote Nomad Supernote 公式サイト Supernote Nomadの外観と基本性能 こちらがSupernote Nomad。7.8インチと小型ノート程度の画面サイズで、重さは約266gと非常に軽量。大きめのスマートフォン程度の重量かつ、7mmの薄型タブレッ
Webデザインに必須のコーディングの基礎知識【初心者向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デジタルエデュケーション部の田中天（@10TEN10TAN10）です。現在、私はデジタルハリウッドSTUDIO by LIG（通称：デジLIG）の運営を担当しています。 みなさん「コーディング」ってどんなイメージを持っていますか？ Web制作に必要なもの？ ずらずらと英語や数字が並んでいるもの？ なんだか難しそうなコーディングですが、コーディングを行いWebサイトに動きを付けることで、ユーザーを楽しませてサイトの滞在時間を伸ばすことができたり、リピート率を高くしたりもすることができます。 本記事では、そもそもコーディングとはなにをすることなのか、どんなときに必要になるのか、そして学ぶことのメリットをご紹介します。この記事を通して少しでもコーディングと仲良くなれればと思っています。 Webデザインのコーディングとは？ 必要なの？ Web制作において、見た目のデザインだけをしても、
The Times You Need A Custom @property Instead Of A CSS Variable — Smashing Magazine
Custom properties and CSS variables are often used interchangeably when describing placeholder values in CSS despite the fact that they are different but related concepts. Preethi Sam walks through an example that demonstrates where custom properties are more suitable than variables while showcasing the greater freedom and flexibility that custom properties provide for designing complex, refined a
Remix v3 の今後についてなど : Cybozu Frontend Weekly (2024-05-21号)
こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめに サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024 年 5 月 21 日 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 HTML attributes vs DOM properties HTML attributes と DOM properties の動作の違いについて解説している記事です。 Validation、値のチェック、デフォルト値、フレームワークに応じた挙動などについてまとめられています。 Deep Dive into React Stream/Serialize React の Stream/Serialize
Apple専門のセキュリティ企業「Kandji」はこのほど、「Malware: Cuckoo Behaves Like Cross Between Infostealer and Spyware」において、Macデバイスを標的とする新しい情報窃取マルウェア「Cuckoo」を発見したと伝えた。 Malware: Cuckoo Behaves Like Cross Between Infostealer and Spyware 情報窃取マルウェア「Cuckoo」とは Kandjiによると、情報窃取マルウェア「Cuckoo」は、IntelおよびARMアーキテクチャに対応したMach-Oバイナリだという。ストリーミングサービスの音楽リッピングアプリとして配布されていることが確認されている。このマルウェアは他のマルウェアと同様に、右クリックの「開く」から実行することを求める特徴がある。 右クリックの
May 1, 2024The evolution of Figma’s mobile engine: Compiling away our custom programming language We’ve long written core parts of our mobile rendering architecture in Skew, the custom programming language we invented to squeeze additional performance out of our playback engine. Here’s how we automatically migrated Skew to TypeScript without disrupting a single day of development. Skew began as a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブサイト制作では、游ゴシックはおすすめしない理由
iPadに18禁ゲームをインストールする（ためのWebアプリを作る）
パスワード不要の認証技術「パスキー」はパスワードよりもエクスペリエンスが悪いという批判
クレジットカード手数料訴訟の「勝利」がもたらす「敗北」 | p2ptk[.]org
メタクソ化するアップル――Macカルトと“アップル例外主義” | p2ptk[.]org
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
Docker Compose で php-fpm が発行するシステムコールを見る - Shin x Blog
数値や日付をさまざまな形式の文字列に！ toLocaleString()を使ってスマートに変換しよう - ICS MEDIA
iOS18のAI新機能！ボイスメモでの文字起こしと要約をデバイス上で完結 - iPhone Mania
ウェブの最新情報 | Blog | web.dev
CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版: Days on the Moon
2024-05-19のJS: Remix + React Router = React Router、State of HTML 2023
Stop using Opera Browser and Opera GX
「Arc」ブラウザのWindows版が登場、Mac版が高評価”インターネットのOS”
Appleがサードパーティ製ブラウザエンジンのテストを「EU内に物理的に存在するデバイス」に制限していると報じられる
「iOS 18」、カレンダーとリマインダーが統合へ - こぼねみ
iOS18の新機能、入力中の文章に応じたオリジナル絵文字を自動生成！ - iPhone Mania
Appleが間もなくAI生成の絵文字やOpenAIとの提携を発表するとの報道
Mac買ったらSafariは2週間使って！ Chromeよりおすすめする理由 | ライフハッカー・ジャパン
Mac狙う新たなマルウェア「Cuckoo」発見、右クリックの「開く」に注意
Figma’s journey to TypeScript | Figma Blog