shao as a service @shao1555 [トリセツ] - 公式サイトのPDF掲載先が変わるとアクセスできなくなる - ScanSnap でスキャンした関連データ (組立説明書とか保証書とか) を保管できない - 上記の理由で網羅性がないので結局他サービスと併用することになる [メーカー公式サイト] - メーカーが合併すると説明書にアクセスできなくなることが多い - AmazonやAliで買ったような海外製品だとまともなサイトがないことがある - 上記の理由で (以下略) [QRコードの印刷が面倒では] - 脳死で添付物をGoogleドライブに放り込むところまではやる - 説明書を見返したくなったタイミングでQRコードの作成にとりかかる (大抵の製品は説明書を見返すことすらない) [保証書は取っておくべきでは] レシートのスキャン画像の提示で断られたこと、僕の経験ではないです
CSSでこの機能を待ち望んでいた人もいると思います。 セレクタの適用範囲を設定できる@scopeがいよいよChromeでサポートされます。@scopeの基礎知識と使い方を紹介します。 たとえば、下記のHTMLにはimgが2つあります。@scopeを使用すると、1つ目の.media-object直下のimgにのみスタイルを適用できます。.content内のimgはターゲットにされません。 A quick introduction to CSS @scope by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS @scopeがなぜ必要なのか CSSカスケードの仕組み CSS @scopeの基本的な使い方 @scopeのさらに優れた使い方 はじめに CSSの@scopeについてご存じですか? @sco
株式会社HAPPY ANALYTICSの小川卓(id:ryuka01)です。 前回の記事ではオウンドメディアサイトの評価に役立つカスタムレポートを紹介いたしました。 business.hatenastaff.com カスタムレポートは記事単位の評価などを把握する上で便利な機能で、記事の採点に向いています。しかし、記事の採点をするだけでは、改善案に繋がるとは限らず「点数」の差もよくわかりません。よりユーザーを集め、読んでもらい、成果に繋げるコンテンツを増やしていくためには「分析」を行うことが大切です。 そこで役立つのがGoogle Analytics 4 の探索機能です。 探索機能を利用すると、様々な形式のレポートを作ることができます。ユーザー単位の行動を見たり、継続訪問をチェックするということも可能です。 今回はオウンドメディアを訪れるユーザーの理解を更に一段高めるために作成するべき探索レ
コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、メディアクエリに代わり、コンテナクエリを使用する機会も増えてきたと思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ(スタイルクエリ)も可能です。スタイルクエリを使えるようになると、どんな風に便利になるかを紹介します。 Add Superpowers to Your CSS Variables with Style Queries by Jared White 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スタイルクエリを使えるようになると スタイルクエリは変数と組み合わせると、さらに強力 スタイルクエリを使えるようになると CSSはスタイルクエリの登場により、さらなる
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 前回はフォントに基づく相対単位でしたが、今回はビューポートに基づく相対単位(vw, vh, lvh, svh, dvh, vb, viなど)の便利な使い方を紹介します。 Relative length units based on the viewport -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: vwとは CSSの単位: vhとは CSSの単位: vbとviとは、ブロックとインライン CSSの単位: lvh, svh, dvhとは ビューポート単位の解説動画
これは便利!「Stable Diffusion」が超簡単に始められる「Stability Matrix」 複数のUI環境のインストールや更新がワンクリックで可能に 画像生成AI「Stable Diffusion」をブラウザーで使うために必要なのがUI環境。筆者が入門したときは「Stable Diffusion WebUI(AUTOMATIC1111版)」しか選択肢がなかったが、現在は「ComfyUI」「Fooocus」「Stable Diffusion WebUI Forge」など様々な種類が出ている。 これらは基本的に別のアプリケーションなので、それぞれ環境設定・インストールをする必要があり、パソコンの中に複数の環境が乱立しがちだ。 さらに、これらのUIで利用するモデル(Checkpoint)やVAE(高画質化ツール)、LoRA(追加学習モデル)などもUIごとに必要になる。シンボリックリ
「Webサイト制作がもっと楽になる方法ってないの?」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが
git stashをもっと便利に扱いたいと思い、fzfを使って使いやすくしてみた。以下のURLに載っているものを参考にして自分にとって使いやすいように改変した。 fzfでGUI選択したファイルをgit stashするシェルスクリプト git-stash-explore できたこと 今の変更ファイルをfzfを使って選択して、選択したものだけをstash (git-stash-select) stash一覧の中から中身をpreviewしながら選び、apply or deleteする (git-stashes) 現在の変更ファイルから一部を選んでgit stashするコマンド fzfでGUI選択したファイルをgit stashするシェルスクリプト を参考に、git-stash-selectというコマンドを作った。 #!/usr/bin/env bash # Get the root direct
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。 Tailwind CSSの便利UIコンポーネントまとめTailwind UIMagic UIDyna UIAnimataPrelineMamba UIFlowbiteDaisy UISailboat UIMeraki UITail-KitReact AriaWicked BlocksTailwind Starter KitWindstaticMyna UITailwind StampHype
かいいま🤗 @piyopiyobiyou iHerb▷『QPS229』(キューピー様ニンニク🧄)▶︎ キレイパス▷【sozscy 】▶︎Amazonアソシエイト参加中▶︎案件の依頼は現在全てお断りしています。dm頂いても返信してません🙇♀️▶︎映えとか知らないインスタinstagram.com/piyopiyobiyou?… room.rakuten.co.jp/room_94dac3b50… かいいま🤗 @piyopiyobiyou towerがすんごい新作出してきた、、 スポンジ汚す前に洗いたいお鍋とかフライパンとか、ザルの目も細かく洗える。しかもマグネットで壁にくっつく。 やばい我々はtowerに心の中読まれてるんだ、、、 pic.twitter.com/EB3uOQgjgo 2024-05-18 22:33:47
プラグインの基本を知ろう ChatGPTの有料プラン「ChatGPT Plus」には、「プラグイン(Plugin)」という、ChatGPTの機能を拡張するためのツールが多数用意されている。プラグインを導入することで無料版ではできなかった最新の情報へのアクセスや、サードパーティーのサービスを利用することができるようになるというのが売りだ。 プラグインの導入方法については第10回の記事を参照してほしい。 注:本記事はすべて筆者がChatGPT Plusでプロンプトを実行・検証している。 「結果はこちら(クリックで拡大表示)」のリンクをクリックすることで、すべてのプロンプトと生成されたChatGPTの回答を見ることができる。 なお、記事内で触れられていない質問や頓珍漢な回答も含まれているが、これはChatGPTとのリアルな対話記録であるため、そのあたりをお楽しみいただければと思う。 ChatGP
じゃくりん🌸しゅちにくりん @draco0919love LINEのアカウントとか2つ欲しいわホント… 出来ないのなんでよ、ちくしょう 保育園・学校とかの役員とか 仲も良くない人にLINE教えるのホント嫌い 2台持ちとかしたい (無理だけど) 連絡網良かったなぁ 伝言ゲーム大変だったけど LINE、便利だけど 仲良くない人に教えたくないんよ (何度でも言う) 2024-03-25 22:00:04 じゃくりん🌸しゅちにくりん @draco0919love (*゚Д゚)オォォ... 久しぶりに千超えたな… 同じような人居て安心(*´―`*)ホッ そして色々方法教えてくれた方ありがとう✨ でももう交換してしまったのをまたやり直すのは多分他の人もしないと思うのよ(´・-・`) でもありがとう✨ 来世の参考にする☆。.:*・゜ 2024-03-26 13:30:12
camera: NIKON Z8 lens: NIKKOR Z 100-400mm f/4.5-5.6 VR S ↑ さぁ今回はNIKKOR Z 100-400mm f/4.5-5.6 VR S 1本で撮影開始! 中島公園の菖蒲池にアオサギがやって来て大きなドジョウを捕獲していた。 camera: NIKON Z8 lens: NIKKOR Z 100-400mm f/4.5-5.6 VR S ↑ 捕らえて、一瞬で飲み込むのかと思ったら2分もかかってた。 それにしても、このドジョウでかいなぁ。 camera: NIKON Z8 lens: NIKKOR Z 100-400mm f/4.5-5.6 VR S ↑ セグロカモメも来ていた。 何を食べてるのか近づいていくと近くに逃げて行ったが、私が確認を終えその場を離れると すぐに戻って来て、またムシャムシャと食べ始めていた。 獲物は40cmほど
Webサイトのエクスペリエンスを改善するCSSの便利なテクニックを紹介します。 基本的には一行のCSSですが、より良くするためにCSSを追加して複数行のものもあります。 CSS One-Liners to Improve (Almost) Every Project by Álvaro Montoro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ビューポート内のコンテンツの幅を制限する 2. テキストのサイズを大きくする 3. 行間のスペースを広げる 4. 画像のサイズを制限する 5. コンテンツ内のテキストの幅を制限する 6. 見出しをよりバランスよくする 7. ページスタイルに合わせたフォームのカラー 8. テーブルの表を分かりやすくする 9. テーブルのセルとヘッダのスペース 10. アニメーションと動
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回は「Vectorizer.AI」についてです。 こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回は以前、AIを活用したロゴ作成に関する記事で少し触れた「Vectorizer.AI」について深掘りしていきたいと思います。 この一年でプロンプトを打ち込むチャット型AIツール「ChatGTP」や、画像生成系のAIツール「Midjourney」「Stable Diffusion」などさまざまなAIサービスが登場しています。そのなかでも「Vectorizer.AI」は、ほかとは少し違う角度のAIサービスではないでしょうか。簡単に言ってしまえば、JP
長年コンサートや舞台へ通っていると溜まってくるのがチケット。思い出なので捨てるに捨てられず、収納したくても公演によってチケットのサイズはバラバラなので、全てをうまく収納するのは至難の業ですよね。アイドルのコンサートやミュージカルに通い、大量のチケットを溜めていたというオタク歴10年のがじゃりこ。さんが愛用する、ありとあらゆるチケットが入る最強のチケット収納ファイルを紹介します。 デジチケも収納できるチケット収納リフィルが優秀すぎる! 【B5/3P/交換リーフ】B5 交換リーフ リングバインダーファイル 透明3ポケット26穴10枚入り 愛用の製品型番(HRB53)はこちら 楽天で見る 型番違い(HFFB5)はこちら Amazonで見る 大切なチケットをコンパクトに美しく収納したい オタクにとって大切なアイテム「チケット」。最近ではオンラインチケットが増え、デジタルに移行している現場も多いです
Webを構成する重要な要素の1つであるHTTPは、その最新仕様で2層構造となり、バージョンに関係なく使えるSemanticsと、特徴の異なる通信仕様を定めたHTTP/1.1、2、3に分割されました。 さらに現在では、HTTPの上にあらためてUDPやIP、イーサネットなどのプロトコルを実装する提案が行われており、まさにHTTPは通信の全てを飲み込む勢いで進化しつつあります。 こうしたHTTPの最新動向の解説が、大手CDNベンダでエッジクラウドなども展開するFastlyが2023年11月8日開催したイベント「Yamagoya 2023」で同社シニアプリンシパルエンジニアの奥一穂氏が行ったセッション「HTTPが全てを飲み込む」にて行われました。 本記事ではこのセッションをダイジェストで紹介していきます。記事は以下の3つに分かれています。 HTTPが全てを飲み込む(前編)~HTTPの2層構造と、H
CSSだけで要素がスクロールできるかどうかを検出する方法を紹介します。 先日紹介したスクロール駆動アニメーション(Scroll-Driven Animations)はスクロール可能なオーバーフローがある場合にのみアクティブになるため、要素がスクロール可能かも検出することができます。 Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSで要素がスクロールできるかどうかを検出する アクティブと非アクティブなスクロール駆動アニメーション CSSの変数を追加して、スクロール検出機能を作成 実装でより使いやすくする 実装例 はじめに スクロール駆動ア
毎日がちょっと便利で楽になるChatGPTの使い方10選2024.03.11 13:00103,211 Maxwell Zeff - Gizmodo US [原文] ( 岩田リョウコ ) 上手に使ってちょっと楽しちゃおう。 AIやChatGPTの話を聞かない日はないくらいになってきていますが、日常生活でAIをどのように使えばいいのかわからない…という人も多いはず。にもかかわらず、ChatGPTの実用的な使い道はこうだよと教えられていません。AIの登場で私たちの仕事が奪われ、世界が急速に進歩するはずだったのに、メールを書くことさえAIにお任せできていない状況。 任せられること、任せすべきではないことChatGPTを実生活でコツは、使うべきタスクと、使うべきではないタスクを知ることです。一般的なルールとして、比較的リスクの低い小さめのタスクを自動化することから始めるのがいいかもしれません。AI
Googleマップは人気がありますが、それには理由があります。 このアプリはデフォルトの設定でもかなり優れていますが、もっと深く掘り下げると、便利な機能の宝庫です。 徒歩ルート案内をわかりやすくする裏ワザからシークレットモードまで、Google マップには意外と知られていない便利な機能がたくさんあります。 1. 北を常に地図の上部に表示するGoogleマップは、ユーザーが向いている方向に地図を向ける傾向があります。 常に北を画面の上部に表示させたい場合は、「Googleマップの設定」→「ナビゲーション」と進み、「マップの北を上に表示する」を有効にしましょう。 紙の地図に慣れていると、この設定でGoogleマップがもっと使いやすくなるかもしれません。 2. ナビゲーションの設定を見直すナビに変更を加えたままの状態にするのは危険です。 たとえば、以前Googleマップに有料道路を避けるように設
洗濯機やお風呂の掃除に便利。手動の高圧洗浄スプレーが優秀だった2024.05.23 14:00224,576 岡本玄介 ホースがなくて取り回しやすい。 庭掃除やサッシの隙間、愛車の掃除などで活躍するのが高圧洗浄機ですよね。 電動のケルヒャーが代表格かと思いますが、サブ機としてあると便利なのがマルハチ産業のポンプ式スプレー「霧王」です。 不要なペットボトルと合体商品はノズルだけですが、水を入れたペットボトルに合体すれば完成です。 Image: 岡本玄介使うには、お尻のツマミを前後にポンピングし、ボトル内を空気でパンパンにします。オレンジ色のトリガーを押すと、勢いよく水が出るシンプルな機構になっています。 洗濯機のお手入れで活躍洗濯機は洗濯槽で塞がれて見えない部分が、カビで真っ黒になりますよね。 筆者は先日、柔軟剤を入れる引き出しの奥が気になって引っ張り出してみました。 するとそこは地獄絵図に
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く