Tailwind CSSという言葉、最近よく耳にするようになっています。 カードやボタンなどUIデザインを基本としたCSSスタイリングが特長のBootstrapなどのフレームワークに比べ、Tailwind.cssはHTMLに直接スタイリングを行ってしまおうという考えで、今までのCSS設計のアプローチと全く真逆とも言えます。 そのため、ひとつの要素に追加された膨大なクラス名を見ると、カスタマイズしにくいと感じるひとも多いようです。 そんなときは、Tailwind.cssで利用可能なUIデザインのHTMLスニペットを集めた便利ライブラリFlowriftを活用してみましょう。 ヘッダーやフッター、ナビメニューといった基本から、ヒーローイメージ、CTA、サービス、お問い合わせフォーム、値段表、ギャラリー、404ページといったホームページ制作でよく利用するUIコンポーネントのコードをボタンひとつでコ
イーロン・マスク、グーグルのAIを「非常識で人種差別的」と非難 検索も攻撃 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
米企業家イーロン・マスクは22日、グーグルの対話型人工知能（AI）「Gemini（ジェミニ）」について、偏向した「人種差別主義者」だと非難した。翌23日にはグーグル検索にも攻撃の矛先を向け、同社が2024年米大統領選挙を不正に操作しようとしているとの陰謀論をあおる投稿を行った。 グーグルに対しては、GeminiのAI画像生成機能をめぐり、多様性を意識しすぎているとして激しい反発が起きている。歴史上の人物として生成された画像が、歴史的に不正確な人種や性別で描かれることが発覚し、誤解を招くと批判が殺到。同社は人物画像の生成機能を一時停止すると発表した。 マスクはこうした動きを受け、「問題はGeminiだけでなく、グーグル検索にもある」とX（旧ツイッター）に投稿。グーグルはAI画像生成に関して「勇み足を踏んだ」との見方を示した。 グーグルは不正確な画像生成について、偏向問題に取り組み、表現を改善
CSS Layout Generator
A CSS Grid generator & CSS Flexbox generator. A tool for generating UI layout component code.
グラスモーフィズムをCSSで実装するコードを簡単に生成できるジェネレーター -Glass Morphism Generator
カードやパネルにぴったりな透明度のある背景のぼかしを使った磨りガラスのエフェクト、グラスモーフィズムを実装するコードを生成できるジェネレーターを紹介します。 Glass Morphism Generator Glass Morphism Generator -GitHub このエフェクトは去年の暮れくらいから、Glassmorphismと呼ばれはじめたエフェクトで、古くはiOS7やWindows Vistaでも使用されています。最近では、macOS Big Surでも見かけますね。 参考: Glassmorphism in user interfaces Glass Morphism Generatorでは、磨りガラスの透明度やぼかし具合を確認しながら、コードを生成できます。
CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 Ai、人工知能を利用した、これまで面倒だった作業を改善できるツールも見かけるように。また、プロトタイプツールFigmaに関する便利なプラグイン、テレワークによるオンラインミーティングで使えるさーびすなども増えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Eazy CSS どんなウェブサイトのデザインも、コード知識不要でタ
From simple sketches to realtime AI art generation. Have full control of the image generation AI by expressing visuals in real-time.
GitHub - hatoo/oha: Ohayou(おはよう), HTTP load generator, inspired by rakyll/hey with tui animation.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
make real • tldraw
Draw a ui and make it real with tldraw.
便利なのが登場！ フロントエンドの開発に役立つ最新ツールがひとまとめに利用できる -HTML＆CSS Code Generator
HTMLやCSSをはじめとする、フロントエンドの開発に役立つ最新ツールがひとまとめに利用できるHTML & CSS code generatorを紹介します。 いろいろなツールをどこだっけなと探すときもあると思うので、ブックマークしておくと便利です。 HTML & CSS code generator HTML & CSS code generatorは、フロントエンドのデベロッパー向けに最新ツールがオールインワンで利用できるサイトです。ツールはすべて無料で利用でき、登録など面倒なことは一切不要です。
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語のフォントでも最適に利用できます。 Fluid-responsive font-size calculator Fluid-responsive font-size calculatorは、レスポンシブ対応のfont-sizeを可変にするスタイルシートもこの計算機で簡単に生成できます。font-sizeは最小値と最大値を決め、その間のサイズはcalc()関数でスムーズに変更させます。例えば、スマホなどの小さいスクリーンでは16px（最小値）に、ワイドスクリーンでは24p
CSSはシンプルな表記でスタイリングが特長ですが、ときには複雑なコードによってどう書いたらよいか、迷ってしまうことがあります。 今回は、CSSでの制作をスピードアップさせる、コピペできるチートシート的コードスニペットをまとめてご紹介します。 リアルタイムによるプレビュー、確認が可能で、生成されたCSSコードをコピーするだけで利用できる、知っておくと差がつく利用機会の多いCSSプロパティが揃います。 CSS記述が速くなる、コピペできるシートシート用コードスニペットまとめ 1. CSSマウスカーソル・プロパティ さまざまなマウスカーソル用プロパティを並べたコードスニペット。各ボックスにマウスホバーすることで、ブラウザーでどのように見えるか確認できます。 See the Pen CSS Cursor Property by Kalimah Apps (@khr2003) on CodePen.
Turn your ideas into emojis in seconds. Generate your favorite Slack emojis with just one click.
ニューモーフィズムとはで紹介したように、要素が背景と同じで、シャドウを与えて押し出されたような窪んだようなスタイルを実装するCSSを簡単に生成できるジェネレーターを紹介します。 カードやボタン、またフォームなどにも適したデザインで、ニューモーフィズムの凸凹のスタイルをCSSで簡単に実装できます。
「漫画の神様」手塚治虫の“新作漫画”が、東芝メモリ（10月1日付で社名「キオクシア株式会社」に変更）の高速・大容量フラッシュメモリとAI技術を用いて、2020年2月に発表されることが30日、わかった。1989年に亡くなってから、実に約30年ぶりに手塚漫画が復活する。
Icons - Lordicon
Select icon style 6 styles - 4221 free icons - 16581 premium icons
小学館の図鑑NEOメーカー | 小学館
ごめんなさい。 お使いのブラウザではご利用いただけません。 推奨ブラウザはGoogle Chrome、Firefoxとなります。 ※おうちの人と、かならず読んでね。 小学館の図鑑NEOメーカーのご利用には利用規約への同意が必要です。 最後までお読みになり、利用規約に同意いただいた上でご利用ください。 未成年の方は保護者の同意を得て、ご利用ください。 図鑑NEO メーカー 利用規約 春休み、自分だけの図鑑を作ってみよう！自分で撮った動物や植物などの写真を使って、ワクワクする表紙をいっぱい作ってね。 作成した表紙は保存して自分だけの図鑑コレクションを楽しもう。 ＜おうちの方へ＞ ※事前に以下の参加規約を全てお読みいただき、ご同意いただいた上で図鑑NEOメーカーにご参加ください。 図鑑NEOメーカー実施期間 2020年3月13日（金）～4月12日（日）23:59 ※必ず以下の注意事項および禁止事
最近Next.jsのISR（Incremental Static Regeneration）を耳にする機会が増えてきました。Zennでも2021/3/17時点で記事や本などの一部のページでISRを採用しています。 ISRとは何か ISRを使うことで、動的なコンテンツを含むページも静的ページとしてCDNにキャッシュすることが可能になります。Next.jsのISRはドキュメントに書かれているようにstale-while-revalidateという考え方でキャッシュが行われます。 具体的には、リクエスト時にページのキャッシュを作成し、次のアクセスではキャッシュされた古いデータを返します。その裏で次のアクセスに向けてキャッシュが再生成されるというイメージです。 これによりユーザー投稿コンテンツであってもCDNにキャッシュしやすくなるというわけです。 Next.jsでのISRの実装 デプロイ先がVe
NovelAI - The AI Storyteller
Driven by AI, painlessly construct unique stories, thrilling tales, seductive romances, or just fool around. Anything goes! What even is NovelAI?NovelAI is a monthly subscription service for AI-assisted authorship, storytelling, virtual companionship, or simply a LLM powered sandbox for your imagination. Our Artificial Intelligence algorithms create human-like writing based on your own, enabling a
僕は以下の3つのツールを複数プラットフォーム向けにクロスコンパイルしてバイナリ配布しており、以下のように全て異なる言語で開発している。 Go: sqldef Rust: xremap mruby: mitamae クロスコンパイルに苦労している話をするとZigを使ってみたらいいんじゃないかと言われることがあり、周りでもZigが何となく流行り始めた気がするので、これらのツールに実際自分で使ってみてどうだったかという事例を紹介したい。 Zigとは Zigはそもそもプログラミング言語なのだが、C/C++とのinteropがやりやすい言語なようで、おそらくそれに必要でLLVMベースのC/C++ツールチェインが同梱されていて、しかもそれをDrop-In Replacement for GCC/Clangとして売りにしている。 僕はZig言語そのものにはそれほど興味はないのだが、クロスコンパイラとして
汎用プログラミング言語でKubernetesのYAMLを生成するcdk8sが発表されました！ | DevelopersIO
「TypeScriptでKubernetesのYAMLを生成できるよ！そうcdk8sならね」 というわけで、先日AWSより突然、cdk8sなるものが発表されました。 Introducing the CDK for Kubernetes, a New Software Development Framework and Open Source Project for Defining Kubernetes Applications Using Code 正直最初これを見たときの第一印象は「なんて安易なネーミングなんや…」でしたが、見れば見るほど、KubernetesのYAMLをそのまま管理する辛さに対しての別次元のアプローチとして、すごい斬新で期待感が持てたので、意気揚々とブログを書いております。この記事では、cdk8sの特徴とそれが解決してくれること、および関連リソースをまとめてます。ぜひ
Ruby on RailsのGPL汚染まとめ（mimemagicの件） - 大根's ＩＴブログ
("汚染"という言葉をあまり良く思わない方もいると後から知りました。たしかにその通りだと思います。次から気を付けようと思いますが、とりあえず本記事ではそのまま"汚染"の表現を使います。ご了承ください。) 2021年の3月、突如としてRailsのGPL汚染の話題がネット上を駆け巡りました。 リチャードストールマンがFSFへの復帰を発表した途端にこんなことが起きるなんて…。 偶然にしてはすごいタイミングですね。 GitHub Enterpriseのコードが公開されるの？と盛り上がっておりますが、果たしてどうなりますでしょうか。 さて今回は本件についてまとめていきます。技術者だけでなく法務や知財の目線でも分かるように書いていこうかと思います。 ★私は法律の専門家ではありません。この記事に法的根拠はありませんので何かあっても責任は取れません。ご理解ください。 概要（経緯） 概要はこのissueのや
a word that does not exist; it was invented, defined and used by a machine learning algorithm. Link / New word / Write your own
英Stability AIは7月13日（現地時間）、ラフなスケッチにテキストのプロンプトを添えると高度な画像に変換する新ツール「Stable Doodle」を公開した。ログインしなくても何度か試せる。 Stability AIが3月に買収したInit MLのプラットフォーム「ClipDrop」で利用できる。用意されたキャンパスにマウスやスタイラスでスケッチを描き、その下のプロンプト枠に例えば「猫、3Dで」などと（英語で）入力すると、候補画像が3枚生成される。 Stability AIは、「AIツールに精通しているかどうかに関係なく、基本的な描画スキルとオンラインアクセスがあれば誰でも数秒で高品質のオリジナル画像を生成できる」としている。「デザイナーやイラストレーターなどのプロフェッショナルな方々が、貴重な時間をよりクリエイティブな方面に有効活用し、作業効率を最大化するためのユーザーフレンド
あらすじ愛するナナコの全てを受け入れる…田中の結婚生活が遂に開幕！ プロポーズが終わり、いよいよナナコの実家へご挨拶。案の定、挨拶も一筋縄ではいかなくて…？ 波乱の結婚式準備、妻の妊娠、そして娘の誕生。めまぐるしく変わっていく日常に、田中の体は持ちこたえることができるのか。 これを読めば結婚から子育てまで、女心も男心も完璧に網羅できる、まさにマンガ界のゼクシィ・マンガ界のたまひよ！ 結婚式は女版の風俗？出産の痛みはアレより痛い？私たちの日常はこんなに笑いに溢れていたのか！と教えてくれる、田中と仲間たちの煩悩エブリディコメディです。 作品概要のりつけ雅春先生による、『高校アフロ田中』から続く『結婚アフロ田中』は、1〜4巻は結婚・妊娠編・5巻からは出産・育児編に突入しています。 『週刊ビッグコミックスピリッツ』で連載中 『マンガワン』で毎日公開中 『結婚アフロ田中』の魅力ほとばしる生命力とある
プロのパントマイマーによる“ピクトグラムパフォーマンス”が大きな反響を呼んだ東京五輪の開会式。式以降、これに触発されたピクトグラム作品を公開する動きもある中、自在にピクトグラムを作れるソフトや、ピクトグラムの演技を模して遊べるゲームにも注目が集まっている。 組み込みエンジニアの高橋かずひと（＠KzhtTkhs）さんは、カメラで撮影することで自分の動きや姿勢を五輪風のピクトグラムにするソフトを個人で開発。自身のTwitterアカウントで公開するとともに、GitHubでソースコードも公開した。
Growing number of generatorsGet started with one of our flexible SVG generators that will help you create unique data-driven shapes without hassle. Choose between stacked or layered waves, steps, peaks, blobs, symbols, grids, gradients, and much more. Easy to integrate into your workflowWhether you are creating a poster or a website, integrating Haikei into your workflow is easy! Export your backg
社内でおすすめのWEBフレームワーク・ツールを教えてくださいとゆるく聞いたところこちらのツールを教えてもらったので触ってみました。 HUGOとは HUGOは静的なWebサイトを爆速で作成できるツールで、Goで書かれています。 (Gopherかわいい) The world’s fastest framework for building websites Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again. 公式ページ 訳：静的WEBサイトが楽しくカンタンに作れちゃう世界最速のフレームワークだぜ！ 良さそうですね！早速使ってみましょう。 インストール こ
Do you miss the office?
An office noise generator - providing you with the soothing tones of modern office life to help you focus when working from home.
オモコロアイコンジェネレーター
オモコロのアイコンを作成できるサイトです
本ブログは「生成AI x セキュリティ」シリーズの第二弾です。 前回は「DALL-E 2などの画像生成AIに対する敵対的攻撃」と題し、OpenAIのDALL-E 2やStability AIのStable Diffusionに実装されているSafety Filterをbypassして、悪意のある画像を生成する手法と対策を解説しました。 今回は「ChatGPTなど生成AIによる個人情報の開示」と題し、ChatGPTなどの生成AIを介して個人情報が開示されるリスクについて解説します。 昨今大きな話題となっているChatGPTは、12年間にわたる大量のWebクロールデータや英語版Wikipediaなどペタバイト級の情報に加え、ChatGPTユーザーが入力した文章（プロンプト）も学習していると言われています。このため、過去に誤って公開された機微情報を含むWebページや、ユーザーが誤入力した社外秘や
SOUNDRAW
Use this code to receive a 50% discount on any subscription TRIPPIE
いい気分ジェネレーター2020
1971年東京生まれ。デイリーポータルZウェブマスター。主にインターネットと世田谷区で活動。 編著書は「死ぬかと思った」（アスペクト）など。イカの沖漬けが世界一うまい食べものだと思ってる。（動画インタビュー） 前の記事：オムライスに生卵をかける ＞ 個人サイト webやぎの目 （※名前のところを空欄にすると自動的に「はやし」が入ります。） どうでしょう。 いい気分でクリック連打しているのではないでしょうか。いい気分にさせるフレーズがあったら、#DPZ_いい気分ジェネレーター用フレーズ をつけてツイートしてください。 林が手動で集めて追加します！ 現在入っているフレーズは11年前の投稿企画と、デイリーポータルZのライター、林が考えたものです。みなさまご協力ありがとうございました！
他言語からTypeScriptに変換する記事を観測したので、JSONSchemaを経由してTypeScriptのコードに吐き出すライブラリを作りました。本記事のコアロジックの部分を抽出した形です。 OpenAPI TypeScript Code Generatorとの違いとして、ルートの名前空間を廃止しているので、割と自由に書ける様になってます。 https://www.npmjs.com/package/@himenon/jsonschema2ts
Discover amazing ML apps made by the community
ジブリ 字幕メーカー
ジブリ字幕メーカーの公開は終了しました。
Emoji Kitchen - Browse Google's unique emoji combinations
Unique illustrations of combined emoji, cooked up in Google's Emoji Kitchen, and comprehensively available on the web
「準備はまだできていないけど、仮のダミー画像を入れておきたい」ウェブ制作中にそんな場面に遭遇することもあるでしょう。 この記事では、ダミー画像を手軽に生成できるジェネレーター、オンラインツールをまとめてご紹介します。 そもそもダミー画像とは？ ウェブ制作中に、「画像の準備はできていないけど、とりあえずレイアウトの確認だけでもしたい」、というときに利用する仮の画像、これが「ダミー画像」です。 画像のサイズはもちろん、スタイルなどもimgタグに直接記述するだけで、ダミー画像を表示できます。 試しに以下のようにimgタグを記述してみると、 <img src="https://placehold.jp/272343/ffd803/640x400.png"> ほんの少しの指定を行うだけで、サイトの雰囲気にあった色合いのダミー画像を用意することができます。サイズ指定も手軽なので、お気に入りのダミー画像
キャラクターの自動生成と写真の3D化を組み合わせた技術がすごい。クリエイティブ産業向けに好みのキャラクターや高精細な3Dモデルが簡単に生成可能
株式会社Preferred Networksは、クリエイティブ産業向けに好みのキャラクターや高精細な3Dモデルが簡単に生成できるデジタル素材生成システムを発表した。 同社はこの技術を使ったミュージックビデオを公開。主人公はキャラクター自動生成システムが生成したキャラクターを元にデザインされ、スマートフォンや背景の文房具などのアイテムは高精細3Dモデル生成機能を用いて実物から生成されたものが元になっている。 画像は株式会社Preferred Networks公式サイト内 Newsページより この技術の根幹にあるのは、2Dキャラクターを自動で生成する「Crypko」と、実在の物品を専用の3Dスキャナで取り込み3Dモデルを作るシステムのふたつだ。 「Crypko」は、深層学習の一種であるGAN（Generative Adversarial Network）を利用し、高品質の2Dキャラクターの立ち
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tailwind CSS製UIデザインのHTMLコードをコピペできるFlowrift（便利ツールまとめも公開）
フォントワークス、手書き文字をAIがフォント化する「AI JIMOJI」の提供を開始／フォントを楽しむ実験仮想都市「MOJICITY」のコンテンツ第1弾
Neumorphism/Soft UI CSS shadow generator
もっと早く知りたかった！Web制作に便利な最新オンラインツール46個まとめ
Akuma - Realtime AI Anime Art Generator
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ
AI Emoji Generator
Neumorphism（ニューモーフィズム）のCSSはこれで簡単！スタイルシートを生成できるジェネレーター
手塚治虫、AI技術が30年ぶり“新作漫画”描く 20年2月公開へ
Next.jsのISRで動的コンテンツをキャッシュするときの戦略
Zigで簡単クロスコンパイル 2022 - k0kubun's blog
This Word Does Not Exist
Stability AI、スケッチを高度な画像に変換する「Stable Doodle」無償公開
結婚アフロ田中のあらすじ、作品概要、魅力、登場人物紹介、豆知識、名言集、映像化、コラボ、作家情報など | アル
自分の姿勢を“五輪風ピクトグラム”に エンジニアが個人開発、GitHubでソースコード公開
Generate unique SVG design assets | Haikei
【HUGO】爆速で静的Webページ作成してFirebaseにデプロイしてみた | DevelopersIO
ChatGPTなど生成AIによる個人情報の開示 | 技術者ブログ | 三井物産セキュアディレクション株式会社
OpenAPI SchemaからTypeScript Code Generatorを作ったので紹介します
Moe TTS - a Hugging Face Space by skytnt
Web制作あるある「画像ない問題」を解決！ダミー画像の生成サービス15選