AIツール

無料で使える仕事効率化AIツール5つを試したメモ

「AIツールって結局どれから試せばいいの?」と聞かれることが増えたので、私が実際に使っているもの・試してよかったものを無料で始められる範囲でメモしておきます。1. ChatGPT(文章・思考の相棒)説明不要の定番ですが、無料プランでもメール...
AI仕事術

私が仕事で毎日使っているChatGPTプロンプトの型5つ

「ChatGPTを使ってみたけど、返ってくる答えがふわっとしていて使えない」と感じている場合、質問の仕方(プロンプト)が惜しいだけ、というケースがほとんどだと思います。私が仕事で毎日使っている「型」を、自分の備忘録も兼ねて5つメモしておきま...
AI仕事術

AIで仕事を時短するために私がやっていること5つ

毎日の業務でAIをどう使っているか、自分用の整理も兼ねてメモしておきます。デザイン業務そのものより、その前後の「雑務」に効くものが多いです。1. 会議のメモ取りをやめた会議中にメモを取りながら話を聞くのって、思った以上に頭のリソースを持って...
Webデザイン

figmaのオートレイアウトの使い方を初心者向けに徹底解説〜基礎編〜

figmaのオートレイアウト機能の使い方を解説している記事です。作り方を画像を用いて徹底的に説明しているので、オートレイアウトの基本が学べます。figmaが初心者の方も概要や使い方を覚えておくと作業効率やエンジニアとのコミュニケーションに役立ちます。
Webデザイン

現役webデザイナーがfigmaのスタイル機能の使い方を解説

figma初心者だった25歳現役webデザイナーがfigmaのスタイル機能の考え方と使い方を解説します。「スタイルとは」の基本を実際の画面キャプチャを使い丁寧に説明しているので、webデザインを勉強中の方におすすめの記事です。
Webデザイン

figmaのコンポーネントとインスタンスの概念・使い方を丁寧に解説

figmaのコンポーネントの作り方や、概念を徹底的に解説します。インスタンスの説明や、命名規則などコンポーネントの管理方法も詳細に記載しているので、チームでの作成を目指している方にもおすすめの記事です。
Webデザイン

Figmaのマスク機能を使って画像を作る方法を徹底解説します。

figmaのマスク機能を使用して画像を作成する方法をご紹介します。基本の使い方を覚えたら、応用することでバナーやアイコン制作の幅が広がるのでこの記事でマスクの使い方をマスターしましょう。マスクのやり方がわからない初心者の方は必見です。
Webデザイン

現役WEBデザイナーが2年以上インストールしているVSコードのおすすめプラグイン全18選

現役WEBデザイナーが学習を始めた時から2年以上使用しているVSコードのおすすめプラグインをご紹介します。プラグインはVSコード内でインストールできるので、とても簡単に便利な機能をつけることができます。作業効率を上げて綺麗なコーディングをしましょう。
Webデザイン

5分で完成!フォトショップで足を伸ばす簡単な方法

フォトショップを使用して足を伸ばす簡単な方法をご紹介します。SNSにアップする写真を上手に撮影できなかったときはささっと編集して、素敵な自分を残しましょう。
Webデザイン

swiperを2つ作り、横スライドと縦スライドをループで逆再生させる方法。

swiperのオプションを駆使して横スライドと縦スライドの自動スライドを作り、逆再生をループさせる方法を説明します。メインビジュアルの仕様にぴったりです。コピペで実装できるので、コーディング勉強中の方も参考にしていただける記事です。