タグ: 便利ツール

BenQのScreenBar Pro モニターライト 使ってみた

光に敏感な目を持つWebデザイナーです。長時間モニターを眺めると目の疲れを通り越して頭痛を起こしたりとしんどい思いをすることも。なるべくライトはつけたくないのですが、それはそれでモニターが眩しすぎたりとなかなか難儀な体質です。そんな悩める私にBenQさんよりScreenBar Pro モニターライトをいただいたので、全力レビューしてみます!
続きを読む

ChatGPTを活用したデザイン制作

ChatGPT、使っていますか?私は有料プランでほぼ毎日利用しています。Google検索が最近アレなんで、ちょっとした調べ物にも、お仕事の簡単な作業にも使っていますよ。今回はデザインに焦点をあてて、日頃のデザイン作業に使っている方法をいくつか紹介します。

続きを読む

ChatGPTに聞く:Next.jsでNotion APIを使ったお知らせページを作成

自力でコードは書かず、ChatGPTを使ってToDoアプリを作っていた友人を見て、「何それ面白そう!」と思ってさっそく試してみました!今回は前から気になっていたNotion APIを使って、Next.jsでWebページ上にお知らせページを作っていきます。簡易ブログのようなものですね!
続きを読む

一行追加でコンタクトフォームを実装できる【Formspree】

Webサイトにコンタクトフォームを設置する方法として、以前「初心者でも簡単!日本語で手軽に設置できるフォーム作成サービス3選」という記事にて外部サービスを紹介しました。でもHTMLとCSSだけで設置できるなら、初心者でもカスタマイズしやすいですよね。ということで今回は「Formspree」を使った設置方法を紹介します!

続きを読む

非デザイナーがFigmaでデザインの確認時に抑えておきたいポイント

人気ですよね、Figma。デザイナーではないけど、デザインのレビューをする立場の人も、この頃何かと話題のFigmaが気になっているのではないでしょうか。今回はデザイナーからFigmaのファイルが共有されたけど、何をすればわからない!という人向けに、デザインのレビュー時にこれだけは抑えておきたいというFigmaの設定の流れや機能を紹介します。

続きを読む

UIコンポーネントの作成指示やプレビュー表示ができる【ChatGPT AI component generator】

ChatGPTの話題がつきないですねー!私も日々遊んでみたり、お仕事に導入してみたりと、あれこれ試しています。そんな中見かけたのがChatGPT AI component generatorという、Webサイトのコンポーネント制作に役立ちそうなツールです。
続きを読む

「AIによる自動Webデザイン」についてChatGPTでブログ記事を書いた+使ってみた雑感

アメリカのOpenAIが公開した自然な文章を生成する人工知能(AI)、ChatGPT。チャット形式で質問に答えて自然な言葉で返してくれます。みなさんもう使ってみましたか?今回は「AIによる自動Webデザイン」について、ChatGPTにブログ記事を書いてもらいました!ChatGPTを使ってみた中の人の感想は記事の最後に掲載しますね。
続きを読む