Webサイトを開いたときに、ボタンがふわっと動いたり、読み込み中のアイコンがくるくる回ったりするのを見たことがある方は多いと思います。 小さなアニメーションは、サイトを楽しく見せるだけでなく、「今、処理中です」「ここを押…
毎日、蜘蛛の巣にかかるAtsushiです。AIの画像生成能力の進歩が凄まじいですね。Chat GPT image2.0は衝撃的です。日本語がおかしかった部分も無くなりましたし、生成されるイメージも想像を超えてくるようにな…
Webサイトの移管やWordPressの引っ越し作業をしていると、ファイルをサーバーへアップロードする場面が必ず出てきます。 そのときによく使われるのが、SSHを使ったアップロード・展開です。 「SSHってなに？わけわか…
ChatGPT Images 2.0 とNano Banana 2で遊んでみた
こんにちは。mimuraです。今回は、画像生成の界隈ではトップレベルといわれていたGemini Nano Banana 2と最近リリースされたChatGPT Images 2.0で、どんな違いがあってそれぞれどんなものが…
もう使った？Nano Bananaを超えたChatGPT Images 2.0
久しぶりのバイクツーリングで渋滞に巻き込まれ左手の握力が無くなったAtsushiです。画像生成AI何を使っていますか？Nano Bananaを使っているっていう人が多いのではないでしょうか。自分もNano Bananaを…
SCSSの「+」「>」ってなに？記号セレクタの使いどころとは
SCSS（およびCSS）の記号セレクタは、単なる書き方の違いではなく、設計・保守性・バグの出やすさに直結する重要な要素です。scssではなんとなくネストにした方が分かりやすい気もするところですが、使い方を知ればコードも綺…
あったかくなってバイクに乗れると思っていたら喘息になってしまったatsushiです。今回は、AIの画像生成についてですが、みなさんは、Chat GPTとGemini（Nano Banana）のどちらで画像を生成されていま…
デザインツールは数多くありますが、「作業のスピード」と「仕上がりのクオリティ」を同時に引き上げてくれる機能は、実はそれほど多くありません。そんな中で、フィグマのベクター化（ベクター編集機能）は間違いなく“当たり”の機能で…
AIで画像生成をした際に、日本語がおかしくなりがちなのはなぜ？
久しぶりにカバンを忘れて出社したatsushiです。みなさんは、AIで画像を生成されることはありますか？風景写真などは、ChatGPTもGeminiも、もう問題無いレベルのクオリティのものを生成してくれるようになりました…
入社してから、サイトデザインを本格的に勉強し始めた私ですが、「なんとなくダサい」「なぜか見づらい」と感じることが多くてずっと悩みでした（現在進行形）。そこで、改めてデザインの基礎から勉強して、地固めをしていく必要があると…
imgタグはdivで囲う？p？figure？picture？プロの使い分けまとめ
そこのあなた、divタグ乱用してませんか？ とりあえずdivタグでまとめたい気持ちは分かりますが、タグにはそれぞれ役割と使うタイミングが存在します。 今回は画像を組み込む際に使う<img>の周辺タグのお話です…
愛猫を膝にのせて暖をとっているAtsushiです。最近はデザインをFigma一本でやっている現場も多いようですが、「昔XDで作られたワイヤーが出てきた」「クライアントからXDデータだけ渡された」みたいな場面、意外とありま…
庭になったみかんの消費で毎日2個のみかんを食べてるatsushiです。さて今日は、「色彩検定」ついて話をしてみようと思います。資格の勉強って時間もお金もかかるので、やるからには目的をはっきりさせたいところ。自分自身もずっ…
AIを触る人が増える中で、 「ChatGPTってどこまでできるの？」 「結局、限界ってどこにあるの？」 という疑問が出たので調べてみました。 1. ChatGPTの限界はどこにあるのか？ まず結論から言うと、ChatGP…
Photoshop 2025年9月のアップデートの新機能とは？
ようやく涼しくなって湿気も少なくなったので洗濯が楽しくなってきたatsushiです。先日、Photoshopのアップデートがリリースされましたね。もう、アップデートはお済みでしょうか？毎回、アップデート時に新機能をチェッ…
「さっきまで普通に答えていたのに、いきなり話が噛み合わない」「同じ質問で出力が安定しない」――こうした“おかしい挙動”は、ChatGPTが人間のように疲れているわけではありません。多くは、会話の積み重ねや指示の書き方、技…
厚くて布団をかけずに寝るのに朝しっかり布団をかけてるatsushiです。WEBサイトのボタンなどにアニメーションを付けるといったらGIFアニメーションがほとんどでしたが、最近は、画像の容量を抑えるためにもwebp形式の画…
映画やゲーム、ロゴで使われているフォントが見つけられる？FontMate
草取りが忙しくなってきたatsushiです。映画やゲームなどのフォントでかっこいいな。使ってみたいなって思うことありませんか？でも、何ていうフォントかわからない。そもそもオリジナルのフォントかもしれない。ということで使い…
サイトマップ、ワイヤーフレームをプロンプト入れるだけで生成してくれる「Relume」
セブンイレブンのサラダ巻から醤油がなくなって悲しくなったatsushiです。AIでウェブサイトのサイトマップ、ワイヤーフレームを一瞬でつくってくれる「Relume」って知ってますか？（なんて読むんだろう）Relume公式…
今年の冬は、乾燥による肌のかゆみが史上最高のatsushiです。WEB用の画像を作るとき、最近では、WebPを使う機会が増えてきていると思います。WebPは、Googleが開発した画像フォーマットで高い圧縮率があり、JP…
近所のおじさんたちとバイクツーリングに行ってきたatsushiです。自分よりも2周りぐらい離れている方とのツーリングは初めてでしたが、お互い、車・バイク好きということで楽しかったですね！趣味が同じなら年齢は関係ないようで…
Figma これ便利プラグインシリーズ『Nisa Text』
家の郵便受けにやもりが住み着いてるatsushiです。Figma使い始めると、これができたらなぁと思うことってありませんか？自分が使っていてFigma上でこれが出来たらなぁと思うことを並べると・写真の加工 ↑いちいちPh…
【初心者向け】テキストエディタについてご紹介します！～Visual Studio Code編～
前回の「さくらエディタ」に続き、今回は「Visual Studio Code（以下VS Code）」の特徴や使用するメリットをご紹介します！こちらのVS Codeもサクラエディタ同様、とてもメジャーなテキストエディタです…
Photoshopの「被写体を選択」「背景を削除」の精度がいまいちな件
筋トレしすぎで右手首が壊れたatsushiです。Photoshopの便利機能「被写体を選択」「背景を削除」って使ったことありますか？すごく便利な機能で、写真の被写体を一発で選択してくれたり、逆に背景を一発で選択してくれる…
【初心者向け】テキストエディタについてご紹介します！～サクラエディタ編～
初めまして！今回からブログを書かせていただくことになりました、mimuraです！私もweb未経験から職業訓練校を通じ、この会社に入社したという経緯から、初心者の方向けの記事を多く書いて、お役に立てればと思っています！これ…
Photoshop 7月リリースの新機能「選択ブラシ」を使ってみる
イラガの幼虫駆除してたら無数に刺され腕がひどいことになったatsushiです。Photoshopがバージョンアップされましたね。（バージョン 25.11）今回も下記の新機能が追加されました。・選択ブラシ・調整ブラシ・文字…
【Photoshop】横幅がちょっと足りない画像は「生成塗りつぶし」で簡単補完！
この時期になると朝、家を出るとき必ず蜘蛛の巣にかかるatsushiです。WEBデザインをしていて、使いたい写真の横幅がちょっと足りなくて困ったことありませんか？そんな時は、コピースタンプツールなどを駆使し、誤魔化してたり…
Photoshop(Bate) 「画像全体の生成」機能を試してみる！
週末の草取りが始まったatsushiです。Photoshop（Bate）のアップデートが先週ありましたね。生成AIの機能が強化されたようなので、早速試してみます。今回試すのは、「画像全体の生成」機能です。Adobeの公式…
【Figma】Google スプレッドシートに書き込んだテキストをFigmaに反映する便利プラグイン
ロックガーデンにあこがれてアガベを育てはじめたatsushiです。Figmaの便利プラグインを紹介するシリーズをはじめていこうと思います。第1弾は、「Google スプレッドシートに書き込んだテキストをFigmaに反映す…
【Figma】カスタム カラー パレットをすばやく構築するプラグイン
Figmaにだいぶ慣れてきたatsushiです。Figmaでは、デザインに使用するカラーを「ローカルスタイル」に登録して使うというのが普通かと思います。でも結構、この作業が面倒だったりします。カラーコードを入力したりする…
大型二輪の免許取得のため、教習所に通い始めるatsushiです。Photoshop2023の新機能を紹介してから早いものでもう2024がリリースされました。毎年、新機能を紹介していますが、結局、使わず1年経過してたりしま…
Photoshop (Bate)の「生成塗りつぶし」は使えるか？
毎日1話ずつYOUTUBEで公開される「北斗の拳」を楽しみにしているatsushiです。以前、Photoshop（Bate）でAIの生成機能「ジェネレーティブ塗りつぶし」という機能を紹介しましたがどうやら名称が変更になり…
Photoshopのβ版にAIによる「生成」機能を試してみる
雹害で車が20箇所ぐらい凹んだatsushiです。Photoshopのβ版にAIによる生成機能が追加されました。Adobe Firefly AIによる「ジェネレーティブ塗りつぶし」をPhotoshopに実装したようです。…
マキタの電動草刈り機を買ったので草刈りが楽しみになったatsushiです。GoogleのPageSpeed Insightsの評価が厳しくなってきて画像の容量にも細心の注意が必要になってきてます。画像の大きさや容量に厳し…
指定したカラーから色の組み合わせが生成できる「ColorSpace」
庭のジューンベリーの花が咲き、春を感じるatsushiです。今回は、サイトのデザインで結構、悩みがちな配色に関する便利ツールのご紹介です。よく、ベースカラー、メインカラー、アクセントカラーの3色を決めるところから始めまし…
Photoshopの新機能！「選択範囲を削除して塗りつぶし」
目が覚めるといつの間にか猫が布団の中にいるatsushiです。Photoshop 2023で新機能として追加された「選択範囲を削除して塗りつぶし」を紹介します。たとえば、↓こんな画像があったとします。↑この画像で、「コー…
