<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>ShunNote</title><description>Web制作・デザインに関する情報を発信するブログ</description><link>https://shuns.me/</link><item><title>【完全ガイド】Webデザインのアイデアを収集する方法</title><link>https://shuns.me/p/4751/</link><guid isPermaLink="true">https://shuns.me/p/4751/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はWebデザインの参考になる収集方法を紹介します。 参考になるサイトから方法まで紹介します。 Table of Contents Toggle 常に &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 05 May 2024 02:07:27 GMT</pubDate></item><item><title>Lottieでグラデーションを使ってアニメーションを作る裏技2つ</title><link>https://shuns.me/p/4561/</link><guid isPermaLink="true">https://shuns.me/p/4561/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 皆さんはLottieをご存知でしょうか？なめらかなアニメーションをサイトに実装でき、手軽にリッチな表現を取り入れることができます。 LottieはAft &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 02 Jan 2024 03:45:19 GMT</pubDate></item><item><title>【インタビュー】フロントエンドエンジニアのリアルな実情を聞いてみた</title><link>https://shuns.me/p/4577/</link><guid isPermaLink="true">https://shuns.me/p/4577/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はフロントエンドエンジニアのyukiさんにこれまでのキャリアやお仕事などのお話をお伺いしました。 Web3大アワードと言われるFWAを受賞しているエ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 17 Sep 2023 02:59:00 GMT</pubDate></item><item><title>Next.jsとReact Three Fiberのポートフォリオを公開するまでの裏側</title><link>https://shuns.me/p/4437/</link><guid isPermaLink="true">https://shuns.me/p/4437/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 先日、作成したポートフォリオサイトをSNSで公開しました。 今回は僕が公開したポートフォリオについて紹介していきたいと思います。 ※コードなどの内容の説 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 11 Feb 2023 07:19:27 GMT</pubDate></item><item><title>プロトタイプで作るインタラクションアイディアXDUFes2022【XDデータ有】</title><link>https://shuns.me/p/4454/</link><guid isPermaLink="true">https://shuns.me/p/4454/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 12/3(土)に開催された「XDUFes2022」に私が登壇しました。 今回は当日のセッション内容について紹介させていただきます。 当日視聴できなかった &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 04 Dec 2022 05:01:13 GMT</pubDate></item><item><title>Lottieの作成からコーディングまで実装方法をまるっと解説</title><link>https://shuns.me/p/4209/</link><guid isPermaLink="true">https://shuns.me/p/4209/</guid><description>&lt;p&gt;こんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 軽量のWebアニメーションが作れる「Lottie」をご存知でしょうか？ 近年、Adobe XDでも使用できるようになりリッチなアニメーションを &amp;#8230; &lt;/p&gt;
</description><pubDate>Fri, 26 Aug 2022 05:04:32 GMT</pubDate></item><item><title>【Adobe XD】操作感が心地良いカード型スライダーを作る方法</title><link>https://shuns.me/p/3864/</link><guid isPermaLink="true">https://shuns.me/p/3864/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDではプロトタイプを使って滑らかに動くアニメーションをつけることができます。 今回はXDを使って、スワイプで動くリッチな動きのカード &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 02 Aug 2022 01:16:41 GMT</pubDate></item><item><title>【Swiper】簡単！ドラッグ操作できるカード型スライダーを作る方法</title><link>https://shuns.me/p/4097/</link><guid isPermaLink="true">https://shuns.me/p/4097/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Web制作ではスライダーという画像などのコンテンツをスライド形式で流す表現方法があります。 トップページのメインビジュアルをフェードさ &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 25 Jul 2022 07:49:53 GMT</pubDate></item><item><title>【保存版】今日から使えるNotion活用方法まとめ</title><link>https://shuns.me/p/4026/</link><guid isPermaLink="true">https://shuns.me/p/4026/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はNotionの使い方をまとめたNotion記事まとめです。これからNotionを使いたい方やいろんなカスタマイズ方法を知りたい人は是非読んでみてく &amp;#8230; &lt;/p&gt;
</description><pubDate>Fri, 15 Jul 2022 22:01:06 GMT</pubDate></item><item><title>【Adobe XD】画像をキレイに魅せる！ブレンドモードの活用法</title><link>https://shuns.me/p/4028/</link><guid isPermaLink="true">https://shuns.me/p/4028/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDではブレンドモードを使って、レイヤーの合成を手軽に行うことができます。 エフェクトを組み合わせることによって多種多様な効果を与えれるので &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 28 Jun 2022 14:02:41 GMT</pubDate></item><item><title>【Adobe XD】サクッと解決！テキストを縦書き入力をする方法2つ</title><link>https://shuns.me/p/3963/</link><guid isPermaLink="true">https://shuns.me/p/3963/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナー3年生のしゅん（@shun_webdesign）です。 今回はAdobe XDでテキストの縦書きを使う方法について紹介します。 Adobe XDではテキストの縦書き機能が搭載されていま &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 20 Jun 2022 21:42:43 GMT</pubDate></item><item><title>【Adobe XD】モバイル版アプリでスマホからプロトタイプを確認する方法</title><link>https://shuns.me/p/3910/</link><guid isPermaLink="true">https://shuns.me/p/3910/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDというとパソコンを使ってデザインを作成し、プロトタイプを確認することができます。 実はお手持ちのスマホからプロトタイプを確認できるのをご &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 12 Jun 2022 09:43:20 GMT</pubDate></item><item><title>【Adobe XD】マネしたい！シェイプの使い方を具体的に解説</title><link>https://shuns.me/p/3779/</link><guid isPermaLink="true">https://shuns.me/p/3779/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はXDでシェイプの使い方・操作方法について紹介します。 ツールが少ないので複雑なものが作れないと思われがちなXDですが、多角形から &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 29 May 2022 07:14:48 GMT</pubDate></item><item><title>【Notion】お気に入りのWebデザインをストックする活用法</title><link>https://shuns.me/p/3739/</link><guid isPermaLink="true">https://shuns.me/p/3739/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 僕は参考になるウェブサイトのデザインやアニメーションなどをNotionを使ってストックしています。 「ウェブサイトはURLだけわかれば &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 22 May 2022 22:39:28 GMT</pubDate></item><item><title>【Adobe XD】ハイパーリンクを使って外部リンクを設定する方法を解説</title><link>https://shuns.me/p/3673/</link><guid isPermaLink="true">https://shuns.me/p/3673/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はAdobe XDでハイパーリンクの設定方法について紹介します。 ハイパーリンクを設定することでエンジニア、コーダーにリンクの指定箇所がわかるように &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 15 May 2022 05:09:59 GMT</pubDate></item><item><title>【Adobe XD】たったコレだけ！ページ内にリンクを設定してスクロールさせる</title><link>https://shuns.me/p/2939/</link><guid isPermaLink="true">https://shuns.me/p/2939/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はAdobe XDでできるアンカーリンクの設定方法を紹介します。 アンカーリンク（ページ内リンク）を設定することで任意の位置までス &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 08 May 2022 10:21:08 GMT</pubDate></item><item><title>【Adobe XD】ステート機能を使ってハンバーガーメニューを作ってみよう</title><link>https://shuns.me/p/3481/</link><guid isPermaLink="true">https://shuns.me/p/3481/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はAdobe XDでハンバーガーメニューを作りながら、「ステート」について解説します。 ステートとは？ ステートとはWeb上のパーツにおける「状態」 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 30 Apr 2022 21:00:00 GMT</pubDate></item><item><title>【Adobe XD】普通とはすこし違う！全画面スクロールのチュートリアル</title><link>https://shuns.me/p/3535/</link><guid isPermaLink="true">https://shuns.me/p/3535/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDではコードを書かずとも、プロトタイプ機能を使ってリッチな表現を手軽に作ることができます。 今回は以前、SNSに投稿したXDのみで作成した &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 30 Apr 2022 10:15:00 GMT</pubDate></item><item><title>【Adobe XD】簡単！ぼかし効果を使う二つの方法</title><link>https://shuns.me/p/3445/</link><guid isPermaLink="true">https://shuns.me/p/3445/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 近年Webデザインでトレンドとされたグラスモーフィズムは聞いたことありますか？ 背景をすりガラスのようなぼかしが効いているのが特徴です &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 17 Apr 2022 04:12:37 GMT</pubDate></item><item><title>【Adobe XD】知ってた？3D変形をつかって立体的な表現を取り入れるコツ</title><link>https://shuns.me/p/3424/</link><guid isPermaLink="true">https://shuns.me/p/3424/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 近年は動きを取り入れたWebデザインが多く存在し、動きをデザインするという考えが進みつつあります。 そこで今回はAdobe XDの「3 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 10 Apr 2022 02:18:53 GMT</pubDate></item><item><title>【Adobe XD】保存版これだけ見とけば大丈夫！今から使えるTipsまとめ</title><link>https://shuns.me/p/3306/</link><guid isPermaLink="true">https://shuns.me/p/3306/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はこれまで紹介してきたXDの記事をまとめました。 この記事は新着記事が増え次第随時更新していきますので、ゆっくり見たいという方はブ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 02 Apr 2022 06:14:01 GMT</pubDate></item><item><title>【Adobe XD】意外と簡単にできるシンプルなパスを使った活用術5つ</title><link>https://shuns.me/p/3267/</link><guid isPermaLink="true">https://shuns.me/p/3267/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はXDを使ったパスの使い方について紹介します。 パスを自由自在に扱う パスの使い方を知ることでXDで表現できる幅が広がります。 ツ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 27 Mar 2022 08:46:28 GMT</pubDate></item><item><title>【Adobe XD】スワイプ操作でキャラクターアニメーションを作る方法を解説</title><link>https://shuns.me/p/3271/</link><guid isPermaLink="true">https://shuns.me/p/3271/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 先日、XDのみを使ったキャラクターアニメーションを作ってみました。 本日はこちらのアニメーションをどのようにして作ったのか紹介します。 &amp;nbsp; こ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 20 Mar 2022 08:52:22 GMT</pubDate></item><item><title>【Adobe XD】簡単3分で作れる！ローディングアニメーション</title><link>https://shuns.me/p/3239/</link><guid isPermaLink="true">https://shuns.me/p/3239/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 先日公開したこちらのXDアニメーションの記事について大変多くの方から反響がありました。 しかし、、 と思った方は少なくなかったと思いま &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 13 Mar 2022 14:13:59 GMT</pubDate></item><item><title>【Adobe XD】スワイプ操作で液状に動くプロトタイプを作るテクニック</title><link>https://shuns.me/p/3115/</link><guid isPermaLink="true">https://shuns.me/p/3115/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Adobe XDではスマホに合わせたサイズでデザインを作ることができます。 作成したデザインのプロトタイプをお手持ちのスマホから操作で &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 06 Mar 2022 22:31:28 GMT</pubDate></item><item><title>Web制作者がMacBook Pro14インチを1ヶ月使ったリアルな感想</title><link>https://shuns.me/p/2971/</link><guid isPermaLink="true">https://shuns.me/p/2971/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 皆さんはMacかWindowsどちらのPCを使っていますか？ Web制作ではどちらを使うか悩むところですが筆者はこの3年間Macを使っ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 27 Feb 2022 04:02:41 GMT</pubDate></item><item><title>【Adobe XD】コーディングが捗る！ZeplinとXDを連携する活用方法</title><link>https://shuns.me/p/3120/</link><guid isPermaLink="true">https://shuns.me/p/3120/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDを使ってデザインを作る方も多いと思いますが、XDのデータからコーディングする際はどのようにしていますか？ Macを使ってる人は⌥キ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 20 Feb 2022 22:44:23 GMT</pubDate></item><item><title>【Adobe XD】Quick Mockupを使って瞬時にワイヤーフレームを作る</title><link>https://shuns.me/p/3077/</link><guid isPermaLink="true">https://shuns.me/p/3077/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 皆さんはWebデザインを考える際にワイヤーフレームがどのようにして作っていますか？ 手書きで描く方もXDなどのツールを使って作るなんて方もいらっしゃると &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 13 Feb 2022 09:18:33 GMT</pubDate></item><item><title>【Adobe XD】脱初心者！サッと使える知っておくと便利なTips集</title><link>https://shuns.me/p/3019/</link><guid isPermaLink="true">https://shuns.me/p/3019/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDはツールの数こそ少ないので簡単そうと思う方も少なくないかもしれません。 ですが、いざ操作してみるとなにに使う機能なのかわからないも &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 06 Feb 2022 01:56:23 GMT</pubDate></item><item><title>【Adobe XD】これは入れておきたいオススメ無料プラグイン8選</title><link>https://shuns.me/p/2974/</link><guid isPermaLink="true">https://shuns.me/p/2974/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Webデザインを作るのにとても便利なAbobe XDですが、さらに便利に使う方法をご存知でしょうか？ 今回はAdobeXDにより便利に &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 30 Jan 2022 09:50:47 GMT</pubDate></item><item><title>After Effectsを使ってXDからLottieの軽量モーショングラフィックスを作る</title><link>https://shuns.me/p/2782/</link><guid isPermaLink="true">https://shuns.me/p/2782/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Webアニメーションやモーショングラッフィクスを作るとき、皆さんは何を使って作ってますか？ きっとAfter Effectsを使う方も &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 23 Jan 2022 04:22:55 GMT</pubDate></item><item><title>【Adobe XD】ドラッグトリガーでスライダーを作ってヌルヌル動かす</title><link>https://shuns.me/p/2840/</link><guid isPermaLink="true">https://shuns.me/p/2840/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 指で対象のものを指でヌルヌル動かせるスワイプ。 皆さんはAdobe XDを使ってスワイプ（ドラッグ）のプロトタイプが作れるのをご存知で &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 16 Jan 2022 03:24:51 GMT</pubDate></item><item><title>【Adobe XD】手軽に作れる！パララックスアニメーション作成方法</title><link>https://shuns.me/p/2846/</link><guid isPermaLink="true">https://shuns.me/p/2846/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 デザイナーの方ならご存知のAdobe XD（以下略：XD）ですが、これを読んでいる方でプロトタイプを作っているでしょうか？ XDはWebデザインやUIデ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 08 Jan 2022 13:51:42 GMT</pubDate></item><item><title>【Notion】コード管理ならコレ！プログラミングノートを作ろう</title><link>https://shuns.me/p/2773/</link><guid isPermaLink="true">https://shuns.me/p/2773/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_wendesign）です。 プログラミングをする際に使用したコードはどのように管理していますか？中にはエディターで書いたまま保存して方もいるでしょう。 僕はWeb &amp;#8230; &lt;/p&gt;
</description><pubDate>Fri, 24 Dec 2021 02:48:02 GMT</pubDate></item><item><title>Adobe XDで動画を使う方法と注意すべきこと3つ</title><link>https://shuns.me/p/2644/</link><guid isPermaLink="true">https://shuns.me/p/2644/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん(@shun_webdesign)です。 Adobe&amp;nbsp; XDが先日さらにアップデートし、XD上で動画があつえるようになりました。 今回はAdobe XDでの動画の使い &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 06 Dec 2021 13:43:55 GMT</pubDate></item><item><title>【インタビュー】インハウスと制作会社で働いた印象を聞いてみました</title><link>https://shuns.me/p/2650/</link><guid isPermaLink="true">https://shuns.me/p/2650/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はインタビュー企画第３弾。 制作会社、インハウスでWebデザイナーとして働いた経験のある「やっさん（@yaccomi）」にインタビューしました。リモ &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 22 Nov 2021 23:18:38 GMT</pubDate></item><item><title>【Adobe XD】コーディングが分からなくても迷わない！XDの使い方</title><link>https://shuns.me/p/2612/</link><guid isPermaLink="true">https://shuns.me/p/2612/</guid><description>&lt;p&gt;皆さんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Adobe XDを使ってデザインを作成することはありますか？ 僕が所属している会社では今年からAdobe XDを使ってデザインカンプを作 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 24 Oct 2021 00:05:37 GMT</pubDate></item><item><title>【Adobe XD】まるっと解説！ホバーステートの使い方</title><link>https://shuns.me/p/2583/</link><guid isPermaLink="true">https://shuns.me/p/2583/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Adobe XDを使う方でホバーの設定が困っている方はいますでしょうか？ 設定がわからず、実装者におまかせなんて人もいるかも知れません &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 09 Oct 2021 11:24:15 GMT</pubDate></item><item><title>【最新版】Firebaseを使って無料でセキュアなサイトを5分で公開する方法</title><link>https://shuns.me/p/2478/</link><guid isPermaLink="true">https://shuns.me/p/2478/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 フリーランスや転職活動の際に必要になるポートフォリオサイト。どのようにして公開しますか？ レンタルサーバーを借りてサイトを公開したり、 &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 13 Sep 2021 22:06:46 GMT</pubDate></item><item><title>ヌルヌル動く！Adobe AnimateCCを使ってアニメーションをHTML5 Canvasに変換する</title><link>https://shuns.me/p/2465/</link><guid isPermaLink="true">https://shuns.me/p/2465/</guid><description>&lt;p&gt;みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 近年Webサイトで使われることがアニメーション。動きをつけることでサイトを閲覧するユーザーの目を引きつけやすく、静止画の画像に比べての &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 17 Aug 2021 23:12:40 GMT</pubDate></item><item><title>【Adobe XD】WebサイトトレースをしてWebデザイン力を上げる</title><link>https://shuns.me/p/1588/</link><guid isPermaLink="true">https://shuns.me/p/1588/</guid><description>&lt;p&gt;こんにちは。しゅん（@shun_webdesign）です。 Webデザインって何から勉強していいのかわからない。きっとそんな方が多いのではないでしょうか。 僕自身もWebデザインの勉強を始めたとき、勉強方法に困ってました &amp;#8230; &lt;/p&gt;
</description><pubDate>Wed, 14 Jul 2021 23:18:04 GMT</pubDate></item><item><title>【Google Chrome】サイト、デザインのフィードバックが劇的に変わる！ MarkUp の使い方</title><link>https://shuns.me/p/2412/</link><guid isPermaLink="true">https://shuns.me/p/2412/</guid><description>&lt;p&gt;皆さんこんにちは。しゅん（@shun_webdesign）です。 作成したWebサイトを人に見てフィードバックしてほしいときどうやりますか？ 紙で印刷して直接書き込む サイトのURLを送って文章でコメントをもらう 対話し &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 03 Jul 2021 07:27:17 GMT</pubDate></item><item><title>【Adobe XD】Webサイトの情報を一瞬で抽出！Mimicの使い方</title><link>https://shuns.me/p/2409/</link><guid isPermaLink="true">https://shuns.me/p/2409/</guid><description>&lt;p&gt;皆さんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はAdobe XDで使えるプラグイン「Mimic」について紹介します。 Mimicはお好きなWebサイトのURLを入力するだけでフォ &amp;#8230; &lt;/p&gt;
</description><pubDate>Fri, 02 Jul 2021 12:32:32 GMT</pubDate></item><item><title>【超初心者向け】人に例えるHTML/CSS、Javascriptの役割とは？イラストで解説</title><link>https://shuns.me/p/964/</link><guid isPermaLink="true">https://shuns.me/p/964/</guid><description>&lt;p&gt;Webデザイナーのしゅん(@shun_webdesign)です。こんにちは。 Webサイトを作るとき欠かさせない「コーディング」。プログラミングの言語などを駆使してコードを書いていく工程です。 ですがWeb制作の勉強始め &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 14 Jun 2021 05:39:12 GMT</pubDate></item><item><title>【Notion】 サクッと簡単！ページのアイコンをオシャレにする方法</title><link>https://shuns.me/p/2242/</link><guid isPermaLink="true">https://shuns.me/p/2242/</guid><description>&lt;p&gt;皆さんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 カスタマイズするのが楽しくて毎日Notionを開かない日がないぐらいどっぷり利用しています。 ところでNotionのページにアイコンを付 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 22 May 2021 02:18:40 GMT</pubDate></item><item><title>【超入門編】まずはコレ！VSCodeのインストール方法と使い方を徹底解説</title><link>https://shuns.me/p/1101/</link><guid isPermaLink="true">https://shuns.me/p/1101/</guid><description>&lt;p&gt;皆さんこんにちは。Webデザイナーのしゅん(@shun_webdesign)です。 Web制作おいてソースコードを書くとき欠かせないツール「エディター」。 エディターとはパソコン上でHTML,CSS,Javascript &amp;#8230; &lt;/p&gt;
</description><pubDate>Wed, 28 Apr 2021 14:24:09 GMT</pubDate></item><item><title>画像内のフォントを一瞬で自動判別できる「Adobe Capture」の使い方</title><link>https://shuns.me/p/2170/</link><guid isPermaLink="true">https://shuns.me/p/2170/</guid><description>&lt;p&gt;こんにちは。デザイナーのしゅん(@shun_webdesign)です。 世の中には数え切れないほどの種類が存在するフォント。身の回りの看板やテキストに使われてるフォントをどのようにして調べていますか？ 書体を見てもフォン &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 10 Apr 2021 17:45:42 GMT</pubDate></item><item><title>【Notion】ズボラ人間でもできるチェックボックスを使ったタスク管理活用法</title><link>https://shuns.me/p/2143/</link><guid isPermaLink="true">https://shuns.me/p/2143/</guid><description>&lt;p&gt;皆さんこんにちは。しゅん（@shun_webdesign）です。 僕は毎日続けてやりたいことがあっても後回しにすることが多いです。 「ランニングしたいけど明日でいいか」「ブログ書くのまたあとにしよう」「明日から本気だそう &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 03 Apr 2021 14:45:55 GMT</pubDate></item><item><title>【実践】Photoshopで簡単にできる被写体切り抜き加工4つ</title><link>https://shuns.me/p/2081/</link><guid isPermaLink="true">https://shuns.me/p/2081/</guid><description>&lt;p&gt;デザイナーのしゅん（@shun_webdesign）です。こんにちは。 僕は普段の業務でPhotoshopを使って画像の加工を行うことがあります。中でもPhotoshopでよく写真を切り抜きをすることが多いです。 今回は &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 28 Mar 2021 03:11:11 GMT</pubDate></item><item><title>【簡単】Notion Web Clipperを使ってTwitterのブックマークを整理する</title><link>https://shuns.me/p/2046/</link><guid isPermaLink="true">https://shuns.me/p/2046/</guid><description>&lt;p&gt;こんにちは。しゅん(@shun_webdesign)です。 僕はInstagramやピンタレストといったサービスをデザインやイラストの参考に使っています。 近年どのサービスもブックマークや保存する機能が備わっていますが、 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 20 Mar 2021 10:18:52 GMT</pubDate></item><item><title>Trelloを使い続けた僕がNotionを使い始めた7つの理由</title><link>https://shuns.me/p/1993/</link><guid isPermaLink="true">https://shuns.me/p/1993/</guid><description>&lt;p&gt;こんにちは。しゅん（@shun_webdesign）です。 皆さんは日々のやること、タスク管理はどのように管理していますか？ そんな僕はブログ書いたり、仕事でデザイン考えたり、コーディングしたり、日々マルチタスク状態です &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 01 Feb 2021 13:45:36 GMT</pubDate></item><item><title>未経験からWeb業界に転職！直前の転職活動について聞いてみた</title><link>https://shuns.me/p/1983/</link><guid isPermaLink="true">https://shuns.me/p/1983/</guid><description>&lt;p&gt;みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はインタビュー企画第二弾。 直近2,3か月前までデザイナーを目指し転職活動をしていたtakuさんにインタビューしました。異業種未経験からWeb業界に &amp;#8230; &lt;/p&gt;
</description><pubDate>Sat, 23 Jan 2021 16:50:56 GMT</pubDate></item><item><title>独学でWebデザインの勉強を挫折しないために気をつけたい落とし穴</title><link>https://shuns.me/p/1901/</link><guid isPermaLink="true">https://shuns.me/p/1901/</guid><description>&lt;p&gt;しゅん（@shun_webdesign）です。こんにちは。 僕はWebデザイナーを目指す上で学習を習慣にするのがとても大変でした。 なぜなら生まれてこの方勉強が嫌いな人だったからです。Webデザイン、Web制作の勉強を始 &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 21 Dec 2020 14:13:17 GMT</pubDate></item><item><title>業種未経験からWebデザイナーに転職するまでしたことを総ざらいしてみた</title><link>https://shuns.me/p/1774/</link><guid isPermaLink="true">https://shuns.me/p/1774/</guid><description>&lt;p&gt;こんにちは。しゅん(@shun_webdesign)です。僕がWebデザイナーに転職してから本日まで約半年が経過しました。 Twitterのダイレクトメッセージで転職に関する質問が唐突に送られて来ることが増えました。 今 &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 30 Nov 2020 20:00:52 GMT</pubDate></item><item><title>制作会社デザイナーに聞いたWebデザイナーになるまでの経験談</title><link>https://shuns.me/p/1591/</link><guid isPermaLink="true">https://shuns.me/p/1591/</guid><description>&lt;p&gt;こんにちは。デザイナーのしゅん（@shun_webdesign）です。 今回は「デザイナーさんの経験や人生にもっとスポットを当てていきたい」という考えのもと初のインタビュー記事を書かせていただきました。 僕自身Webデザ &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 01 Nov 2020 02:00:35 GMT</pubDate></item><item><title>やってはいけない。Webデザイナー転職活動中に失敗したこと【失敗談】</title><link>https://shuns.me/p/1562/</link><guid isPermaLink="true">https://shuns.me/p/1562/</guid><description>&lt;p&gt;皆さんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回は僕が経験した｢Webデザイナー転職活動で失敗したこと｣です。 今でこそデザイナーを名乗っていますが 僕は他業種からデザイナーに転職 &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 20 Oct 2020 23:42:31 GMT</pubDate></item><item><title>駆け出しWebデザイナーにおすすめしたい書籍7選</title><link>https://shuns.me/p/1255/</link><guid isPermaLink="true">https://shuns.me/p/1255/</guid><description>&lt;p&gt;こんにちは。デザイナーのしゅん（@shun_webdesign）です。 いよいよ秋に入り、「読書の秋」になってきましたが皆さんはデザインの勉強の際に本は使われますか？僕はついつい気になる本をたくさん買って積読してしまいま &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 29 Sep 2020 14:00:02 GMT</pubDate></item><item><title>イラストが描けない人も安心。無料イラスト素材が見つかるサイト10選</title><link>https://shuns.me/p/1302/</link><guid isPermaLink="true">https://shuns.me/p/1302/</guid><description>&lt;p&gt;こんにちは。しゅん(@shun_webdesign)です。普段はデザイナーのお仕事をしています。 近年イラストはWebデザインにおいてトレンドの１つとして注目を集めています。 Webサイトの雰囲気やテーマに合わせてイラス &amp;#8230; &lt;/p&gt;
</description><pubDate>Fri, 11 Sep 2020 11:35:26 GMT</pubDate></item><item><title>SEO対策の重要性とGoogleアドセンス審査に通過するまでやったこと。</title><link>https://shuns.me/p/653/</link><guid isPermaLink="true">https://shuns.me/p/653/</guid><description>&lt;p&gt;しゅん（@shun_webdesign）です。 WordPressの操作に慣れるため始めたブログですが、先日ようやくアドセンスの審査に合格することができました。 今回は「Googleアドセンスの審査までにやったこと」を紹 &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 23 Aug 2020 23:04:07 GMT</pubDate></item><item><title>明日から使える思うような検索結果が出ない時のGoogle検索方法</title><link>https://shuns.me/p/638/</link><guid isPermaLink="true">https://shuns.me/p/638/</guid><description>&lt;p&gt;皆さんこんにちは。しゅん(@shun_webdesign)です！ 今回は「明日から使える、思うような検索結果が出ない時の検索方法」について紹介させていただきます。 普段スマホやPCで何気なく検索したり、わからないこと調べ &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 18 Aug 2020 15:00:09 GMT</pubDate></item><item><title>Adobe初心者必見。Adobe Captureで手書きイラストを取り込む方法</title><link>https://shuns.me/p/895/</link><guid isPermaLink="true">https://shuns.me/p/895/</guid><description>&lt;p&gt;こんにちはー。しゅん（@shun_webdesign）です。 最近日中暑すぎて、ついにエアコンを使い始めました。 皆さんはAdobe Photoshopやillustratorを使ってイラストや絵を描きますか？ 「イラレ &amp;#8230; &lt;/p&gt;
</description><pubDate>Mon, 17 Aug 2020 07:34:35 GMT</pubDate></item><item><title>配色で悩む初学者に使える無料配色ツール</title><link>https://shuns.me/p/631/</link><guid isPermaLink="true">https://shuns.me/p/631/</guid><description>&lt;p&gt;こんにちは。しゅん（@shun_webdesign）です。 普段はデザインの仕事をしています。 皆さんはデザインの色を決める際にどう決めていますか？ 「配色を決める時どの色を使えばいいのかわからない」って方結構多いのでは &amp;#8230; &lt;/p&gt;
</description><pubDate>Wed, 12 Aug 2020 14:36:39 GMT</pubDate></item><item><title>簡単操作で誰でもお洒落なイラストが作成できる『Blush』の使い方</title><link>https://shuns.me/p/1128/</link><guid isPermaLink="true">https://shuns.me/p/1128/</guid><description>&lt;p&gt;こんにちは。しゅん(@shun_webdesign)です。 平日はデザインの仕事を主にしております。 近頃、イラストを使用したWebサイトが多く見られるようになりました。 イラストを効果的に使用することで文章では説明でき &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 09 Aug 2020 07:54:51 GMT</pubDate></item><item><title>Web制作の参考におすすめギャラリーサイト7つ</title><link>https://shuns.me/p/996/</link><guid isPermaLink="true">https://shuns.me/p/996/</guid><description>&lt;p&gt;シュンです。こんにちは。 セミの声がちらほら方々から聞こえてくるようになりましたね。 皆さんはWebサイトのデザインを考える時、参考にしているサイトはありますか？ 「インスピレーションが沸かない」「デザインの模写をしたい &amp;#8230; &lt;/p&gt;
</description><pubDate>Thu, 16 Jul 2020 00:32:11 GMT</pubDate></item><item><title>1日1サイトレビューを実践してWebデザインを言語化しよう</title><link>https://shuns.me/p/891/</link><guid isPermaLink="true">https://shuns.me/p/891/</guid><description>&lt;p&gt;しゅん（@shun_webdesign）です。こんにちは。 雨が続いて蒸し暑い1日が続きますね。 今回はツイッターでツイートしてる「1日1サイトレビュー」を実践しましたので 自分のレビューの方法を紹介させていただきます。 &amp;#8230; &lt;/p&gt;
</description><pubDate>Tue, 07 Jul 2020 14:40:09 GMT</pubDate></item><item><title>Web制作・デザイナーにオススメ！手軽に使えるGoogle Chrome拡張機能12選</title><link>https://shuns.me/p/802/</link><guid isPermaLink="true">https://shuns.me/p/802/</guid><description>&lt;p&gt;こんにちは！しゅん（@shun_webdesign）です。 皆さんは普段、何のブラウザを使用してますか？ ボクはWeb制作やプログラミングを勉強始め出してから便利すぎてずっとGoogleChromeを使ってます。 そんな &amp;#8230; &lt;/p&gt;
</description><pubDate>Sun, 05 Jul 2020 13:42:27 GMT</pubDate></item><item><title>Webデザイナーにおすすめフリーアイコンサービス</title><link>https://shuns.me/p/532/</link><guid isPermaLink="true">https://shuns.me/p/532/</guid><description>&lt;p&gt;こんにちは。しゅん（@shun_wedesign）です。 こんな方に今日はおすすめのアイコンサービスを紹介したいと思います。 ICOOON MONO アイコンは驚愕の6000種類以上。モノトーンで使いやすく、スッキリとし &amp;#8230; &lt;/p&gt;
</description><pubDate>Thu, 30 Jan 2020 15:18:22 GMT</pubDate></item><item><title>【簡単】無料でポートフォリオを公開できるサービス5選</title><link>https://shuns.me/p/98/</link><guid isPermaLink="true">https://shuns.me/p/98/</guid><description>&lt;p&gt;皆さんこんにちは。 今回はポートフォリオサイトが手軽に作れるサービスの紹介をさせていただきます。 作品やスキルを載せるのにとても便利なのでご覧ください。 関連記事 Webデザインを学べる超オススメの学習サイト『chot. &amp;#8230; &lt;/p&gt;
</description><pubDate>Thu, 05 Sep 2019 11:24:50 GMT</pubDate></item></channel></rss>