タグ

2022年6月22日のブックマーク (5件)

  • 画像で分かる、新しいCSS

    この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていて、2023年に新しいブラウザーにあわせて再度連載していたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能が利用可能になったので、ぜひ試してみてください。 画像・CODEPEN作成協力: emiさん backdrop-filter:blur() を使ったぼかし表現 backdrop-filter:blur()の中の数値を大きくするほど、強いぼかしをかけることができます。 以下のCODEPEN内の[CSS]をクリックすると、CSSを確認できます。 背景に写真を指定した .box 要素内に .blur を配置し、bac

    画像で分かる、新しいCSS
  • gcloud にカレントプロジェクトを設定しない派 - ぽ靴な缶

    gcloud CLI にカレントプロジェクトをなるべく持たせないようにして暮らしている。 gcloud はデフォルトでカレントプロジェクトのリソースを操作する。操作するプロジェクトが 1 つなら良いけど、仕事でも遊びでもいくつもの GCP プロジェクトを扱っているので、うっかり異なるプロジェクトのリソースを操作してしまったり、意図しないプロジェクトに費用が計上されてしまうのが嫌だから。 カレントプロジェクトは設定しないようにして、gcloud を使う時は都度 --project=PROJECT_ID で渡すようにしている。 # カレントプロジェクトを確認するには以下のコマンドなど $ gcloud config get-value project $ gcloud config list # カレントプロジェクトの設定を消す $ gcloud config unset project ロー

    gcloud にカレントプロジェクトを設定しない派 - ぽ靴な缶
  • .gitignoreでフォルダの構造のみを保持したい場合のより良い書き方 - Qiita

    例えばWebサイトのバックエンドでアップロードされたファイルを/storage/フォルダ内に入れているとする。その場合、Gitではアップロードされた/storage/内の各ファイルは無視したいが、/storage/フォルダ自体は残しておきたいということがよくある。しかしGitで管理できるのはファイルだけなので、ファイルが一つも入っていないフォルダをGitで表現することはできない。そのために.gitkeepというダミーの空ファイルを作成してGitで管理することでフォルダを保持するということが頻繁に行われている。 ここではそのような場面でこれまでよく解説されている.gitignoreの書き方とは異なる、より柔軟で単純な書き方を発見したので解説する。 結論 保持したいフォルダ構造を作成。ここでは/storage/フォルダ以下のフォルダ構造をgitで保持したいとする。 各末端のフォルダに空のファイ

    .gitignoreでフォルダの構造のみを保持したい場合のより良い書き方 - Qiita
  • 解像度の低い画像をAIが解決!放り込めば倍サイズのWebツール Image Upscaler

    「この写真、粗くて使えない。」 そんなときは、日々進化する人工知能AIのおかげで、解像度の低い画像を最大4倍まで拡大できる Image Upscalerで解決しましょう。 ウェブサイトに写真を放り込んで、数秒待つだけで完成、できた画像はそのままJPEGファイル形式で保存できるので、フォトショップなどのデザインツールも不要です。 Image Upscaler https://clipdrop.co/image-upscaler このツールは、画像のクオリティはそのままにくっきりとしたシャープさと、何百万枚もの画像で訓練されたAIによるリアルな再現によって解像度をアップ。 さらに、ザラザラした写真のノイズ除去も同時に行います。 画質を倍にするのは無料、月5ドル(年間)のProプランは4倍まで対応できます。3日間の無料体験トライアルもあり、キャンセルはいつでも自由となっています。 このProプ

    解像度の低い画像をAIが解決!放り込めば倍サイズのWebツール Image Upscaler
  • 【初心者向け】iPhone 3Dスキャンパーフェクトガイド|iwama

    こんにちはiPhone3Dスキャンを日中に普及させる男ことiwamaです。 2020年の10月にiPnone12Proシリーズに初めてLiDARセンサーが搭載され、現在では様々な業界でiPhoneの3Dスキャンが活躍し始めています。 そこで今回はiPhone3Dスキャンって何?でどういうアプリがあるの?などの初心者向けの解説を行っていこうと思います。 ※この記事は2023年2月3日に、より初心者向けの記事になるよう大規模な改修作業を行いました。 自分の記事を読んで為になったという方にお願いです。可能な限りで良いので令和6年能登半島地震の被災地支援のため募金活動をよろしくお願いします。 3Dスキャンについて学ぼうそもそも3Dスキャンって何?現実にある物体や空間をデジタル3Dデータ化する技術の事を(このnote内では)3Dスキャンといいます。 3Dスキャン技術には様々なモノが存在していますが

    【初心者向け】iPhone 3Dスキャンパーフェクトガイド|iwama