無限ツールズ無限ツールズは、大量のWebツールであなたの能力を無限に拡張します。
webフロントエンドテストと自動化
No one is an island. Learnings from fostering a developers community.
【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita
はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか？ Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le
パスワードマネージャの1PasswordがPasskey対応をベータ公開。Passkeyの保存と同期、ログインが可能に
パスワードマネージャの1PasswordがPasskey対応をベータ公開。Passkeyの保存と同期、ログインが可能に 代表的なパスワードマネージャの1つである1Passwordが、パスワードレスでログインできる業界標準のPasskeyに対応した新バージョンのベータ版を公開しました。 Windows、macOS、Linuxに対応したChrome、Firefox、Microsoft Edge、Braveの各Webブラウザ、およびmacOSのSafariの拡張機能として利用可能です。 Tired of passwords? Meet passkeys. Available in beta, you can now save and sign in with passkeys using 1Password in the browser. Dive into what’s new, how to
デザイナー/PdMが今知っておきたいパスキーの基礎知識 - #FlattSecurityMagazine
はじめに こんにちは。株式会社Flatt Securityの @toyojuni です。自分はもともとWebやUIのデザインを本職としていましたが、大学の同期と共同創業したセキュリティ企業であるFlatt Securityにて経営やDevRelを担っています。 デザインとセキュリティは普段話題が交わることが少ない領域ですが、UI/UXのデザインであればソフトウェア開発と不可分であることは間違いなく、すなわちデザインもセキュリティに無自覚ではいられないでしょう。 そのような観点で、本記事では「パスキー(Passkey)」を取り上げてみようと思います。 本記事は「パスキー」「FIDO」「WebAuthn」といったキーワードに関して以下のような認識を持っている方向けの記事です。 名前も知らない / 聞いたことがない 聞いたことはあるが、ほとんど理解していない はじめに パスキーをなぜ今知るべきか
新興組版システム typst のススメ
はじめに Typst とは、新しい組版ソフトウェアです。数式を多用する科学技術系の記事を書くのに向いています。 ローカル環境で PDF にコンパイルすることもできますし、 Overleaf のようなオンラインの執筆環境も提供されています。 この分野では LaTeX が歴史的にも非常に強く、なかなか代替のソフトウェアが出現しなかったのですが、ようやく注目にも値する品質のものが登場してきたという感じです。 そもそも組版システムとは そもそも Qiita や Zenn でも数式を埋め込むことができるこの時代、ドキュメントを書くための専用の言語を使う理由は何でしょうか。 LaTeX はオワコンではないのでしょうか。 組版システムというのは簡単には無くなりません。これは、ブログや Wiki などの Web の記事とは性質が異なるからです。 組版システムは紙に印刷することを最終的な目的にしたシステムで
旅先も“AI任せ”な時代に？ 経路検索「駅すぱあと」がChatGPT活用 “ざっくり要望”で行き先提案
ユーザーへのアンケートで過半数の人が「旅行の計画が面倒」「行先が単調」といった悩みを抱えていることから開発した。「自分で行き先を考えたり探したりする手間をなくし、選択肢が増えることで旅やお出かけのマンネリ化解消につなげ、より手軽で充実した移動体験を提供できる」（ヴァル研究所）としている。 今後はユーザーの意見や要望を反映して機能を改善する。 関連記事 IBMも生成AI「watsonx」 透明性とカスタマイズ性で“ビジネスに使えるAI”強調 米IBMが、生成AIを含むAIとデータのプラットフォーム「watsonx」を市場に7月から順次投入する。市場のホットワードとなっている生成AIに対し、透明性やカスタマイズ性を付加価値としてビジネス向けの展開を図る。 ChatGPTアプリ日本でも 類似アプリも多く要注意 AIチャットbot「ChatGPT」のiOSアプリが日本でも利用できるようになった。ア
Notionをさらに使いこなす！ Webクリエイターとエンジニアにフォーカスした作業が捗るNotionの使い方が分かる解説書 -Notionプロジェクト完全入門
Notion（ノーション）をすでに使用している人も多いと思います。簡単に説明すると、iOS, Android, macOS, Windows, macOS対応のアプリで、そしてブラウザでも利用できるドキュメントを作成・共有できるワークスペースです。個人のメモ、知識をまとめるWiki、プロジェクト管理、またリモートワークにも大活躍です。 Notionでのプロジェクト管理、特にWebクリエイターとエンジニアにフォーカスした作業がはかどる案件管理手法の解説書を紹介します。 表紙に既視感を覚えた人は、大正解！ 本書は当ブログでも大好評だった「Visual Studio Code完全入門（紹介記事）」の第3弾です。ちなみに、第2弾は「Docker＆仮想サーバー完全入門（紹介記事）」 「Notionプロジェクト完全入門」では、Notionに装備されているデータベース機能を使用して、Web制作の業務上の
Evernoteからの卒業とその受け皿について
おそらく、生産性ツールやコラボレーションツールとしての進化の方向性を模索した感があって、当初会った「第二の脳」コンセプトはどこにいたのやら・・。 今回強く感じたのはEvernoteが遂げてきた進化と、今後の方向性が、完全に自分の期待値から外れていると言うこと。同じバンドメンバーなら解散待ったなしの方向性のズレ。 ぶっちゃけ、 タスク管理はTodoistPKMはObsidianネタの管理はWorkflowyDaily NoteはLogseq（これはObsidianに統合予定）と既に「メモの一時保管場所」と「参考情報置き場」にしかEvernoteを使っていなかったので、その為だけに年間9300円はちと高いなってことで、このたびEvernoteから卒業することを決めました。（2024年の8月までSubscriptionが残っているので、暫くは併用するけど・・ね） 私のことが嫌いになってもEver
仕事の作業を毎日残すためのノートを作った！
僕はEvernoteとかOneNoteとかを使って、朝に仕事を整理して作業を進めながらメモを書いてという仕事の仕方をしているのですが、もっとも重要な「最近のメモ」を見るために違うノートを開かなくてはいけないことにいつもイライラしてました！ 毎日メモを書いてたら、昨日とかおとといくらいの最近のメモがもっとも重要なのに、なんでページ遷移しないといけないのか！初めから開いておいてくれよ！っていう怒りです。 僕はエンジニアなので、この世の中に怒りやストレスを感じたら、それをテクノロジーを駆使して解決し、世界を前進させなくてはいけません。なので、作りました。仕事ノートを次の時代に進めてやるぜ！ 紙のノートの「ペラペラめくってメモを探す」をWebで実現した！EvernoteもOneNoteも結構良いんだけど、僕が一番好きなのは紙のノートです。A4の真っ白のノートを使っているのですが、一番最高なところは
Web APIを手作りする時代は終わった？
::: message info これは[フィヨルドブートキャンプ Advent Calendar 2022 Part.1](https://adventar.org/calendars/7760)の25日目の記事です。 昨日の記事は:@shujiwatanabe:shujiwatanabeさんの[質問しながら出来るようにしていく](https://shu91327.hatenablog.com/entry/2022/12/24/091025)と:@saeyama:saeyamaさんの[Rails/Vue 編集時に画像をD&Dで入れ替えした時のActive Storageの保存方法](https://saeyama.hatenablog.com/entry/2022/12/24/000123)でした。 ::: ↓こういうのを職人が丹精込めて一つ一つ手作りする時代は終わりました。 ```sh
Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの
ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
＜入居前Web内覧会＞バタフライスツールが迎えるフルフラットな玄関 - 北欧ミッドセンチュリーの家づくり
突き抜け玄関へようこそ 本日はMS家入居前内覧会に お越しいただき誠にありがとうございます。 今回のご案内は 家の第一印象を左右する玄関。 MS家の玄関は他のお部屋同様 これまた突き抜けております！！ MS家色が色濃い独特の 玄関をどうぞお楽しみください。 和か洋か白黒つけたい性格 嫁氏は極端な性格でございます。 やるなら徹底的にやる！ 面倒くさいオタクです。 ここからは完全に個人の趣味を 書かせていただきます （押し付ける気は毛頭ございません） 和の家にするなら徹底して畳に軒にひさし… 洋風の家にするなら和室はMS家に必要ございません。 以前書きましたように、嫁氏は古民家に憧れが ございまして和の家も大好きでございます。 ↓古民家への憧れと一戸建て選択の理由 ミックススタイルと考えるなら 椅子たちも和風の土間に映えましょう。 でもMS家は椅子が中心の家。 やはり椅子を輝かせるには洋風の家
Twitter創業者ジャック・ドーシーの仮想通貨チーム「TBD」が分散型Webプラットフォーム「Web5」を発表
ジャック・ドーシー氏率いる仮想通貨事業であるTBDが、Web2やWeb3を超える新しいインターネットを構築するプロジェクト「Web5」を発表しました。 Web5 | TBD https://developer.tbd.website/projects/web5/ Jack Dorsey's Bitcoin venture TBD unveils proposal for decentralized Web platform https://www.theblockcrypto.com/linked/151407/jack-dorseys-bitcoin-venture-tbd-unveils-proposal-for-decentralized-web-platform Squareから社名を変更した決済サービス・Blockの仮想通貨部門であるTBDが2022年6月10日に、「Web5」と
あなたのWebサービスの脆弱性を発見者から教えてもらう方法 - RFC9116が発表されました
先日、RFC9116が発表されました🚀 あなたのWebサービスに潜在する未知の脆弱性を誰かが見つけた時、それをあなたに連絡する方法を提示するsecurity.txtを標準化するものです。 この記事では何故これが必要だったのか、そして私たちがこれを実装する方法を簡潔に説明します。 なぜこれが必要だったのか https://securitytxt.org/のSummary(概要)にはこのように書かれています。 Webサービスのセキュリティリスクが、リスクの重大性を理解している独立したセキュリティ研究者によって発見された場合、それらを適切に開示するためのチャンネルが不足していることがよくあります。 その結果、セキュリティの問題が報告されないままになる可能性があります。 security.txtは、組織がセキュリティ研究者がセキュリティの脆弱性を安全に開示するためのプロセスを定義するのに役立つ標
Web制作者はしっかりと理解しておきたい！ CSSにおけるレイアウトアルゴリズムを解説
CSSを理解するには、プロパティや値を知っているだけでは不十分です。CSSのレイアウトアルゴリズムがどのように機能するかを理解する必要があります。 ブログやツイートで便利なCSSスニペットが紹介されていても、なぜ機能するのか、レイアウトアルゴリズムがどのように使用されているのか説明されていないことはよくあります。CSSにおけるレイアウトアルゴリズムについて解説します。 CSSの初学者をはじめ、長く携わっている人にも、気づきや学びがあると思います。 Understanding Layout Algorithms by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSにおけるレイアウトのアルゴリズム レイアウトアルゴリズムの確認 インライン要素の不思議なスペース 終わりに はじめに 数年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChatGPT Plus、最新情報も回答する「Webブラウジング」
Wi-Fi 6E 日本でスタート。20年振り新帯域「6GHz」が追加
既存のHTTPサーバーをHTTP/3化する手法を使ってPiping ServerをHTTP/3対応する - nwtgck / Ryo Ota
