これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
水田かなめ @kmizta JR車両のドアそばにある蛍光灯一体型防犯カメラ。 従来の蛍光灯から付け替えるだけで4G/Wifiで映像を飛ばしてくれるらしい。なるほど便利。 pic.twitter.com/0Mlc5Vm13j 2021-05-03 09:49:05
CSSのスクロールスナップが登場して早4年、現在ではほぼすべてのブラウザにサポートされ、採用しているWebサイトやスマホアプリも増えてきました。 CSSのスクロールスナップについて、基礎知識をはじめ、各プロパティの機能や使い方、スクロールスナップの実際の使用例、実装の注意点などを紹介します。 CSS Scroll Snap by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのスクロールスナップを使う理由 スクロールコンテナの基本 スクロール コンテナの注意点 CSSのスクロールスナップとは scroll-snap-stopの使い方 scroll-paddingの使い方 scroll-marginの使い方 CSSのスクロールスナップの使用例 block値とinline値について アク
【Vue.js】Composition API時代の便利ライブラリ「VueUse」を使ってみた - Qiita
Vue Composition API によって Vue.js にも React Hooks のようなロジックの再利用性の高い開発体験がもたらされようとしています。 しかし、まだ「Composition API の良さをわかっていない」という方や「Composition API をうまく利用した書き方がわからない」という方も多いかと思います。 本記事では Composition API 時代の便利ライブラリ VueUse を用いた実装例や、 VueUse 自体の実装がどのようなものか紹介します。 Composition API の良さや雰囲気もキャッチアップしていただければ幸いです。 VueUse とは？ VueUse は Anthony Fu さん1が中心に開発しているライブラリで、Composition API を用いた便利系関数を数多く集めたライブラリです。 例えば、ブラウザ上のマウ
この記事では、日常行っているWebデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめてご紹介しています。 これらの新しいツールやサービスを利用すれば、これまで後回しにしていた面倒な作業も自動化し、生産性アップ、円滑なプロジェクト進行を実現できるでしょう。「もっと早く知っておけばよかった」と思わせてくれる便利ツールが揃います。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. デザインからコードへの変換ツール 4. Web制作お役立ちツール 5. プロトタイプツール 6. コラボレーションツール 7. アイコン素材パック 8. 面白ツール 新型コロナの影響で無料提供中のオンラインツール、サービスまとめ 現在新型コロナウイルスの世界的流行の拡大によって、無料提供されて
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
レスポンシブ対応のレイアウトやUIコンポーネントの実装が簡単！ min(), max(), clamp() の便利な使い方を詳しく解説
CSSの比較関数が主要ブラウザすべてにサポートされてから早2年が経ちました。これらの比較関数は、今まではJavaScriptを使用しないとできなかったこと、メディアクエリで複雑に実装していたことをシンプルなCSSで実装できます。 最近のWebサイトで使用されている、CSSの比較関数 min(), max(), clamp() の便利な使い方を紹介します。 Use cases for CSS comparison functions by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 比較関数の使用例: 流動的なサイジングとポジショニング 比較関数の使用例: 装飾要素 比較関数の使用例: 流体ヒーローの高さ 比較関数の使用例: ローディングのバー 比較関数の使用例: コンテンツの区切り線 比
» 足でPCを操作できる「USBフットペダル」がサンワサプライから発売されたので、本当に便利なのか初体験してみた 特集 「猫の手も借りたい」という言葉があるが、猫の手より先に考えるべきは己の足を活用することではないか。そう言わんばかりのPCデバイスがこのたび登場した。その名も「USBフットペダル」である。 サンワサプライより2024年3月6日に発売された本商品をPCと接続すれば、足でPCを操作することが可能になる。備え付けられた3つのペダル型スイッチに、キーボードのキーなどの機能を専用ソフトによって割り当て、PC作業の効率化を図るという代物だ。 価格はサンワサプライのオンラインショップにて5280円と少々高めだが、さっそく筆者は初体験するべく購入することにした。猫の手を借りたいほど多忙というわけでは全くなく、前置きを台無しにするかのように興味本位である。以降よりざっと緩くレビューしていきた
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。
知っておくと便利で役に立つHTMLの属性のまとめ
あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。 7 useful HTML attributes you may not know by Mariana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに multiple属性 accept属性 contenteditable属性 spellcheck属性 translate属性 poster属性 download属性 終わりに はじめに HTMLは、Web制作の要です。しかし、多くのプロ
こんにちは、うえむーです。 今回はThree.js(WebGL)で一年以上勉強した成果と便利なクラス/ライブラリを紹介したいと思います。 Three.js(WebGL)とは？ Three.jsは、少しでも簡単にWebサイト上に3Dのコンテンツを表示するライブラリです。 ライブラリなしでカメラ・影・ライト・メッシュ実装する場合はそれなりの高度な技術が必要になりJavascriptのコード量が膨大になっていきます。 Three.jsのようなライブラリを導入することで、Javascriptの基礎と、Three.jsのクラスを利用することで気軽に3Dのコンテンツを表示することができます。 当初は、Three.jsを勉強したいけどまずどこから手をつければいいかわからず、公式ドキュメントを見ると英文で何をどうすればいいのかわからないかと思います。 Three.jsをこれから勉強するには、以下のサイトを
ハードディスクドライブ（HDD）のデータはフォーマット程度では完全に消えないので、安易に捨てられなくて困りがち。これを1台につき100円（税込）で物理的に破壊できるサービス、「黒歴史最終処分場。」が話題です。業務上のあれこれやら若気の至りで書いたポエムやら、いろんな秘密を闇の中へ。 「逝けっ！ 黒歴史（ハードディスク） 忌まわしき記憶とともに……」と、シャアの逆襲的な煽り文句でHDDを完全処分。池田秀一ボイスで脳内再生余裕でした 利用者立ち会いの下にHDDを破壊。店に引き取ってもらってもいいし、持ち帰ってもいい 秋葉原のジャンクショップ「秋葉原最終処分場。」が、2020年末に始めたサービス。PCを持ち込んだお客さんからHDDの処理を心配する声が多かったことから開始したそうです。持ち込んだHDDは専用の機械で破壊。利用者自らスイッチを入れて目の前で壊せるので、何かと安心です。 3.5インチH
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
無印で売ってるスーパーの買い物かごやイオンの「マイバスケット」が便利という話→自転車や徒歩で買い物に行く地域では使いづらいかも
ｺｰﾄ @court_ossan_bot 無印で買い物カゴを購入してスーパーの買い物後はこれにボンボン放り込んで帰ってみたけど凄まじい時短になってる。今日から。 pic.twitter.com/PefW92zcFk リンク 無印良品 ポリプロピレン 買い物かご | 無印良品 業務用のかごは、丈夫で持ち運びしやすく汚れても水で洗えます。使わないときは重ねて収納できるため場所をとりません。普段使いのかごとしてとても便利です。マイバッグ・エコバッグ・トートバッグの通販なら無印良品 公式ネットストア。 2
aws cliを使う際、AWS CLI Command Reference or --help で確認 > コピペ > コマンド実行みたいな作業をしていませんか...？ これって割と面倒な作業ですよね。 そこで、本日はaws cliの実行が楽になる、自動プロンプト機能 という機能を紹介したいと思います。 自動プロンプト機能とは aws cli実行に関するヘルプドキュメントや豊富な補完機能などを提供してくれます。 v2から提供されている機能のようです。 提供機能 ざっと提供機能は以下のような内容です。 コマンド補完 パラメータ補完 リソース補完 短縮構文補完 ファイル補完 リージョン補完 プロファイル補完 あいまい検索 履歴 各機能の詳細な仕様の解説はここでは割愛しますので、詳しくは 公式 をご参照ください。 モードについて 2種類のモードがあります。 フルモード 部分モード 1. フルモー
『エルデンリング』あなたの知らない（かもしれない）隠れた便利機能。地図やアイテムを最大活用し、商人倒し術で冒険を快適に - AUTOMATON
ホーム ニュース 『エルデンリング』あなたの知らない（かもしれない）隠れた便利機能。地図やアイテムを最大活用し、商人倒し術で冒険を快適に 発売から2週間が経った『エルデンリング』。王となる冒険の舞台である狭間の地は、とても広大でかつ濃厚だ。多くのプレイヤーが目指すべき黄金樹を目にしながらも、いまだ未開の地の探索に明け暮れていることだろう。そんな多くのプレイヤーが集うコミュニティでは、知れば得するさまざまな豆知識が共有されているようだ。その中には、意外と気づきにくい便利な機能や、冒険をより快適にするアイテムの活用法など、あなたのまだ知らない知識があるかもしれない。 探索が捗る地図活用法 たとえば、冒険で頻繁に利用する地図の活用法が共有されている。地図には各地で発見済みの休息地点となる祝福が表示され、選択することでその祝福へと瞬時に移動できる。いわゆるファストトラベル機能であり、狭間の地には至
必須装備は5つだけ！登山を始めるならこれだけは揃えておきたい＆あると便利な登山グッズまとめ - 温泉ブログ 山と温泉のきろく
春から登山を始めたい人向けに登山の必須装備をまとめた 2011年の4月に登山を始めてから11年が経ちます。 登山の経験者として「これから登山を始めたいんだけど、何を揃えたらいい？」と質問される機会も増えたので、春から登山を始めたい人向けの山の基本装備についての記事を書いてみることにしました。 「登山の基本装備」についてはこれまでも書いたことがあるのですが、経験を経て考えが変わった部分もありますし、商品もどんどん新しいものが出てきます。2022年版の「登山を始めるならこれだけは揃えておきたいもの」と「登山を続けるならあると便利＆楽しいおすすめ山道具」をまとめてみたいと思いました。 また、私自身が登山を始めたころのエピソードや、装備についての考えなどは発売中の著書にも詳しく書いています。興味を持たれた方はお手に取っていただけますと幸いです。 ひとり酒、ひとり温泉、ひとり山 [ 月山 もも ]
全ての画像を見る 同人誌を購入するときや二次創作を閲覧するとき、R18作品であるかどうかは大きな指標の1つですよね。 そんなR18作品についての、ある意見が話題になっています。 [point "その作品の内容、本当にR18？ 場合によっては過剰な配慮かも"] そこまで描写はないのにR18にしてしまう作品が増えている 赤ブーの公式にあるこれ、さすがよく見てるなあと思った 「最中の描写はないけど事後表現があるのでR18」とか「モロ見えではないけど裸のシーンがあるのでR18」みたいなの、ネットではよく見かけるhttps://t.co/ZFZmYzc1uJ pic.twitter.com/0uYHwfsPz9 — P (@ppppppppppq) February 21, 2023 Twitterで、「どこまでの内容をR18作品とするべきか」についての投稿が話題になっています。 投稿者は、同人誌即
は な ٩(๑❛ᴗ❛๑)۶ @ako19651 知り合いにラブホの清掃をしている人がいるんだけど…平日の昼間、知的な特性を持った成人男性をお風呂に入れる為に利用するご家族がいるらしい話を聞いた。銭湯だとお母さんが男湯に入るわけにもいかず…でたどり着いた手段らしい。障害児もいずれ身体も大きな成人になる。お風呂問題も議論が必要 2023-06-10 11:45:56
CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。 :is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用できるようになるかもしれません。 画像はツイートより 元ツイートは、こちら。 How slick :is(this CSS!?) 😏 removes the margins on all headers with a .tight class h1.tight, h2.tight....... 🤢 :is(h1,h2).tight { 🤓 } pic.twitter.com/y01f7uKPmA — Adam Argyle (@argyleink) October 13, 2020 ツイートは、hx要素のマージンをまとめて削除するスタイルシートが紹介されています。
Railsプロジェクトで、自分が好んで使っている便利な処理をまとめてみました。 core_ext編 sort_byは安定ソートではないので、with_indexを組み合わせて安定ソートを行う https://gist.github.com/alpaca-tc/ed793961f2db438abaae3c00b7e303fa RSpec編 partial viewでインスタンス変数を呼び出していないことをチェックするテスト https://gist.github.com/alpaca-tc/c19f00d583234a2c73eda6d8378b8c50 モデルが変更された際に、参照元・参照先の双方に関連が定義されていることをチェックするテスト https://gist.github.com/alpaca-tc/d53dee5977746256717c7522988b13d8 テーブルが変更
みんな大好きGoogle Chromeですが、「拡張機能」を使えばさらに自分好みのブラウザにカスタマイズすることができますよね。 世界中の人々によって様々な便利機能が開発されており、Chromeウェブストア上でプログラムを更新するだけでそれらが使えるようになるんです。 そんな拡張機能ですが、「量が多すぎて、どれを使えばいいかわからん」状態になっている人も多いのではないでしょうか。 なので、今日はオモコロブロスの運営会社でもあるバーグハンバーグバーグの社員たちに実際に使っているChrome拡張機能を聞いてみました。 いいものを探すのはめんどくさいし、人から聞くのが一番手っ取り早いもんね！ 01.Amazonの値段変動がわかる機能 Keepa – Amazon Price Tracker amazonの値段の変動が見られる機能です。いつ安くなったのかをグラフで確認できるので、買い時を考える時に
要素間の区切り線をレスポンシブ対応にする時、どのように実装していますか？ flexboxで実装すると、1つのコードでコンテンツに合わせて伸縮し、デスクトップもスマホにも対応、スクリーンサイズに合わせて垂直・水平にも切り替えるのにも対応できます。さらに、区切り線をグラデーションや破線にするのも簡単です。 CSS flexboxでレスポンシブ対応の区切り線を実装する巧妙で素晴らしいテクニックを紹介します。 Flexbox Dynamic Line Separator by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 区切り線の実装 なぜ区切り線が小さい四角になるのか 区切り線の太さ グラデーションの区切り線 破線の区切り線 これを行う別の方法 終わりに はじめに UIをデザインしているときに
使わないのはもったいない！ GA4の便利機能「オーディエンス」を活用しよう（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytlcs 4 (以下、「GA4」）には「オーディエンス」という機能があります。 筆者がGA4で一番好きな機能なのですが、セミナーなどでお話しているとあまり使われていない機能だなと感じております。 そこで今回はオーディエンス機能とはどういう機能なのかを紹介し、その活用方法についても触れていきます。 オーディエンス機能とは？ オーディエンスの設定方法 1. オーディエンス名を設定する 2. 条件を設定する 3. オーディエンスの有効期間を設定する 4. オーディエンスのイベント名を設定する 5. 保存する オーディエンスを活用した分析方法 セグメント機能との違いについて オーディエンスを配信ターゲットとして活用する 最後に オーディエンス機能とは？オーディエンスとは「観客」や「顧客」を意味しま
2024年になり、CSSは急速な進化を遂げています。中でもワークフローにも影響を大きく与えるのが、Sassに代わる新機能の数々です。 ネイティブのCSSで変数を扱えるようになり、ネストや:is()疑似クラスや:has()疑似クラスやコンテナクエリ、そしてカスケードレイヤーなどの新機能がモダンブラウザのすべてにサポートされました。これらの機能がSassに代わるものなのか、Sassはまだ必要なのか、を紹介します。 Goodbye SASS , welcome back native CSS by Karsten Biedermann 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの変数 CSSのネスト :is()疑似クラス :has()疑似クラス コンテナクエリ カスケードレイヤー Sassの未来 Sassよ、さよ
Apple、Google、マイクロソフトが対応表明した、パスワードレスがさらに便利になる2つの新機能とは。 PCがスマホとBluetooth通信でパスワード不要に、2台目のスマホにもクレデンシャルを簡単リストア
Apple、Google、マイクロソフトが対応表明した、パスワードレスがさらに便利になる2つの新機能とは。 PCがスマホとBluetooth通信でパスワード不要に、2台目のスマホにもクレデンシャルを簡単リストア インターネットにおけるパスワードレスの実現を推進する「FIDO Alliance」は、 Apple、Google、マイクロソフトの3社が、同団体が推進するパスワードレス認証のサポートを拡大すると発表しました。 Today, we are excited to share that @Apple @Google @Microsoft are aligned with this vision and will be implementing multi-device FIDO credentials over the course of the coming year! https
坂下奈々 @tweetssb ダイソーで買ったこれ、ホントはタオル通してぶら下げるやつなんだけど、傘ひっかけるのにめちゃくちゃいい。あの変な動きしちゃった時の傘ﾊﾟﾀ---ﾝ！って電車で倒すやつとかしなくて済むし立ってる時もずっと柄を持ったり引っ掛けたりしとかなくていいし 地味にQOL上がってる pic.twitter.com/Pc3TAvdf8F 2020-10-09 22:55:12
Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトラインをより見やすくするCSS、ボタンの論理サイズを設定するCSSなど、デフォルトのスタイルとして設定しておくと便利です。 CSS Button Styles You Might Not Know by David Bushell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スマホでボタンをタップした際の誤動作を防止 ボタンのテキストの意図しない選択 ファイル選択のボタン ボタンをフォーカス時の視覚的なアウトライン
CSSのgapプロパティーは余白を指定できる新しめの手法です。余白といえば、marginプロパティーやpaddingプロパティーを思い浮かべる方が多いと思いますが、CSS GridやFlexboxでgapプロパティーを使うと柔軟にレイアウトを組めます。もともとgapプロパティーはCSS Gridでのみ利用できていましたが、macOS Safari 14.1およびSafari on iOS 14.6からFlexboxでもgapプロパティーが使えるようになりました。 この記事ではFlexbox、CSS Gridで利用できるgapプロパティーを活用したレイアウト手法とそのメリットを紹介します。今までmarginプロパティーで要素間の余白を調整していたものもgapプロパティーで柔軟に対応できる場面もあります。なお、下記サンプルでmarginプロパティーは一切使っていません。 サンプルを別ウインドウ
ChatGPTを支えた高品質AI作成手法「RLHF」の中身はこんな感じ、面倒なデータ入力・整理はオープンソースでセルフホスト可能なプラットフォーム「Argilla」が便利
RLHFとは「人間の評価による強化学習」のことで、大規模言語モデルをChatGPTなどの実用レベルに至る品質にまで高めた実績のある手法です。RLHFでは教師データを作成したり、大規模言語モデルの回答を評価したりする際に人間がデータを入力する必要があり、特に複数人で作業する場合にデータの管理が大変になってしまうものですが、そうしたRLHF用データの入力や管理を行ってくれるプラットフォームが「Argilla」です。 Bringing LLM Fine-Tuning and RLHF to Everyone https://argilla.io/blog/argilla-for-llms/ 大規模言語モデルを作成する時の手順を示したのが下の図です。まず大量のテキストを用いて事前学習を行います。こうして作成されたモデルが事前学習済みモデルで、GPTやPaLM、LLaMAなどのモデルがこのカテゴリに
先日アップデートされた、VS Code v1.71で「スティッキー スクロール」がさらに便利になったので紹介します。 「スティッキー スクロール」はv1.70で実験的な機能として実装されましたが、v1.71で正式に実装され、さらに追従行数を設定できるようになり、スティッキースクロールで関数やクラスをリスト化して移動もできるようになりました。
時系列モデル(ARIMA/Prophet/NNなど)を統一的なAPIで扱えるPythonライブラリ「Darts」がかなり便利 - フリーランチ食べたい
時系列モデルを扱う上でデファクトスタンダードになりそうなPythonライブラリが出てきました。 時系列モデルを扱うPythonライブラリは、 scikit-learn のようなデファクトスタンダードなものがありません。そのため時系列モデルを用いて実装を行うためには、様々なライブラリのAPIなどの仕様を理解しつつ、それに合わせてデータ整形を行い、評価する必要があり、これはなかなか辛い作業でした。 スイスの企業 Unit8 が今年(2020年)6月末に公開した Darts はまさにこういった課題を解決するライブラリです。時系列に関する様々なモデルを scikit-learn ベースのAPIで統一的に扱うことができます。 github.com Darts は現在、下記のモデルに対応しています。内側では statsmodels 、 Prophet(stan) 、 Pytorch などを使っていて、
CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満載です。 CSS Variables 101 by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの変数（カスタムプロパティ）とは 変数名の付け方 CSSの変数のスコープ CSSの変数のフォールバック CSSの変数の効果的な使用例 インラインでCSSの変数を定義 メディアクエリでCSSの変数を定義 CSSの変数の継承 CSSの変数のバリデーションの仕組み CSSの変数の興味深い発見 デベロッパーツールで使用できる便利なテクニック 終わりに はじめに CSSの変数（別名: カスタムプロパティ）がブ
2022年度中にマイナンバーカードをほぼ全ての国民が取得する――。政府はこの目標に向け、マイナンバーカードの新規取得などで1人最大2万円分のポイントを付与する「マイナポイント事業」や、健康保険証や運転免許証とマイナンバーカードを一体化させる施策などを矢継ぎ早に展開している。 「マイナンバーカードの利用で便利になる」。河野太郎デジタル相はたびたびこうアピールしている。例えば2022年8月にはマイナンバーカードを管轄する寺田稔総務相と共に経団連を訪れ、会員企業に対して利活用を訴えた。だがマイナンバーカードを持っていても、現状では多くの人が日常で使う機会はほとんどない。 2022年8月25日、経団連にマイナンバーカードの普及と利活用の協力を要請する河野太郎デジタル相（左から3人目）と寺田稔総務相（左から2人目）。河野デジタル相は「（マイナンバーカードの本人確認機能の活用で）企業活動も便利になって
Dockerメモ : awesome-dockerで紹介されているDocker関連の便利ツール - もた日記
管理ツール lazydocker ctop portainer cadvisor ユーティリティ dive docker-slim docker-bench-security watchtower container-diff pumba container-structure-test Linter/Formatter hadolint dockfmt Dockerfileサンプル チートシート github.com awesome-dockerで紹介されているDocker関連の便利ツール、Dockerfileサンプル、チートシートなどをいくつか見てみる。 ざっくりとしか確認していないので実際には使えないものもあるかも。 管理ツール Repository スター数 jesseduffield/lazydocker 14,925 bcicen/ctop 9,823 lirantal/doc
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
深津 貴之 / THE GUILD / note on Twitter: "珍プロダクトといえば。我が家の家宝の100徳ナイフ。 便利な10徳ナイフも11, 12, 13... と機能を増やしていくと、どこかで詰むのです。 自分がアプリを作るときの心の師。このナイフをプレゼンに持ち込むと、99%の確率で多機能主義やスーパーアプリの企画を止められる。 https://t.co/VMDOzdVjbb"
JR車両のドアそばにある蛍光灯一体型防犯カメラがなるほど便利な一品らしい「ライトセーバーみたいでカッコいい」
CSSのスクロールスナップの便利な使い方、実装の注意点を徹底解説
ウェブ制作がサクサク捗る！便利な最新オンラインツール37個まとめ
Gmailユーザーなら知っておきたい便利機能8選＋α【まとめ】 | ライフハッカー・ジャパン
足でPCを操作できる「USBフットペダル」がサンワサプライから発売されたので、本当に便利なのか初体験してみた
なぜかファイルを削除できない……を解消する便利機能が「PowerToys」に導入へ／ファイルの右クリックメニューから簡単にファイルロックを解除する「鍵屋さん」【やじうまの杜】
Three.js(WebGL)で一年以上学習した成果と便利なクラス/ライブラリを紹介
HDDを1台100円で完全破壊 秋葉原の「黒歴史最終処分場。」がいろんな秘密の処分に便利
VSCodeをプログラミングエディタとして強化しよう！ 便利な設定や拡張機能を紹介
AWS CLI（v2）の自動プロンプト機能が便利だった
【西川和久の不定期コラム】 Playストアからダウンロードできるもう1つのAndroid上Linux！「UserLAnd」 ～起動直後からいきなりUbuntu 20.04な環境でより便利に
その作品、本当にR18？「過剰な同人誌のR18化」が増えている！「便利なラベリングではない」
ラブホの清掃をしてる知り合いから、ラブホは入浴の難しい障害者の助けになっているという話を聞いた「確かに便利」
CSSの新しい疑似クラス関数「:is()」複数のセレクタを1つにまとめることができて、これは便利
「Excel」はデザインツールだ！ という人に便利なコマンド集「かんたんレイアウト 5.0」／以前「Excel」をアイコンエディターにしてしまった人の新作
Railsプロジェクトで好んで使っている便利な処理 - alpaca-tc
バーグハンバーグバーグ社員に便利なChrome拡張機能を聞いてみた | オモコロブロス！
CSSで区切り線を実装するのは、flexboxが簡単で便利！ レスポンシブ対応の区切り線を実装するテクニック
そろそろSassとはさよなら、Sassの便利な機能がネイティブのCSSでどんどん使用できるようになっています
「天才か」「今すぐ買いに行く」百均で買ったタオルホルダーが傘をひっかけるのに便利でQOLが上がるレベルだった
変換/無変換キーが消えた「Surface Laptop Go」。Mac仕様のIMEオン/オフで便利に ～日本マイクロソフトが13日発売のSurface Pro Xとともに特色を紹介
CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ
gapの余白指定が便利！ gridとflexでできる新しいCSSレイアウト手法 - ICS MEDIA
VS Codeの新機能「スティッキー スクロール」がさらに便利に！ 追従行数の変更、関数やクラスをリスト化できます
CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説
マイナンバーカードは便利か？民間での「本人確認」になかなか使われない理由