1回で完璧を目指さない！AI画像生成を思った通りに仕上げるステップアップ術
AIを使ってうまく画像生成ができないときや、画像生成にまだ慣れてないときは「1行プロンプト」がおすすめ。 プロ…
TECH / OUTPUT
WordPressブログをオリジナルテーマに移行した手順まとめ
普段の仕事ではオリジナルテーマでウェブサイトを作ってるんですけど、このブログはサポトピアさんが公開しているNi…
VSCodeのPrettierを使ってHTMLに書かれたPHPも整える
WordPressのテーマを制作しているときなどはHTMLの中に直接PHPのコードを書いていきますが、Pret…
Gmailに溜まったメールを特定のラベルごとに定期的に自動削除する方法
GmailはGoogleの容量が許す限り永遠に溜まり続ける鬼仕様になっていて、気付かない間にかなりの容量をGm…
まるで秘書！GoogleのAIノート「NotebookLM」を使えば情報整理があっという間に
たくさんの資料をまとめて要点だけを抜き出したいときとか、形式を作って資料を制作したいときとかに重宝するGoog…
ムームードメインで取得したドメインを使ってGoogle Workspaceでメールを送受信する方法
ウェブサイトはロリポップを使ってて、メールはGoogle Workspaceを利用したーい！というときの設定方…
CSSだけで作る画像の横スクロール無限ループ
コーポレートサイトなどでよく見る画像の無限ループはCSSだけで実装ができます。HTMLとCSSだけでコードの管…
iPhoneで背景画像が表示されないときの解決方法
WindowsでもMacでもAndroidでも背景画像が表示できるのに、iPhoneだけで背景画像が表示されな…
キーボードをリマップして仕事効率を高速化する方法
「キーボードってもっとこうなったら良いのになー」とか「ショートカットが覚えられないなー」って1回は思ったことが…
デザイナーなら知っておきたい！可読性に特化したユニバーサルデザインフォントのこと
ウェブデザインをしているといろんなジャンルのウェブサイトを制作することが多いと思いますが、どんなサイトでも同じ…
グラデーションの角丸ボタンを作る
枠を装飾するborder-image-sourceを使えば、linear-gradientを指定することで枠が…
CSSだけでテキストをグラデーションにする
CSSだけでテキストにグラデーションを作ってみましょう。 サンプル サンプルを見てみましょう。 See the…