リンク remove.bg Remove Background from Image for Free – remove.bg Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic. 167 users 21204
WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等高線やねじれ線、ぼかしやノイズなど、いざという時にブックマークしておくと便利です。 fffuel -free SVG makers fffuelでは背景やテクスチャをはじめ、パターン、シェイプ、グラデーション、装飾グラフィックなどを生成するSVGツールがたくさんリリースされています。生成されるフォーマットはすべてSVGで、PNGに変換したい場合は変換ツールをご利用ください。 生成した素材は、個人でも商用プロジェクトでも無料で利用できます。 ツールはかなりたくさんあり、その中からいくつか紹介
CSSは進化が早く、中央揃えのテクニックも一昔前のものよりも確実に使いやすくなっています。天地左右の中央に要素を配置する際に、要素の幅や高さが可変だったり、要素の数が増えても対応する最新の実装テクニックを紹介します。 現在主流の5つのテクニックからそれぞれの特徴と最も万能で信頼できるテクニックを評価します。 Centering in CSS by Adam Argyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Content Center 2. Gentle Flex 3. Autobot 4. Fluffy Center 5. Pop & Plop 中央揃えに最適なテクニック はじめに CSSの中央揃えは、ジョークの対象にもなる悪名高い課題でした。しかし今日ではCSSはすべて進化し、素直にこれらのジョー
はじめに 最近ついに、Google Meet に背景ぼかし機能が利用可能になりましたよね。日本語だとインプレスのケータイ Watchの記事などで紹介されてます。確か 2020 年 9 月末前後で順次リリースされていたと記憶しています。 このときは「背景ぼかし」の機能しかなかったのですが、最近(私が気づいたのは 2020/10/30)更にアップデートされました。アップデートで「背景差し替え」機能が付いて、ぼかし機能もぼかし効果が強弱 2 つから選べるようになりました。まだ日本語のニュース記事は見てないですが、Googleによるアップデートの発表はちゃんとされています。 そして、Google AI Blog でBackground Features in Google Meet, Powered by Web MLという記事が公開され、実装についての解説がされました。 この記事はその解説記事を
インターネット通販大手「アマゾン」のサイトに自社製品の偽造品が出品されているのに放置され、売り上げが減少したなどとして、医療機器の製造・販売業者が9月、アマゾンジャパン(東京)に対し計2億円の損害賠償を求める訴訟を東京地裁に起こした。偽造品を扱っていると勘違いされ、深刻な風評被害にも悩まされたという業者。背景にあったのは「相乗り出品」と呼ばれる、アマゾン独特のシステムだった。 10分の1以下で販売提訴したのは、新型コロナウイルス禍で注目を集めた医療機器「パルスオキシメーター」を製造している「トライアンドイー」(神戸市)と、販売会社の「エクセルプラン」(同)。 訴状によると、エクセル社は平成23年5月、アマゾンと出品サービス契約を交わし、登録料(月額4900円)を支払って「アマゾンマーケットプレイス」に複数種類のパルスオキシメーターを出品していた。 指に挟むだけで手軽に血中酸素飽和度が測定で
イラストや漫画を描くときに「こういう参考写真が欲しい……!」となってもなかなか自分で撮影するのは難しく、インターネットで参考画像を探すのも時間がかかります。「Blank Phostock」はそんなクリエイターのためのストックフォトで、面倒な会員登録はなく、カテゴリやタグから目当ての画像をサクッと見つけてダウンロード可能、ウェブサイトの素材として使用したりイラストの背景としてトレースしたりし放題とのことなので、実際に使ってみました。 Blank Phostock – 無料ストックフォト、テクスチャ配布サイト_ブランクフォストック https://blankcoin.com/photo/ 絵師による絵師のための無料写真素材サイト『Blank Phostock』(ブランクフォストック)公開! – BLANK COIN https://blankcoin.com/?p=5569 Blank Pho
レスポンシブの確認ツールやサービスをいろいろ紹介してきましたが、ついに本命とも言える無料ツールの登場です! Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。 無料とは思えないほど高性能で、すべてのWeb制作者にお勧めです! Responsively App Responsively App -GitHub Responsively Appの特徴 Responsively Appのダウンロード Responsively Appの使い方 Responsively Appの特徴 Responsively Appは、レスポンシブのWeb制作に役立つElectronで構築されたブラウザです。 ユーザーインタラクションは、すべてのデバイス間でミ
この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これなしじゃ考えられない。」、そんな便利ツールが揃います。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. 生産性アップツール ウェブ制作がすご楽!便利な最新オンラインツールまとめ デザインコレクション SVG Arista このツールはCSSコードを使って、アップロードしたSVGファイルのstrokeとfillプロパティのアニメーションを作成するAnimistaのスピンオフ・プロ
新型コロナウイルスのニュースでたびたび目にする保健所。なんとなく大事なのは分かるけど、知っているようで知らない存在だ。大阪府での現場経験も豊富な関西大の高鳥毛敏雄教授(公衆衛生学)に話を聞くと、見えてきたのは結核との長い闘いの歴史だった。(共同通信=武田惇志) ―コロナ対策を支える保健所について教えて下さい。 日本の公衆衛生は、欧米とは異なる経緯でつくられた保健所と保健師に支えられています。その保健所が辛うじて生き残っていたことが幸いでした。保健所は、結核に苦しんだ長い歴史があったことでつくられたものです。2018年でも新規の結核患者は1万6789人、死亡者は2303人の状況です。日本のコロナ対策は、欧米では聞かないクラスター対策を行い流行拡大の阻止をしていますが、それは全国に保健所と保健師が残されていたからこそ成り立っています。そうでなければ欧米諸国と同じ展開となった可能性があります。
素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか? 日本に暮らす人、訪れる人が理解しやすい表現になっているか? など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制
最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに配置など、実践的なテクニックが満載です。 Uncommon CSS Properties by Ahmad Shadeed はじめに CSS Gridでの中央揃え place-itemsプロパティ Flexboxと古き良きmargin: auto; あまり知られていない::marker疑似要素 text-alignプロパティ display: inline-flex;プロパティ column-ruleプロパティ background-repeat: roun
引っ越しに伴い、洗面所の空間活用について検討していました。ドラム式洗濯機の上の空間をうまく使いたいところですが、幅に余裕がなく既製のラックを導入できず困っていました。ないなら作ればいい、ということでDIYを画策。机や棚のようなモノとは違って空間を相手にするので、どう設計したものかと思い悩んだのち行き着いたのは「部屋の3Dスキャン」と「CADソフトによるレイアウト検討」でした。ググってみても事例が見つからなかったので、ここに残しておきます。 iPhone12 ProのLiDARスキャナで部屋を3D化 自分が保有している iPhone 12 Pro Max には『LiDARスキャナ』が搭載されているので、これを使えないかということで見つけたのが「3d Scanner App」。すぐに試したところ、期待した通り空間をスキャンでき、上の写真のテクスチャ付き3Dモデルを作り出すことができました。とり
Chayka @chayka2 実は、私は関東のとある衰退地方都市に短期間住んだ経験はあるんですよね。そこで感じたのは行き先がスーパー、中途半端な書店、イオン、図書館…と、それぞれ一つしか選択肢が無くて、グラフィッカーが手抜きしたせいで背景絵が数枚しかないギャルゲーみたいな生活になってしまう、ということですね。 2020-10-04 20:31:59 Chayka @chayka2 これで感じたのは、東京のような都市の特徴の一つは同じ業種の店が何件もあって、とにかく行先の選択肢があるということですね。衰退地方都市みたいなとこだと、ギャルゲーの行先みたいになる。 2020-10-04 20:34:38
個人でも商用でも完全に無料で利用できる、さまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ホワイトペーパー、ブラックペーパー、クラフトペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、全部ダウンロードすると時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。1年くらい前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティフリーとなっています。詳しくはダウン
サーバーサイドからみたGraphQL Serverlss Meetup#19 2021/03/31 に行われた Serverlss Meetup#19 で上記のタイトルで登壇してきました。サーバーサイドの話をしようと思ったけどGraphQLの解決している話をしようと思ったらクライアントの事もかなりはいってしまったので記事のタイトルは変えました。 以下内容です。記事の最後に資料を書くにあたって参考になった資料のリンクを置いてます。 GraphQL and me この1年書いたQiita記事 GraphQLの特徴を分解する ~API インターフェース・Universal BFF・API Gateway~ GraphQLはサーバーサイド実装のベストプラクティスとなるか GraphQLの全体像とWebApp開発のこれから 今回話す事 そもそもGraphQLはなんで作られたのか、何を解決しようとして
リンク www.seed-sc.com ジプトーンとは?ジプトーンを使うメリットとデメリットを解説|東京・千葉・福岡でシステム天井工事、店舗・オフィス内装はSEED みなさんは「ジプトーン」をご存知でしょうか?ジプトーンとは化粧石膏ボードの商品名のことで、天井の素材として使わ kebiyama @kebiyama 湯沸器や給湯器の観察を趣味にしています。テレビ等で見た給湯器などの型式を特定したりもします。毎週サザエさんに湯沸し器が登場するかどうかをチェックしており、未登場の週は18年は3週、19年は4週、20年は4週、21年は1週、22年は4週、23年は2週でした。24年は2/18、3/31が未登場です。
みなさん、こんちには 【watnowテックカレンダーの23日目】 今日はwatnowのしゅいが担当します よろしくお願いします はじめに 今回は普段私が資料作りなどの際に利用している デザインの参考サイト,フリーのイラストサイト,配色のサイトを紹介します 今回紹介するサイトは全て無料で利用できます デザイン参考 1,pinterest URL:https://www.pinterest.jp ピンタレストは画像のSNSのようなものでネット上の画像を自分の「ボード」に 「ピン」して集めたりできる画像をブックマークとして集めるツールです パワポデザインなどと検索してデザインのアイデアを見つけたりして マネして作ってみるのもありです 2,dribbble URL:https://dribbble.com/ dribbbleはアメリカで生まれたサービスで、招待された人しか画像の投稿ができないため
人工知能や深層学習が、デザインにも使用できるものが増えてきましたね。 落書きのように簡単に描いたスケッチから、写真のようにリアルな画像を自動生成する「GauGAN」を紹介します。 GauGAN Turns Doodles into Stunning, Photorealistic Landscapes GauGANは、印象派の画家ポール・ゴーギャンにちなんで名付けられたNVIDIA AI Researchプロジェクトの一つです。 ブラシツールや塗りつぶしツールで描いたスケッチを元に、雲や山や木や水や草や岩などのラベルを付けると、写実的な画像を自動生成します。他の画像をつなぎ合わせたり、テクスチャをカットアンドペーストするだけではなく、アーティストが何かを描くのと同じように、新しい画像を生成します。 SPADEが使用されており、既存の方法よりもリアルな画像を生成します。
(科学ジャーナリスト:添田 孝史) 地震のリスクを科学的に評価する(リスク評価)。その評価をもとに、被害を小さくするためハードやソフトの対策を進める(リスク管理)。それが地震防災の進め方だ。 しかし311前の東北地方の津波リスク評価は、電力会社を中心とする「原子力ムラ」の圧力でねじ曲げられており、そのため津波で多くの人が亡くなり、原発事故も引き起こした可能性がある。そんな疑惑を、元日本地震学会会長の島崎邦彦・東大名誉教授が、3月末に発売された著書『3.11 大津波の対策を邪魔した男たち』(青志社)で告発した。この告発は、一般の人だけでなく、地震学者など専門家の間でも話題になっている。 「おかしなことが起こっている」だが背景はわからなかった 島崎さんは、2002年以降、津波のリスク評価が水面下で巧妙にねじ曲げられていった経緯を、公開されていなかった議事録や電子メールなどを引用して、研究者や官
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。
インターネット上ではさまざまなフォントが配布されていますが、何となく使用したいフォントのイメージはあるものの正式名称がわからなかったり、フワッとしたイメージしかなくてどうやって検索すればいいかわからなかったりといったケースはよくあるもの。そんなフォント選びに困った場合に役立つ、書体やイメージワードから300個の日本語フリーフォントを絞り込み検索できるサイトが「モジザイ」です。 モジザイ https://www.mojizai.com/ モジザイを開くとこんな感じ。 モジザイでは「書体から検索」と「イメージワードから検索」があり、それぞれ表示されているタグを選択することでフォントの検索ができます。試しに「明朝体」をクリック。 スクロールすると、明朝体のフォントが絞り込まれて表示されました。記事作成時点では、モジザイでは362種類のフォントへのリンクが含まれており、そのうち明朝体は31件ヒット
Visual Studio Codeでついに、画像から背景を切り抜けるようになりました! remove.bgをVS Codeで利用できる機能拡張がリリースされ、.jpg, .pngの写真画像を1クリックするだけで簡単に背景を切り抜くことができます。エディタとしても高機能なのに、画像編集までできるようになるとは! VS Codeで、いつものぱくたそ画像から背景を1クリックで切り抜けます VS Codeで画像から背景だけを切り抜く VS Codeにremove.bgをインストールする手順 VS Codeで画像から背景だけを切り抜く VS Codeで画像から背景だけを切り抜くのは、1クリックで完了します。 まずは、ぱくたそ画像を用意し、VS Codeで開きます。
1,500種類以上のアイコンが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。 オープンソースで個人でも商用でも無料で利用できます。また、SVGアイコンとアイコンフォントで利用できるので、サイズやカラーの変更はCSSでできます。アイコンはリスト、固定幅、アニメーションにも対応しており、かなり便利だと思います。 Boxicons Boxicons -GitHub Boxiconsの特徴 Boxiconsの使い方 Boxiconsを実際に使ってみた Boxiconsの特徴 Boxiconsはオープンソースのプロジェクトで、1,500+種類のSVGアイコン・アイコンフォントが簡単に利用できます。シンプルなデザインは、さまざまなWebサイトやスマホアプリにぴったりです。 けっこう前にも紹介しましたが、アップデートされ続け、アイコンの種類や機能がだいぶ
「認証してもらえる」という見通しがあった ――1997年に宗務課長だった前川さんは、統一教会の名称変更を受け入れませんでした。名称変更の申請を受理しないのは「違法」ではないかという指摘が一部でありますが。 申請を出されたら必ず受理しなければならないのは当然のことだ。1997年当時、私は申請前の事前相談の段階で「認証はできないので、申請はしないでください」とお願いし、先方は納得のうえで引き下がった。そこに違法性はない。 宗教団体の名称も、宗教団体の実態(宗教団体性)を表す重要な要素だ。「世界基督教統一神霊協会」という名前で長年活動し、信者を集め、社会的な存在としても認識されてきた。実態と合わない名称変更は認められない。 それでも申請されれば、受理するしかない。受理したものを認証するかしないかは次の段階の話だ。申請を受理した後、認証しないケースに限って、主な宗教法人の代表者や宗教学者でつくる「
Design Cutsで2019年、真夏の超特大セールが始まりました! 今回のセールはなんと、$2(約210円)で、$3424(約364,878円)の有料フォントやデザイン素材計20種類が購入できます。 ガチャ1回分、コーヒー1杯分で、36万円分がゲットできます! 販売期間は、8月27日12時まで。 フォントやデザイン素材はWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。 The Design Cuts $2 Summer Spectacular 8/21 14:00 追記: Design Cutsのサイトにアクセスが集中しているようで、タイミングによっては激重かもしれません。購入した素材は一括ダウンロードではなく、個別にダウンロードするのをお勧めします。 ※一度購入した素材は、いつでも何回でもダウンロードできます(私
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く