CSSのコンテナクエリとは、親コンテナに基づいてスタイルを定義できるCSSの新機能です。これによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。 2023年2月14日にFirefox 110にサポートされ、CSSのコンテナクエリはこれですべてのブラウザで利用できるようになりました。コンテナクエリの基礎知識と便利な使い方を紹介します。 Say Hello To CSS Container Queries by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSコンテナクエリの背景 CSSメディアクエリの問題点 CSSコンテナクエリはどのように役立つのか？ CSSコンテナクエリの基礎知識 CSSコンテナクエリの使用例 CSSコンテナクエリのデバッグ方法 まとめ
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
この記事では、Webデザイン制作に便利なコピー＆ペーストで実装できる最新HTML/CSSスニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、最新のウェブデザインテクニックを手軽に実現、楽しむことができます。今後のデザイン制作に活用してみてはいかがでしょう。 ここでは、カテゴリー別に分けて最新HTML／CSSスニペットをまとめています。 コンテンツ目次 1. 小技テクニック系（15個） 2. 面白、ユニーク系（16個） 3. ホバーエフェクト系（6個） 4. テキストエフェクト系（10個） 5. ページレイアウト系（10個） 6. イメージスライダー系（9個） 7. ナビゲーションメニュー系（2個） 8. ローディングアニメーション系（4個） 9. ボタンエフェクト系（13個） 10. CSSマジック（10個） 11.
2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()
ブラウザは日々進化しています。2021年もブラウザには多くの新機能が追加されました。 私はCSSの新機能を1年かけてチェックしてきましたが、その中でもとりわけ便利だと思った3つの機能を紹介します。いずれも、2021年に全モダンブラウザ（Chrome、Firefox、Microsoft Edge、Safari）で使えるようになったもので、日々の開発をラクにしてくれることでしょう。 動画や画像のアスペクト比を指定できるaspect-ratioプロパティ aspect-ratioプロパティとは、ボックスのアスペクト比（幅と高さの比率）を指定するプロパティです。 構文
Tailwind CSSという言葉、最近よく耳にするようになっています。 カードやボタンなどUIデザインを基本としたCSSスタイリングが特長のBootstrapなどのフレームワークに比べ、Tailwind.cssはHTMLに直接スタイリングを行ってしまおうという考えで、今までのCSS設計のアプローチと全く真逆とも言えます。 そのため、ひとつの要素に追加された膨大なクラス名を見ると、カスタマイズしにくいと感じるひとも多いようです。 そんなときは、Tailwind.cssで利用可能なUIデザインのHTMLスニペットを集めた便利ライブラリFlowriftを活用してみましょう。 ヘッダーやフッター、ナビメニューといった基本から、ヒーローイメージ、CTA、サービス、お問い合わせフォーム、値段表、ギャラリー、404ページといったホームページ制作でよく利用するUIコンポーネントのコードをボタンひとつでコ
例えば「不可逆性」とか
【神業!】Excelショートカットキー「Ctrl+E」が便利すぎると感動の声多数! - 関数もカンマ区切りも不要の驚きテクニック
【神業!】Excelショートカットキー「Ctrl+E」が便利すぎると感動の声多数! - 関数もカンマ区切りも不要の驚きテクニック 日々仕事で使う方も多いであろう「Excel」。キーボードを使って操作する「ショートカットキー」を覚えることで、仕事のスピードがさらに上がります。「Ctrl+C」のコピーや「Ctrl+V」のペーストと言った王道ショートカットキーから、あまり知られていないけれど実は便利なものまで、その数は多岐にわたります。 なかには手作業で対応していたり、ややこしい関数を使っていた作業がワンクリックで済むような「神ショートカットキー」もあるかもしれません。 そんな便利なショートカットキー、Excelスキル術をわかりやすく図解で発信する「かりゆし｜Excel図解」さん(@excel_kariyushi)が、「個人的に一番感動した」と投稿した内容が話題になっています。 個人的に一番感動
S字フックを１つ持ち歩くと超便利 :: デイリーポータルZ
東京葛飾生まれ。江戸っ子ぽいとよく言われますが、新潟と茨城のハーフです。 好きなものは犬と酸っぱいもの全般。そこらへんの人にすぐに話しかけてしまう癖がある。上野・浅草が庭。（動画インタビュー） 前の記事：二郎系ラーメン、松屋…新規オープン「１番目の客」になりたい ＞ 個人サイト twitter きっかけは電車の棚 思いついたきっかけは、電車の棚だ。 あんまり注目したことなかったけど、電車の棚ってよく見たらハンガーがたくさんかけられそうだし、上にたくさん物を置けるしで、収納性抜群だなとおもった。 ハンガーはダメでもS字フックなら？ でも、電車でハンガーをかける訳にはいかない。 そこで、S字フックならどうだろう？と思い立ったわけです。 私の家にあったS字フック。この形は結果的に便利でした！ でも実際は電車の棚のポールにS字フックをかけてさらに何かかけると、人に迷惑がかかる。そこで電車内での活用
【入門】Pythonの「for文」を徹底解説！ 基本の書き方・便利な関数・Tips | AKKODiS（アコーディス）コンサルティング株式会社
入門Pythonの「for文」を徹底解説！ 基本の書き方・便利な関数・Tips 公開日：2021.05.31 スキルアップ 今回は、Pythonで繰り返し処理をしたいときに便利なfor文の使い方について、1から分かりやすく解説していきます。基本的な使い方を最初に説明しますので、基礎的な文法を確認しましょう。その後、組み合わせて使うと便利な関数と、for文に関連するリスト内包表記などのTips集を順番に解説していきます。Pythonの学習に、ぜひ本記事の内容をお役立てください。
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
Amazonプライム・ビデオを見ながら語学学習ができるChrome拡張がめっちゃ便利 好きな動画を見ながら語学をマスター
Amazonプライム・ビデオを見ながら語学を学べるChrome拡張機能、「Subtitles for Language Learning」が登場しました。動画に外国語字幕を追加し、随時翻訳しながら視聴できます。 お気に入りの作品を視聴しながら外国語を学習。対応言語はなんと79カ国語 導入後にプライム・ビデオをChromeで開くと、再生ボタン脇に「Subtitles for LL」ボタンが出現。ここから再生を開始すると、動画の右側に字幕が表示されるという仕組みです。単語にカーソルを合わせると訳語がポップアップし、そこからWeblioなどの辞書サイト検索も可能。字幕の右にあるアイコンをクリックすれば、一文をまとめてGoogle翻訳で訳すこともできます。英語はもちろん、中国語やスペイン語など79カ国語に対応しており、外国語学習が大いにはかどりそうです。 単語をクリックし、ポップアップウインドウ上
家電の取扱説明書を捨てる代わりにGoogleドライブにアップロードしそのURLをQRコードにしてラベルライターで貼り付けると便利すぎる
shao as a service @shao1555 [トリセツ] - 公式サイトのPDF掲載先が変わるとアクセスできなくなる - ScanSnap でスキャンした関連データ (組立説明書とか保証書とか) を保管できない - 上記の理由で網羅性がないので結局他サービスと併用することになる [メーカー公式サイト] - メーカーが合併すると説明書にアクセスできなくなることが多い - AmazonやAliで買ったような海外製品だとまともなサイトがないことがある - 上記の理由で (以下略) [QRコードの印刷が面倒では] - 脳死で添付物をGoogleドライブに放り込むところまではやる - 説明書を見返したくなったタイミングでQRコードの作成にとりかかる (大抵の製品は説明書を見返すことすらない) [保証書は取っておくべきでは] レシートのスキャン画像の提示で断られたこと、僕の経験ではないです
Shota Imai@えるエル on Twitter: "MITで行われている,コンピュータサイエンスの授業の準備となるシェルやvim, git, デバッグ等,便利なツールを教える"The Missing Semester of Your CS Education"の講義ページについて,… https://t.co/NJL6xbUPmu"
MITで行われている,コンピュータサイエンスの授業の準備となるシェルやvim, git, デバッグ等,便利なツールを教える"The Missing Semester of Your CS Education"の講義ページについて,… https://t.co/NJL6xbUPmu
洗濯が遅くて困っている人は、洗濯機の「アレ」を掃除すると爆速になる？ 便利な豆知識が話題に → メーカーも推奨する方法だった
洗濯機の給水フィルターを掃除すると洗濯が早く終わる……そんな便利技がTwitterで話題になっています。これは知らなかった！ 掃除したことない人も多そう 投稿したのは、おこそとのん（@empty000999）さん。「こないだ掃除したら洗濯爆速になったので、洗濯おせーんだよウチと思ってる方は是非」とのおすすめコメントと共に、蛇口から洗濯機に水を流し込むための「給水ホース」と「洗濯機本体」をつなぐ部分の写真を投稿しました。 乾燥機を設置する際に聞いたというこの技を試してみたところ、実際に「爆速」になったのだそうです。 編集部がパナソニック広報に聞いてみたところ、「弊社でもお手入れとして推奨している方法です」とのこと。給水される水道水には不純物が含まれるため、フィルターを定期的に掃除することで確かに水の出の改善、洗濯時間の短縮が期待できるのだそうです。 ネットでは「ありがとうございます！掃除した
警視庁警備部災害対策課 @MPD_bousai 警視庁警備部災害対策課の公式アカウントです。当アカウントでは通報及び相談等の受付は行っておりません。緊急時は１１０番を、それ以外の相談等は♯９１１０をご利用ください。 keishicho.metro.tokyo.lg.jp 警視庁警備部災害対策課 @MPD_bousai 私は、袋菓子が大好きです。でも休憩時間では食べ切れないことがあります。その様な時は、テープや輪ゴムを使わず、袋を閉じる方法があります。長期保存には向きませんが、避難生活や乗り物で移動中等にお試しあれ。「〇〇さーん」、あ！上司がお呼びだ。「はーい」と言いながら慌てて袋を閉じる私。 pic.twitter.com/VsCegie20a 2023-04-04 08:00:01
今日リリースされた TypeScript 4.5 Beta の新機能として、標準ライブラリの差し替えが従来よりも簡単になるというものがあります。 筆者は TypeScript の標準ライブラリからanyを排除してより安全にしたbetter-typescript-libを開発していましたが、このたび TypeScript 4.5 に対応した v2.0.0 のベータ版を用意しました（2.0.0-beta）。 この記事では better-typescript-lib の簡単な紹介に加えて、TypeScript 4.5 の機能の解説やそれによって better-typescript-lib に起こった変化を紹介します。 better-typescript-lib について better-typescript-lib は、TypeScript の標準ライブラリをより型安全にしたものです。better
やっ@電工2種R5不合格R6リベンジ @yasutaka_kuroki 干渉縞ですからね 画素ピッチとの角度を変えれば発生しにくくなります 出やすい出にくいはカメラに搭載されてるセンサーや内蔵アプリケーションによって差があるので機種比較とかしたら面白そう twitter.com/jetdaizu/statu… 2021-04-08 22:03:23 リンク www.hope21.jp モアレって何？その原因は？｜同人誌印刷 株式会社ホープツーワン モアレって何？モアレとは、印刷の仕上がりに見られる意図しない柄の出現のことをいいます。PDF、PSDやTIFF、EPSなどの画像でおこります。そんなモアレの原因と解決策をご案内いたします。
意外に知らないnpmと便利なCLI
Ehime.js #2の資料です。 https://ehimejs.connpass.com/event/153511/
YouTubeやTikTokの登場によって誰でも動画を公開できる時代が到来したわけですが、かといって誰でも「動画編集」を行えるかというと話は別で、「どうやって編集したらいいかわからない」「というか、まずどのソフトウェアを使えばいいのかすらわからない」という思いを抱いている人も多いはず。「VideoProc Vlogger」は完全無料なのに動画編集に必要不可欠な機能を完全網羅している上にそれぞれの機能が直感的に使え、編集から加工、そして書き出しまでこれ一本で大丈夫というソフトウェアになっています。 【公式HP】VideoProc Vlogger -無料動画編集＆動画作成＆動画加工ソフト https://jp.videoproc.com/videoprocvlogger.htm まずは公式ページにアクセスして、「無料ダウンロード」をクリック。 「ファイルを保存」をクリック。 保存先に生成された
Reo on Twitter: "GitHubのソースコード閲覧って面倒だよね。 そこでOctoTreeというChrome拡張を入れるとサイドにソースコードをツリーで表示できるようになる。便利。 https://t.co/sX4bOGkSSW https://t.co/ZjiHkRQmac"
GitHubのソースコード閲覧って面倒だよね。 そこでOctoTreeというChrome拡張を入れるとサイドにソースコードをツリーで表示できるようになる。便利。 https://t.co/sX4bOGkSSW https://t.co/ZjiHkRQmac
実用的なDockerイメージを使って便利さを体験しよう
最近Dockerという⾔葉を聞くけれども、よくわからない。新しい技術なので、そう思う⼈も多いでしょう。それは体験が⾜りないからです。ひとまず体験すれば、Dockerの便利さがすぐにわかると思います。この連載では、Dockerの利点を⽣かし、業務に必要となりそうなさまざまなサーバーを⼿早く簡単に作っていくことを⽬指します。第3回からは、実用的なDockerイメージを使って、Dockerの便利さを体験していきます。今回は、OneDriveやGoogleドライブのようなWebストレージや連絡先、カレンダーなどのグループウェア機能を自分で作れる「NextCloud」を使ってみます。 対象読者 Linuxの基礎コマンドを少し知っている方 簡単にサーバーを構築したいインフラ技術者、開発者 Dockerイメージを使うポイント Docker Hubには、たくさんのDockerイメージが登録されており、do
【便利すぎ注意】引っ越しの採寸用にAmazon1位の「ボッシュ（BOSCH）レーザー距離計」を買ったらメジャーで測るのがバカらしくなってしまった…
» 【便利すぎ注意】引っ越しの採寸用にAmazon1位の「ボッシュ（BOSCH）レーザー距離計」を買ったらメジャーで測るのがバカらしくなってしまった… 特集 【便利すぎ注意】引っ越しの採寸用にAmazon1位の「ボッシュ（BOSCH）レーザー距離計」を買ったらメジャーで測るのがバカらしくなってしまった… あひるねこ 2023年2月19日 個人的な話で恐縮だが、近々引っ越しを予定している。そこで先日、部屋の採寸をしてきたのだが、それに合わせて妻が用意していたのが「レーザー距離計」なる計測機器だった。いや、ちょっと待ちなさいって！ メジャーで十分だろ!! 余計なモノを買うんじゃないよ！ 無駄な出費に憤る私（あひるねこ）であったが、結論から言うと、採寸が終わる頃にはもうレーザー距離計なしでは生きていけない体になってしまった。何してくれてんねん！ しかし、それくらいBOSCH（ボッシュ）のレーザー
創作に3DCGを積極的に採用している漫画家・村川和宏氏による解説。漫画家ならではの現場で使えるTIPSを紹介してもらった。 ※本記事は月刊「CGWORLD + digital video」vol. 259（2020年2月号）から、一部加筆しての転載となります。 TEXT＿村川和宏 EDIT＿海老原朱里 / Akari Ebihra（CGWORLD）、山田桃子 / Momoko Yamada（CGWORLD） 漫画作品の背景にBlenderを使い3DCGを活用しています。以下、Blenderを活用した作品です。『マンガでマスター（3）将棋教室』（ポプラ社）、『小学館版学習まんが 世界の歴史 14 ゆれる中国』、『小学館版学習まんが 世界の歴史 15 第一次世界大戦とロシア革命』（小学館）、将棋と歴史、Blenderの参考書にどうぞ！ Twitter：＠murakawazuhiro 主な使用ツ
作業効率を上げるために、マニュアルは欠かせないツールです。特にテレワークが増えたことで、企業内のさまざまな作業の見直しが進み、これまで以上にマニュアルが重要だと位置づけられるようになりました。ここではエクセル（Excel）を使ったマニュアルの作り方の方法や注意点について説明します。 テレワークで高まるマニュアル化のニーズ 業務をマニュアル化することの重要性は、これまでも言われてきました。 これに加え、急速にテレワークを導入する企業が増えたことで、ベテラン社員が新人に教えるという基本スタイルが崩れ、さまざまな業務に支障がでるようになりました。 これまでは当然のように行われていた定型業務が滞ったり、チェック体制が機能しなかったり、間違った認識のまま業務が進んでしまったりしているケースもあります。 このような状態では業務の効率化は図れないどころか、標準化も不可能に。 ベテラン社員のノウハウや知見
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
首都圏の鉄道会社のアプリで駅の混雑状況が見れてすごく便利＆遅延証明はWeb上で取得できるという話「受理して貰えないルールの会社もある」
駅の混雑状況確認は、小田急以外にもあるみたい。後半には、遅延証明の話もあります。駅で並ばないといけない人が減りますように。
オウンドメディア運営時に設定しておくと便利なGA4 探索レポート３選（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 前回の記事ではオウンドメディアサイトの評価に役立つカスタムレポートを紹介いたしました。 business.hatenastaff.com カスタムレポートは記事単位の評価などを把握する上で便利な機能で、記事の採点に向いています。しかし、記事の採点をするだけでは、改善案に繋がるとは限らず「点数」の差もよくわかりません。よりユーザーを集め、読んでもらい、成果に繋げるコンテンツを増やしていくためには「分析」を行うことが大切です。 そこで役立つのがGoogle Analytics 4 の探索機能です。 探索機能を利用すると、様々な形式のレポートを作ることができます。ユーザー単位の行動を見たり、継続訪問をチェックするということも可能です。 今回はオウンドメディアを訪れるユーザーの理解を更に一段高めるために作成するべき探索レ
地味だが便利な｢横浜市民の足｣根岸線の7つの謎
2023年4月9日、JR根岸線が全線開通から50年を迎えた。根岸線は沿線に桜木町、関内などの繁華街や根岸湾沿いの工業地帯、洋光台・港南台などの広大なベッドタウンを持つ、横浜市南部の主要交通機関である。しかし、ほとんどすべての列車が京浜東北線、横浜線との直通運転を行っているため独立した路線としての存在感が薄く、神奈川県民以外には馴染みのない路線かもしれない。 今回は根岸線にまつわる“7つの謎解き”をしながら、どのような路線なのか見ていくことにしよう。 根岸線は「どこからどこまで」か ■Q1：根岸線の起点はどの駅？ 日本で最初に鉄道が走ったのは1872年10月、新橋―桜木町間においてである。それから150年目の昨年は、「日本の鉄道150年」ということで大いに盛り上がった。 桜木町以遠の現在の根岸線区間の延伸について、正式に鉄道会議（鉄道省）の議題に上ったのは意外に早く、戦前の1936年12月の
著： 高橋ユキ 就職難で想定外の上京。新宿では悪徳セールスに捕まり…… ずっと福岡から出たくないと思っていた。修羅の国などといわれる北九州市で生まれ育ち、大学進学を機に福岡市で一人暮らしをした。この福岡市の住み心地があまりにもよすぎて、できれば住み続けたいと思っていたが、おりからの就職氷河期により、東京に出てきた。 いつか福岡に帰る……そんな思いは、いまもしぶとく私のなかにある。なのに、なんだかんだ、福岡を出てからの人生のほうが長くなってしまった。結婚し、子どもまで育てている。すっかり“生活”をしながら、それでもどこか旅人のような気持ちで、東京での暮らしを続けている。 そんな自分が、かつて独身時代に住む場所として戸越を選んだのには、いくつか理由があった。一つは単純に当時の職場へ通うための乗り換えが楽だったから。また、心地よい池上線沿線であることも大きい。 気分は旅人だから、休みの日に東京の
見落とされがちなWindows 10の便利機能5選
by Bolly Holly Baba Windows 10は、2015年7月に一般向けにリリースされてから記事作成時点で6年近くが経過しており、リリース当初は搭載されていなかった便利な機能も続々と追加されています。そこで、アメリカのニュースサイト・ZDNetのテクノロジーライターであるエド・ボット氏が、リリースノートをよく読んでいないと見落としてしまいがちなWindows 10の便利な機能を5つ選んで解説しました。 Five Windows 10 features you really should be using | ZDNet https://www.zdnet.com/article/five-windows-10-features-you-really-should-be-using/ ◆1：切り取り＆スケッチ 画面上の任意の場所を選択して切り抜くことができる「切り取り＆スケッ
コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、メディアクエリに代わり、コンテナクエリを使用する機会も増えてきたと思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリを使えるようになると、どんな風に便利になるかを紹介します。 Add Superpowers to Your CSS Variables with Style Queries by Jared White 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スタイルクエリを使えるようになると スタイルクエリは変数と組み合わせると、さらに強力 スタイルクエリを使えるようになると CSSはスタイルクエリの登場により、さらなる
Goのテンプレートエンジン「templ」が便利（TinyGoでも動くよ） - kasu.log
あらすじ Go で素朴な HTML を返すアプリケーションを動かしたくなり、 Wasm に変換してデプロイすることができる Cloudflare Workers を使うことにしました。 Cloudflare Workers に Go アプリケーションをデプロイする際には、id:f_syumai さんのテンプレートがオススメです。 github.com Go + text/template まずは、素直に text/template 使ってビルドしてみます。 ❯ ls -lh ./build total 15656 -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs -rw-r--r-- 1 ergofriend staff 16
この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 Ai、人工知能を利用した、これまで面倒だった作業を改善できるツールも見かけるように。また、プロトタイプツールFigmaに関する便利なプラグイン、テレワークによるオンラインミーティングで使えるさーびすなども増えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Eazy CSS どんなウェブサイトのデザインも、コード知識不要でタ
MidjourneyやStable Diffusionなどのお絵描きAIで呪文(単語, Prompt)を決めるためのコツや便利なサービス【AI】 - (:3[kanのメモ帳]
はじめに 以前、お絵描きAIことMidjourneyの紹介をしましたが、 それから色々とMidjourneyを試していたら だいぶ良い感じにアニメ調の背景作れるようになったんではないだろうか🤔 廃墟,海,火山,流星群#midjourney pic.twitter.com/Yt1u3eiJyt— カン@ゲームクリエイター(Unity/VR/Steam/Switch) (@Kan_Kikuchi) 2022年8月25日 細かいオブジェクトは指定せず、色だけ強く指定するのも有りだな🤔#midjourney pic.twitter.com/sBjXnkJIjQ— カン@ゲームクリエイター(Unity/VR/Steam/Switch) (@Kan_Kikuchi) 2022年8月27日 月$30の高速作成分は余裕で使い切り、合計1300枚以上の画像を描いてもらってました……！ やはり100%思い
![MidjourneyやStable Diffusionなどのお絵描きAIで呪文(単語, Prompt)を決めるためのコツや便利なサービス【AI】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/345fbb672508778d2eee939807f65a571fb0293c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkan_kikuchi%2F20220901%2F20220901074457.jpg)
マスキングテープとは マスキングテープの使用方法 文字を書く 折って遊ぶ フェイスリフトになるか 壁に物を貼る ネイルにする キャラクター作りに使用する まとめ 以前、実姉達とマスキングテープについて話をした。 たかがテープだが姉はマスキングテープを集めているらしい。集めて何をするのか？と問うと「集めるだけ」と言っていた。 物を大切にする姉ならではの考えだろう。 マスキングテープとは 引用元：モノタロウ公式 マスキングテープ 塗装をする際、周囲に液がはみ出さないようにマスキングするためのテープ。 剥がしても本体に傷をつけず、剥がれにくいが、剥げやすいものでないといけない。 ３M社のマスキングテープにたー兄が喜んでいた。 そのマスキングテープが進化し、柄がついておしゃれになっている。 ちなみにマスキングテープ略して、「マステ」という。 10年ほど前まではおしゃれなマスキングテープなんて聞いた
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS コンテナクエリ（@container）の便利な使い方を解説
全米が待ち望んでいた超便利なTailwind CSSツール10選 - Qiita
サイトの質が向上！コピペできるHTML/CSS便利スニペット100個まとめ
便利機能がたくさん詰まった［Windows］＋［X］キーは覚えていて損はなし【脱初心者！すぐに役立つショートカットキー】
Tailwind CSS製UIデザインのHTMLコードをコピペできるFlowrift（便利ツールまとめも公開）
例え話で説明するとめちゃくちゃ長くなってしまうけど誰もが思い当たる概念が一語の単語になっている便利な例を知りたい
全米が待ち望んでいた超便利なTailwind CSSツールリスト
【Hothotレビュー】 2画面スマホはやっぱり便利！「Surface Duo 2」米国版を先行レビュー
オシロスコープ、発振器、部品テスター＋αが1台に。「DSO-TC3」はエンジョイ派の電子工作勢におすすめな便利計測器でした：#てくのじ何でも実験室 | テクノエッジ TechnoEdge
[本日の一品]新しい生活様式時代のテレワークに「どこでも学習台」が便利
![[本日の一品]新しい生活様式時代のテレワークに「どこでも学習台」が便利](https://cdn-ak-scissors.b.st-hatena.com/image/square/76b136b198059a1d6229d6234f4f9b2a10c938bf/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1266%2F274%2F12.jpg)
ソースコードの断片をスタイリッシュな画像にするVisual Studio Code拡張機能／Twitterなどで共有したいときに便利なインスタントプリントツール「Polacode」【レビュー】
警視庁警備部災害対策課公式が『テープや輪ゴムを使わず袋を閉じる方法』をツイート「めちゃくちゃ便利」
TypeScript 4.5でますます便利に！ better-typescript-lib v2
ディスプレイを撮ると映る波模様はこれで消えるという豆知識が話題に「こんなことで消せるんだ！」「便利だこれは」
完全無料の動画編集ソフト「VideoProc Vlogger」は多種多様な便利機能の使いやすさが圧倒的で初心者にもオススメ
3DCGで背景を効率的に描こう！ 漫画制作で使える3DCGの便利TIPS
Excel（エクセル）でマニュアル作成 作業の図解と便利なツール紹介
CSSの新機能@scopeが便利すぎる！ セレクタの適用範囲を設定できる、@scopeの基礎知識と使い方
便利さと不便さ、都会っぽさと田舎っぽさ。相反するものが共存する「戸越」（文・高橋ユキ） - SUUMOタウン
CSSでスタイルクエリ（@container style()）を使えるようになると、実装がいろいろ便利になる
もっと早く知りたかった！Web制作に便利な最新オンラインツール46個まとめ
【万能】マスキングテープが便利過ぎる ～様々な使い方と無限大の可能性～ - きままなあさこ