https://shibaemon.com/_next/static/chunks/pages/posts/adobe-affinity-bbb222cee48b7356.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7738],{5727:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/posts/adobe-affinity",function(){return o(871)}])},250:function(e,t,o){"use strict";var i=o(5893),a=o(1857),n=o.n(a);t.Z={footer:(0,i.jsxs)("footer",{className:"jsx-2447ca1c11803f07",children:[(0,i.jsxs)("small",{className:"jsx-2447ca1c11803f07",children:["Atsuhito.",(0,i.jsx)("a",{href:"/feed.xml",className:"jsx-2447ca1c11803f07",children:"RSS"})]}),(0,i.jsx)(n(),{id:"2447ca1c11803f07",children:"footer.jsx-2447ca1c11803f07{margin-top:8rem}a.jsx-2447ca1c11803f07{float:right}"})]})}},871:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return d.ZP}});var i,a=o(5893),n=o(6871),r=o(250);o(7707);var s=o(1151);o(5675);var d=o(9533);let l={filePath:"pages/posts/adobe-affinity.md",route:"/posts/adobe-affinity",frontMatter:{title:"AdobeとAffinityを比較！現場・個人で使うデザインソフトはどっちが良い？",date:"2020/08/28",description:"AdobeとAffinityを比較！現場・個人で使うデザインソフトはどっちが良い？",tag:["Web Design","Affinity"],author:"Atsuhito TEAM:ShibaEmon"},pageMap:[{kind:"MdxPage",name:"dtp",route:"/dtp",frontMatter:{type:"page",title:"DTP",date:"2021-03-18T00:00:00.000Z"}},{kind:"MdxPage",name:"movie",route:"/movie",frontMatter:{type:"page",title:"Movie",date:"2021-03-18T00:00:00.000Z"}},{kind:"MdxPage",name:"photos",route:"/photos",frontMatter:{type:"page",title:"Photos",date:"2021-03-18T00:00:00.000Z"}},{kind:"Folder",name:"posts",route:"/posts",children:[{kind:"MdxPage",name:"2038-problem",route:"/posts/2038-problem",frontMatter:{title:"古いwebシステム使っていませんか?2038年問題を知らないと危険!?",date:"2020/08/23",description:"古いwebシステム使っていませんか?2038年問題を知らないと危険!?",tag:["Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"about-camp-bonfire",route:"/posts/about-camp-bonfire",frontMatter:{title:"JavaScript,HTML5,cssでWebアプリ『Camp Bonfire』を公開",date:"2020/04/19",description:"JavaScript,HTML5,cssでWebアプリ『Camp Bonfire』を公開",tag:["Programming","Product"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"adobe-affinity",route:"/posts/adobe-affinity",frontMatter:{title:"AdobeとAffinityを比較！現場・個人で使うデザインソフトはどっちが良い？",date:"2020/08/28",description:"AdobeとAffinityを比較！現場・個人で使うデザインソフトはどっちが良い？",tag:["Web Design","Affinity"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"adsense-adstxt-howto",route:"/posts/adsense-adstxt-howto",frontMatter:{title:"【解決方法】要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。",date:"2020/02/10",description:"【解決方法】要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。",tag:["Blog HowTo"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"affinity-designer-howtobuy",route:"/posts/affinity-designer-howtobuy",frontMatter:{title:"お得なAffinity Designerの購入方法！タイミングを逃すな！",date:"2020/02/10",description:"お得なAffinity Designerの購入方法！タイミングを逃すな！",tag:["Affinity Designer","Affinity"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"amazon-prime",route:"/posts/amazon-prime",frontMatter:{title:"Amazon Primeを使い倒す方法！あなたはまだ知らないプライム会員でできること",date:"2020/12/09",description:"Amazon Primeを使い倒す方法！あなたはまだ知らないプライム会員でできること",tag:["Amazon"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"app-shibaemon-book",route:"/posts/app-shibaemon-book",frontMatter:{title:"体験型Web書店の公式アプリをリリースいたしました！",date:"2020/06/21",description:"体験型Web書店の公式アプリをリリースいたしました！",tag:["Product","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"app-web-design-color-schemes",route:"/posts/app-web-design-color-schemes",frontMatter:{title:"Webデザインに使う色の組み合わせを確認できる便利ツールを開発【Web Design Color Schemes】",date:"2020/12/23",description:"Webデザインに使う色の組み合わせを確認できる便利ツールを開発【Web Design Color Schemes】",tag:["Product","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"apple-itunes-gift",route:"/posts/apple-itunes-gift",frontMatter:{title:"Ap

1ple公式サイト購入時の注意点　iTunesギフトカードの違いについて",date:"2021/01/08",description:"Apple公式サイト購入時の注意点　iTunesギフトカードの違いについて",tag:["Apple"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"back-slash",route:"/posts/back-slash",frontMatter:{title:"\\ バックスラッシュをMacで入力する方法",date:"2020/03/08",description:"\\ バックスラッシュをMacで入力する方法",tag:["Programming","PHP"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"command-mac-finder-secretfile",route:"/posts/command-mac-finder-secretfile",frontMatter:{title:"Mac Finderの隠しファイルを表示するショートカットキー",date:"2021/05/12",description:"Mac Finderの隠しファイルを表示するショートカットキー",tag:["MacBook Pro","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"composer-update-token",route:"/posts/composer-update-token",frontMatter:{title:"composer updateでTokenを聞かれた時の解決方法",date:"2020/12/26",description:"composer updateでTokenを聞かれた時の解決方法",tag:["GitHub","Laravel","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"dock-open-close",route:"/posts/dock-open-close",frontMatter:{title:"Dockを非表示にする方法【Apple MacOS】",date:"2021/01/31",description:"Dockを非表示にする方法【Apple MacOS】",tag:["Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"engineer-price",route:"/posts/engineer-price",frontMatter:{title:"エンジニアの給料や依頼額が高い訳",date:"2021/01/08",description:"エンジニアの給料や依頼額が高い訳",tag:["Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"error-pool-overlaps-with-other-one-on-this-address-space",route:"/posts/error-pool-overlaps-with-other-one-on-this-address-space",frontMatter:{title:"【解決方法】ERROR Pool overlaps with other one on this address space",date:"2021/07/22",description:"【解決方法】ERROR Pool overlaps with other one on this address space",tag:["Programming","Docker"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"finder-batsu",route:"/posts/finder-batsu",frontMatter:{title:"【Finder】フォルダ左上のバツを消す方法",date:"2020/11/19",description:"【Finder】フォルダ左上のバツを消す方法",tag:["Programming","MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"firebase-firestore-deploy-blaze",route:"/posts/firebase-firestore-deploy-blaze",frontMatter:{title:"FirebaseのFirestoreは無料プランのホスティングが出来ない！",date:"2020/09/05",description:"FirebaseのFirestoreは無料プランのホスティングが出来ない！",tag:["Programming","Firebase"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"first-step",route:"/posts/first-step",frontMatter:{title:"まずは1分行動。それから考える。結果を出すための思考法",date:"2020/11/17",description:"まずは1分行動。それから考える。結果を出すための思考法",tag:["Idea","Business","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"flutter-error-launching-application-on-sdk-gphone64-arm64",route:"/posts/flutter-error-launching-application-on-sdk-gphone64-arm64",frontMatter:{title:"【解決方法】Error launching application on sdk gphone64 arm64. Flutter runでビルドできない時",date:"2022/5/29",description:"【解決方法】Error launching application on sdk gphone64 arm64. Flutter runでビルドできない時",tag:["Flutter","Mobile Development","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"free-blog-demerit",route:"/posts/free-blog-demerit",frontMatter:{title:"無料ブログの落とし穴!?知らないと今までの時間と労力が無駄に!",date:"2019/11/18",description:"無料ブログの落とし穴!?知らないと今までの時間と労力が無駄に!",tag:["Blog HowTo"],author:"Atsuhito TEAM:ShibaEmon"}}

1,{kind:"MdxPage",name:"fukuyama-hp",route:"/posts/fukuyama-hp",frontMatter:{title:"福山市で起業に強いホームページを作るには？",date:"2020/02/11",description:"福山市で起業に強いホームページを作るには？",tag:["Home Page"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"future-become-programmer",route:"/posts/future-become-programmer",frontMatter:{title:"プログラマーになるのは本当に最適か？【理想と現実と正攻法】",date:"2020/03/30",description:"プログラマーになるのは本当に最適か？【理想と現実と正攻法】",tag:["Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"git-command-short",route:"/posts/git-command-short",frontMatter:{title:"Gitコマンド省略入力で生産性UP",date:"2020/12/07",description:"Gitコマンド省略入力で生産性UP",tag:["Programming","GitHub"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"github-push-fatal",route:"/posts/github-push-fatal",frontMatter:{title:"GitHub解決方法『fatal Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.』Pushできない！",date:"2021/05/21",description:"GitHub解決方法『fatal Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.』Pushできない！",tag:["Programming","GitHub"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"google-ad-subdirectory",route:"/posts/google-ad-subdirectory",frontMatter:{title:"Google広告はサブディレクトリならOK！サブドメインは審査が通らない!?【旧Adwords】",date:"2020/08/16",description:"Google広告はサブディレクトリならOK！サブドメインは審査が通らない!?【旧Adwords】",tag:["Google"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"google-ads-first-setting",route:"/posts/google-ads-first-setting",frontMatter:{title:"Google広告の新しいキャンペーンを作成について解説！",date:"2020/08/24",description:"Google広告の新しいキャンペーンを作成について解説！",tag:["Google"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"google-chrome-edge-secure",route:"/posts/google-chrome-edge-secure",frontMatter:{title:"Google拡張機能追加は慎重に！ChromeやEdgeの拡張機能がマルウェアやウイルス温床の可能性",date:"2020/12/18",description:"Google拡張機能追加は慎重に！ChromeやEdgeの拡張機能がマルウェアやウイルス温床の可能性",tag:["Secure","Programming","Google"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"heteml-terminal-ssh-howto",route:"/posts/heteml-terminal-ssh-howto",frontMatter:{title:"へテムルにターミナルでSSH接続する方法",date:"2020/04/07",description:"へテムルにターミナルでSSH接続する方法",tag:["Heteml","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"hhkb-macos-driver",route:"/posts/hhkb-macos-driver",frontMatter:{title:"HHKBをMacOSで使う方法とドライバのダウンロードについて",date:"2021/01/03",description:"HHKBをMacOSで使う方法とドライバのダウンロードについて",tag:["KeyBoard","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"howto-new-ajax",route:"/posts/howto-new-ajax",frontMatter:{title:"最新Ajaxを理解しよう！JSON jQuery Axios Vue.js で非同期通信を体験！JavaScriptの基礎を始める",date:"2020/08/21",description:"最新Ajaxを理解しよう！JSON jQuery Axios Vue.js で非同期通信を体験！JavaScriptの基礎を始める",tag:["JavaScript","Ajax","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"index",route:"/posts",frontMatter:{type:"posts",title:"Posts",date:"2021-03-18T00:00:00.000Z"}},{kind:"MdxPage",name:"internet-speed-late",route:"/posts/internet-speed-late",frontMatter:{title:"インターネットが遅い？回線速度を測定して原因を特定しよう！",date:"2021/09/12",description:"インターネットが遅い？回線速度を測定して原因を特定しよう！",tag:["WiFi"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"ipad-charge",route:"/posts/ipad-charge",frontMatter:{title:"【無料解決】iPadが何日経っても充電できない時の対処方法",date:"2021/01/11",description:"【無料解決】iPadが何日経っても充電できない時の対処方法",tag:["iPad"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"ipad-keyboard",route:"/posts/ipad-keyboard",frontMatter:{title:"iPadに最適なキーボード　iMacがある人は買わなくてもOK!?",date:"2020/12/07",description:"iPadに最適なキーボード　iMacがある人は買わなくてもOK!?",tag:["iPad","KeyBoard"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"ipad-programming",route:"/posts/ipad-programming",frontMatter:{title:"【現役エンジニア解説】iPadがプログラミングに使える？",date:"2020/12/14",description:"【現役エンジニア解説】iPadがプログラミングに使える？",tag:["iPad","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"ipod-touch-battery",route:"/posts/ipod-touch-battery",frontMatter:{title:"【鬼対処】ipod touchの充電減りが速すぎ問題",date:"2020/11/03",description:"【鬼対処】ipod touchの充電減りが速すぎ問題",tag:["iPod"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"keychron-for-mac",route:"/posts/keychron-for-mac",frontMatter:{title:"Keychronを安く手に入れよう！Mac用メカニカルキーボード界の救世主！",date:"2020/12/20",description:"Keychronを安く手に入れよう！Mac用メカニカルキーボード界の救世主！",tag:["MacBook Pro","KeyBoard"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"laravel-blade-problem-01",route:"/posts/laravel-blade-problem-01",frontMatter:{title:"【Laravel】view bladeファイルを修正したã

1®ã«ä¿®æ­£åæ˜ ã•ã‚Œãªã„問題の解決方法",date:"2020/08/29",description:"【Laravel】view bladeファイルを修正したのに修正反映されない問題の解決方法",tag:["Laravel","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"laravel-chart-js-nodisplay",route:"/posts/laravel-chart-js-nodisplay",frontMatter:{title:"【Laravel Chart.js】グラフが表示されない時の対処方法",date:"2020/09/20",description:"【Laravel Chart.js】グラフが表示されない時の対処方法",tag:["Laravel","JavaScript","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"laravel-mac-error",route:"/posts/laravel-mac-error",frontMatter:{title:"MacOS初期化後のLaravel開発環境とMAMPのエラー解決方法！",date:"2020/08/28",description:"MacOS初期化後のLaravel開発環境とMAMPのエラー解決方法！",tag:["MacBook Pro","Programming","MAMP"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"laravel-tinymce-xss",route:"/posts/laravel-tinymce-xss",frontMatter:{title:"【Laravel TinyMCE導入】Textareaで入力したHTMLソースを画面にそのまま出力する方法&注意すべきXSS対策について",date:"2020/09/18",description:"【Laravel TinyMCE導入】Textareaで入力したHTMLソースを画面にそのまま出力する方法&注意すべきXSS対策について",tag:["Programming","Laravel"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"local-by-flywheel-easy",route:"/posts/local-by-flywheel-easy",frontMatter:{title:"Local by Flywheelが一番簡単！ワードプレスのローカル開発環境",date:"2020/10/05",description:"Local by Flywheelが一番簡単！ワードプレスのローカル開発環境",tag:["Programming","WordPress"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"local-your-lightning-services-are-missing",route:"/posts/local-your-lightning-services-are-missing",frontMatter:{title:"【解決方法】Your Lightning services are missing... WordPress環境の起動ができない！Local 旧Local by flywheel",date:"2022/02/11",description:"【解決方法】Your Lightning services are missing... WordPress環境の起動ができない！Local 旧Local by flywheel",tag:["Programming","WordPress","Local LocalByFlywheel"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-allow-all-applications",route:"/posts/mac-allow-all-applications",frontMatter:{title:"macすべてのアプリケーションを許可　解決方法",date:"2021/01/06",description:"macすべてのアプリケーションを許可　解決方法",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-extention",route:"/posts/mac-extention",frontMatter:{title:"Mac 拡張子を表示する方法",date:"2020/08/29",description:"Mac 拡張子を表示する方法",tag:["MacBook Pro","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-github-ssh",route:"/posts/mac-github-ssh",frontMatter:{title:"Macで一番シンプルなGitHub SSH接続方法",date:"2020/08/29",description:"Macで一番シンプルなGitHub SSH接続方法",tag:["GitHub","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-keyboard-swamp",route:"/posts/mac-keyboard-swamp",frontMatter:{title:"選択肢激増！MacBookのキーボードで悩む前に読んで！メカニカルから尊師スタイルまで網羅！",date:"2020/12/16",description:"選択肢激増！MacBookのキーボードで悩む前に読んで！メカニカルから尊師スタイルまで網羅！",tag:["MacBook Pro","KeyBoard"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-maintenance-howto",route:"/posts/mac-maintenance-howto",frontMatter:{title:"Macの不調を解決する！簡単定期メンテナンス",date:"2020/12/23",description:"Macの不調を解決する！簡単定期メンテナンス",tag:["MacBook Pro","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-mojave-screen-shot",route:"/posts/mac-mojave-screen-shot",frontMatter:{title:"Mac Mojave以降のスクリーンショット保存先を変更する簡単な方法",date:"2020/08/30",description:"Mac Mojave以降のスクリーンショット保存先を変更する簡単な方法",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac-wifi-miss",route:"/posts/mac-wifi-miss",frontMatter:{title:"まさかの！MacのWifiが繋がりにくくなったらコレを疑え！【Apple MacOS】",date:"2021/01/31",description:"まさかの！MacのWifiが繋がりにくくなったらコレを疑え！【Apple MacOS】",tag:["MacBook Pro","WiFi"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"mac30gb",route:"/posts/mac30gb",frontMatter:{title:"Macの空き容量が30GBも増加!?システム容量を削減するコマンド一覧！",date:"2021/07/05",description:"Macの空き容量が30GBも増加!?システム容量を削減するコマンド一覧！",tag:["MacBook Pro","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbook-convenience-command",route:"/posts/macbook-convenience-command",frontMatter:{title:"MacBookの便利コマンド一覧",date:"2020/06/21",description:"MacBookの便利コマンド一覧",tag:["MacBook Pro","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbook-pro-hot-vscode",route:"/posts/macbook-pro-hot-vscode",frontMatter:{title:"MacBook Proが熱くなる原因はVScode！Code HelperがCPU100%超えていませんか？",date:"2020/08/14",description:"MacBook Proが熱くなる原因はVScode！Code HelperがCPU100%超えていませんか？",tag:["MacBook Pro","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbook-pro-not-charge",route:"/posts/macbook-pro-not-charge",frontMatter:{title:"Macbook ProがUSB-Cで充電できない時の対処方法",date:"2021/01/07",description:"Macbook ProがUSB-Cで充電できない時の対処方法",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbook-pro-sub-display-hot",route:"/posts/macbook-pro-sub-display-hot",frontMatter:{title:"サブディスプレイの影響で熱くなるMacBook Proの対策方法",date:"2021/01/07",description:"サブディスプレイの影響で熱くなるMacBook Proの対策方法",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbookpro-heat-measures",route:"/posts/macbookpro-heat-measures",frontMatter:{title:"MacBook Proが凄く熱い！熱対策をしてダメージを減らそう！",date:"2020/07/22",description:"MacBook Proが凄く熱い！熱対策をしてダメージを減らそう！",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbookpro-right-click",route:"/posts/macbookpro-right-click",frontMatter:{title:"MacBook Proの2本指右クリックが効かなくなった時の対処方法とは？",date:"2020/04/18",description:"MacBook Proの2本指右クリックが効かなくなった時の対処方法とは？",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macbookpro-suddenly-shutdown",route:"/posts/macbookpro-suddenly-shutdown",frontMatter:{title:"【修理前に解決！】MacBookProが急にシャットダウン!原因と対処方法",date:"2020/12/16",description:"【修理前に解決！】MacBookProが急にシャットダウン!原因と対処方法",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"macos-big-sur-error",route:"/posts/macos-big-sur-error",frontMatter:{title:"MacOS Big Surの不具合報告とアップデートは様子見した方が良い!?",date:"2020/11/18",description:"MacOS Big Surの不具合報告とアップデートは様子見した方が良い!?",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"markdown",route:"/posts/markdown",frontMatter:{title:"Markdown Examples",date:"2021/3/19",description:"View examples of all possible Markdown options.",tag:"web development",author:"You"}},{kind:"MdxPage",name:"mobile-first",route:"/posts/mobile-first",frontMatter:{title:"【解決方法:ページがモバイルフレンドリーではありません】をモバイル対応にするためのmetaタグ",date:"2020/08/30",description:"【解決方法:ページがモバイルフレンドリーではありません】をモバイル対応にするためのmetaタグ",tag:["Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"odayaka-twitter",route:"/posts/odayaka-twitter",frontMatter:{title:"『おだやかTwitter』が素晴らしい拡張機能！汚れた情報から身を守る",date:"2021/01/05",description:"『おだやかTwitter』が素晴らしい拡張機能！汚れた情報から身を守る",tag:["Google Chrome Extensions"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"pages",route:"/posts/pages",frontMatter:{title:"Next.js Pages",date:"2021/3/18",description:"Learn more about Next.js pages.",tag:"web development",author:"You"}},{kind:"MdxPage",name:"pc-warmer",route:"/posts/pc-warmer",frontMatter:{title:"手が寒くて冷たい！手と指先を温かくしてパソコン作業効率を上げる方法！",date:"2020/12/04",description:"手が寒くて冷たい！手と指先を温かくしてパソコン作業効率を上げる方法！",tag:["Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"python3-docker-error",route:"/posts/python3-docker-error",frontMatter:{title:"Python3 Docker環境構築+実行時エラーの解決方法",date:"2020/11/13",description:"Python3 Docker環境構築+実行時エラーの解決方法",tag:["Programming","Python"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"rental-server-2020",route:"/posts/rental-server-2020",frontMatter:{title:"Web業界のプロが選ぶレンタルサーバー！【初心者〜上級者共通】",date:"2020/03/30",description:"Web業界のプロが選ぶレンタルサーバー！【初心者〜上級者共通】",tag:["Programming","Blog HowTo"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"repair-submonitor",route:"/posts/repair-submonitor",frontMatter:{title:"パソコンのデュアルディスプレイモニターが輝度・コントラスト調整をできない！故障時の対応方法や応急処置について",date:"2021/05/11",description:"パソコンのデュアルディスプレイモニターが輝度・コントラスト調整をできない！故障時の対応方法や応急処置について",tag:["PC","Display"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"sidecar-ipad-macbookpro",route:"/posts/sidecar-ipad-macbookpro",frontMatter:{title:"SideCar未対応iPadをMacBookのサブディスプレイにする",date:"2021/01/06",description:"SideCar未対応iPadをMacBookのサブディスプレイにするついて",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"the-terminal-process-failed-to-launch-starting-directory-cwd",route:"/posts/the-terminal-process-failed-to-launch-starting-directory-cwd",frontMatter:{title:"【解決方法】The terminal process failed to launch Starting directory (cwd)",date:"2020/12/25",description:"【解決方法】The terminal process failed to launch Starting directory (cwd)",tag:["Visual Studio Code"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"twitter-vertical-trimming",route:"/posts/twitter-vertical-trimming",frontMatter:{title:"Twitterで縦長画像を綺麗に投稿&表示させるサイズ比率は？",date:"2021/05/06",description:"Twitterで縦長画像を綺麗に投稿&表示させるサイズ比率は？",tag:["Blog HowTo","Twitter"],author:"Atsuhito TEAM:ShibaEmon"}}

1,{kind:"MdxPage",name:"visual-studio-code-20216-version-1-58",route:"/posts/visual-studio-code-20216-version-1-58",frontMatter:{title:"ターミナルのタブ切替＆分割が簡単に⁉︎Visual Studio Code 2021年6月 (version 1.58)",date:"2021/07/11",description:"ターミナルのタブ切替＆分割が簡単に⁉︎Visual Studio Code 2021年6月 (version 1.58)",tag:["Visual Studio Code"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"visual-studio-code-extension",route:"/posts/visual-studio-code-extension",frontMatter:{title:"Visual Studio Codeに入れておきたい拡張機能！",date:"2020/08/23",description:"Visual Studio Codeに入れておきたい拡張機能！",tag:["Visual Studio Code","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"visual-studio-code-toggle-word-wrap",route:"/posts/visual-studio-code-toggle-word-wrap",frontMatter:{title:"Visual Studio Codeで折り返し表示する方法　デフォルト設定もご紹介！",date:"2020/08/29",description:"Visual Studio Codeで折り返し表示する方法　デフォルト設定もご紹介！",tag:["Visual Studio Code"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"voice-memo-finder",route:"/posts/voice-memo-finder",frontMatter:{title:"ボイスメモの音声保存場所をFinderで表示！",date:"2020/08/30",description:"ボイスメモの音声保存場所をFinderで表示！",tag:["MacBook Pro"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"web-abbreviation",route:"/posts/web-abbreviation",frontMatter:{title:"Web業界にいて身についた略語や造語まとめ",date:"2020/04/01",description:"Web業界にいて身についた略語や造語まとめ",tag:["PC","Programming"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"wifi-speed",route:"/posts/wifi-speed",frontMatter:{title:"WiFiスピード改善方法とオススメのインターネット環境を考察！",date:"2020/12/18",description:"WiFiスピード改善方法とオススメのインターネット環境を考察！",tag:["WiFi"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"youtube-how-to-make-equipment",route:"/posts/youtube-how-to-make-equipment",frontMatter:{title:"本格的なYoutube動画の作り方【機材や編集アプリの選び方編】",date:"2019/11/13",description:"本格的なYoutube動画の作り方【機材や編集アプリの選び方編】",tag:["YouTube","Video Equipment","Video Editing"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"youtube-terms-child-coppa",route:"/posts/youtube-terms-child-coppa",frontMatter:{title:"【重要：全てのYouTuber収益関係】チャンネルを子ども向けとして設定しますか？に対する設定方法とは？",date:"2019/11/13",description:"【重要：全てのYouTuber収益関係】チャンネルを子ども向けとして設定しますか？に対する設定方法とは？",tag:["YouTube"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"MdxPage",name:"zoom-earphone-no",route:"/posts/zoom-earphone-no",frontMatter:{title:"【解決方法】ZOOM会議でイヤホンから音が出ない！",date:"2021/09/25",description:"【解決方法】ZOOM会議でイヤホンから音が出ない！",tag:["MacBook Pro","Zoom"],author:"Atsuhito TEAM:ShibaEmon"}},{kind:"Meta",data:{"flutter-error-launching-application-on-sdk-gphone64-arm64":"【解決方法】Error launching application on sdk gphone64 arm64. Flutter runでビルドできない時","local-your-lightning-services-are-missing":"【解決方法】Your Lightning services are missing... WordPress環境の起動ができない！Local 旧Local by flywheel","zoom-earphone-no":"【解決方法】ZOOM会議でイヤホンから音が出ない！","internet-speed-late":"インターネットが遅い？回線速度を測定して原因を特定しよう！","error-pool-overlaps-with-other-one-on-this-address-space":"【解決方法】ERROR Pool overlaps with other one on this address space","visual-studio-code-20216-version-1-58":"ターミナルのタブ切替＆分割が簡単に⁉︎Visual Studio Code 2021年6月 (version 1.58)",mac30gb:"Macの空き容量が30GBも増加!?システム容量を削減するコマンド一覧！","github-push-fatal":"GitHub解決方法『fatal Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.』Pushできない！","command-mac-finder-secretfile":"Mac Finderの隠しファイルを表示するショートカットキー","repair-submonitor":"パソコンのデュアルディスプレイモニターが輝度・コントラスト調整をできない！故障時の対応方法や応急処置について","twitter-vertical-trimming":"Twitterで縦長画像を綺麗に投稿&表示させるサイズ比率は？",markdown:"Markdown Examples",index:"Posts",pages:"Next.js Pages","dock-open-close":"Dockを非表示にする方法【Apple MacOS】","mac-wifi-miss":"まさかの！MacのWifiが繋がりにくくなったらコレを疑え！【Apple MacOS】","ipad-charge":"【無料解決】iPadが何日経っても充電できない時の対処方法","a

1pple-itunes-gift":"Apple公式サイト購入時の注意点　iTunesギフトカードの違いについて","engineer-price":"エンジニアの給料や依頼額が高い訳","macbook-pro-not-charge":"Macbook ProがUSB-Cで充電できない時の対処方法","macbook-pro-sub-display-hot":"サブディスプレイの影響で熱くなるMacBook Proの対策方法","mac-allow-all-applications":"macすべてのアプリケーションを許可　解決方法","sidecar-ipad-macbookpro":"SideCar未対応iPadをMacBookのサブディスプレイにする","odayaka-twitter":"『おだやかTwitter』が素晴らしい拡張機能！汚れた情報から身を守る","hhkb-macos-driver":"HHKBをMacOSで使う方法とドライバのダウンロードについて","composer-update-token":"composer updateでTokenを聞かれた時の解決方法","the-terminal-process-failed-to-launch-starting-directory-cwd":"【解決方法】The terminal process failed to launch Starting directory (cwd)","app-web-design-color-schemes":"Webデザインに使う色の組み合わせを確認できる便利ツールを開発【Web Design Color Schemes】","mac-maintenance-howto":"Macの不調を解決する！簡単定期メンテナンス","keychron-for-mac":"Keychronを安く手に入れよう！Mac用メカニカルキーボード界の救世主！","google-chrome-edge-secure":"Google拡張機能追加は慎重に！ChromeやEdgeの拡張機能がマルウェアやウイルス温床の可能性","wifi-speed":"WiFiスピード改善方法とオススメのインターネット環境を考察！","mac-keyboard-swamp":"選択肢激増！MacBookのキーボードで悩む前に読んで！メカニカルから尊師スタイルまで網羅！","macbookpro-suddenly-shutdown":"【修理前に解決！】MacBookProが急にシャットダウン!原因と対処方法","ipad-programming":"【現役エンジニア解説】iPadがプログラミングに使える？","amazon-prime":"Amazon Primeを使い倒す方法！あなたはまだ知らないプライム会員でできること","git-command-short":"Gitコマンド省略入力で生産性UP","ipad-keyboard":"iPadに最適なキーボード　iMacがある人は買わなくてもOK!?","pc-warmer":"手が寒くて冷たい！手と指先を温かくしてパソコン作業効率を上げる方法！","finder-batsu":"【Finder】フォルダ左上のバツを消す方法","macos-big-sur-error":"MacOS Big Surの不具合報告とアップデートは様子見した方が良い!?","first-step":"まずは1分行動。それから考える。結果を出すための思考法","python3-docker-error":"Python3 Docker環境構築+実行時エラーの解決方法","ipod-touch-battery":"【鬼対処】ipod touchの充電減りが速すぎ問題","local-by-flywheel-easy":"Local by Flywheelが一番簡単！ワードプレスのローカル開発環境","laravel-chart-js-nodisplay":"【Laravel Chart.js】グラフが表示されない時の対処方法","laravel-tinymce-xss":"【Laravel TinyMCE導入】Textareaで入力したHTMLソースを画面にそのまま出力する方法&注意すべきXSS対策について","firebase-firestore-deploy-blaze":"FirebaseのFirestoreは無料プランのホスティングが出来ない！","mac-mojave-screen-shot":"Mac Mojave以降のスクリーンショット保存先を変更する簡単な方法","mobile-first":"【解決方法:ページがモバイルフレンドリーではありません】をモバイル対応にするためのmetaタグ","voice-memo-finder":"ボイスメモの音声保存場所をFinderで表示！","laravel-blade-problem-01":"【Laravel】view bladeファイルを修正したのに修正反映されない問題の解決方法","mac-extention":"Mac 拡張子を表示する方法","mac-github-ssh":"Macで一番シンプルなGitHub SSH接続方法","visual-studio-code-toggle-word-wrap":"Visual Studio Codeで折り返し表示する方法　デフォルト設定もご紹介！","adobe-affinity":"AdobeとAffinityを比較！現場・個人で使うデザインソフトはどっちが良い？","laravel-mac-error":"MacOS初期化後のLaravel開発環境とMAMPのエラー解決方法！","google-ads-first-setting":"Google広告の新しいキャンペーンを作成について解説！","2038-problem":"古いwebシステム使っていませんか?2038年問題を知らないと危険!?","visual-studio-code-extension":"Visual Studio Codeに入れておきたい拡張機能！","howto-new-ajax":"最新Ajaxを理解しよう！JSON jQuery Axios Vue.js で

1非同期通信を体験！JavaScriptの基礎を始める","google-ad-subdirectory":"Google広告はサブディレクトリならOK！サブドメインは審査が通らない!?【旧Adwords】","macbook-pro-hot-vscode":"MacBook Proが熱くなる原因はVScode！Code HelperがCPU100%超えていませんか？","macbookpro-heat-measures":"MacBook Proが凄く熱い！熱対策をしてダメージを減らそう！","app-shibaemon-book":"体験型Web書店の公式アプリをリリースいたしました！","macbook-convenience-command":"MacBookの便利コマンド一覧","about-camp-bonfire":"JavaScript,HTML5,cssでWebアプリ『Camp Bonfire』を公開","macbookpro-right-click":"MacBook Proの2本指右クリックが効かなくなった時の対処方法とは？","heteml-terminal-ssh-howto":"へテムルにターミナルでSSH接続する方法","web-abbreviation":"Web業界にいて身についた略語や造語まとめ","future-become-programmer":"プログラマーになるのは本当に最適か？【理想と現実と正攻法】","rental-server-2020":"Web業界のプロが選ぶレンタルサーバー！【初心者〜上級者共通】","back-slash":"\\ バックスラッシュをMacで入力する方法","fukuyama-hp":"福山市で起業に強いホームページを作るには？","adsense-adstxt-howto":"【解決方法】要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。","affinity-designer-howtobuy":"お得なAffinity Designerの購入方法！タイミングを逃すな！","free-blog-demerit":"無料ブログの落とし穴!?知らないと今までの時間と労力が無駄に!","youtube-how-to-make-equipment":"本格的なYoutube動画の作り方【機材や編集アプリの選び方編】","youtube-terms-child-coppa":"【重要：全てのYouTuber収益関係】チャンネルを子ども向けとして設定しますか？に対する設定方法とは？"}}]},{kind:"MdxPage",name:"privacy-policy-2",route:"/privacy-policy-2",frontMatter:{type:"page",title:"Privacy Policy",date:"2021-03-18T00:00:00.000Z"}},{kind:"MdxPage",name:"system",route:"/system",frontMatter:{type:"page",title:"System",date:"2021-03-18T00:00:00.000Z"}},{kind:"Folder",name:"tags",route:"/tags",children:[{kind:"MdxPage",name:"[tag]",route:"/tags/[tag]",frontMatter:{type:"tag",title:"Tagged Posts"}},{kind:"Meta",data:{"[tag]":"Tagged Posts"}}]},{kind:"MdxPage",name:"web-build",route:"/web-build",frontMatter:{type:"page",title:"Web Page",date:"2021-03-18T00:00:00.000Z"}},{kind:"MdxPage",name:"works",route:"/works",frontMatter:{type:"page",title:"Works",date:"2021-03-18T00:00:00.000Z"}},{kind:"Meta",data:{dtp:"DTP",movie:"Movie",photos:"Photos","privacy-policy-2":"Privacy Policy",system:"System","web-build":"Web Page",works:"Works",posts:"Posts",tags:"Tags"}}],headings:[{type:"heading",depth:2,children:[{type:"text",value:"Affinity Designerを使ったWebデザインの教本が発売中です！",position:{start:{line:12,column:4,offset:285},end:{line:12,column:42,offset:323}}}],position:{start:{line:12,column:1,offset:282},end:{line:12,column:42,offset:323}},value:"Affinity Designerを使ったWebデザインの教本が発売中です！"},{type:"heading",depth:3,children:[{type:"text",value:"応用編はこちら！",position:{start:{line:22,column:5,offset:577},end:{line:22,column:13,offset:585}}}],position:{start:{line:22,column:1,offset:573},end:{line:22,column:13,offset:585}},value:"応用編はこちら！"},{type:"heading",depth:2,children:[{type:"text",value:"コスト面で考えるならAffinity",position:{start:{line:45,column:4,offset:1115},end:{line:45,column:22,offset:1133}}}],position:{start:{line:45,column:1,offset:1112},end:{line:45,column:22,offset:1133}},value:"コスト面で考えるならAffinity"},{type:"heading",depth:4,children:[{type:"text",value:"Affinityは購入後の費用がかからない！",position:{start:{line:55,column:6,offset:1260},end:{line:55,column:28,offset:1282}}}],position:{start:{line:55,column:1,offset:1255},end:{line:55,column:28,offset:1282}},value:"Affinityは購入後の費用がかからない！"},{type:"heading",depth:4,children:[{type:"text",value:"AffinityはMacとWindowsそれぞれのOS毎に購入が必要",position:{start:{line:61,column:6,offset:1387},end:{line:61,column:40,offset:1421}}}],position:{start:{line:61,column:1,offset:1382},end:{line:61,column:40,offset:1421}},value:"AffinityはMacとWindowsそれぞれのOS毎に購入が必要"},{type:"heading",depth:4,children:[{type:"text",value:"Adobe製品がどんどん高くなる",position:{start:{line:85,column:6,offset:1778},end:{line:85,column:22,offset:1794}}}],position:{start:{line:85,column:1,offset:1773},end:{line:85,column:22,offset:1794}},value:"Adobe製品がどんどん高くなる"},{type:"heading",depth:4,children:[{type:"text",value:"Adobeを安く購入する方法はある！",position:{start:{line:95,column:6,offset:1966},end:{line:95,column:24,offset:1984}}}],position:{start:{line:95,column:1,offset:1961},end:{line:95,column:24,offset:1984}},value:"Adobeを安く購入する方法はある！"},{type:"heading",depth:3,children:[{type:"text",value:"個人でデザインを始めるならAffinity",position:{start:{line:107,column:

15,offset:2221},end:{line:107,column:26,offset:2242}}}],position:{start:{line:107,column:1,offset:2217},end:{line:107,column:26,offset:2242}},value:"個人でデザインを始めるならAffinity"},{type:"heading",depth:2,children:[{type:"text",value:"『Adobe』『Affinity』の使い勝手について",position:{start:{line:115,column:4,offset:2406},end:{line:115,column:30,offset:2432}}}],position:{start:{line:115,column:1,offset:2403},end:{line:115,column:30,offset:2432}},value:"『Adobe』『Affinity』の使い勝手について"},{type:"heading",depth:3,children:[{type:"text",value:"Adobe製品のココが良い！",position:{start:{line:135,column:5,offset:2937},end:{line:135,column:19,offset:2951}}}],position:{start:{line:135,column:1,offset:2933},end:{line:135,column:19,offset:2951}},value:"Adobe製品のココが良い！"},{type:"heading",depth:2,children:[{type:"text",value:"Affinityは個人のクリエイターにとって神ツール",position:{start:{line:147,column:4,offset:3272},end:{line:147,column:30,offset:3298}}}],position:{start:{line:147,column:1,offset:3269},end:{line:147,column:30,offset:3298}},value:"Affinityは個人のクリエイターにとって神ツール"},{type:"heading",depth:3,children:[{type:"text",value:"他一つのできないことを除いて…",position:{start:{line:151,column:5,offset:3357},end:{line:151,column:20,offset:3372}}}],position:{start:{line:151,column:1,offset:3353},end:{line:151,column:20,offset:3372}},value:"他一つのできないことを除いて…"},{type:"heading",depth:3,children:[{type:"text",value:"Affinityは超軽い動作！",position:{start:{line:217,column:5,offset:5089},end:{line:217,column:20,offset:5104}}}],position:{start:{line:217,column:1,offset:5085},end:{line:217,column:20,offset:5104}},value:"Affinityは超軽い動作！"},{type:"heading",depth:2,children:[{type:"text",value:"Affinity Designerを使ってデザインするなら一緒に持っておきたい一冊",position:{start:{line:243,column:4,offset:5705},end:{line:243,column:45,offset:5746}}}],position:{start:{line:243,column:1,offset:5702},end:{line:243,column:45,offset:5746}},value:"Affinity Designerを使ってデザインするなら一緒に持っておきたい一冊"},{type:"heading",depth:3,children:[{type:"text",value:"応用編はこちら！",position:{start:{line:253,column:5,offset:5995},end:{line:253,column:13,offset:6003}}}],position:{start:{line:253,column:1,offset:5991},end:{line:253,column:13,offset:6003}},value:"応用編はこちら！"}],flexsearch:{codeblocks:!0}};function c(e){let t=Object.assign({p:"p",h2:"h2",a:"a",h3:"h3",br:"br",h4:"h4",div:"div",pre:"pre",code:"code",span:"span",strong:"strong"},(0,s.ah)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.p,{children:"今回はホームページを制作するにあたって、デザイン編集ソフトはどれが良いか？というお話です。"}),"\n",(0,a.jsx)(t.p,{children:"今、Adobe製品かAffinity製品のどちらを使うのが良いのか、迷われているかと思います。"}),"\n",(0,a.jsx)(t.p,{children:"ですが、今からWebデザインを始める方や、これから起業する方、Adobe税を支払いたくないなどで乗り換え検討中の方にオススメできるソフト。"}),"\n",(0,a.jsx)(t.p,{children:"Affinityシリーズがオススメです。"}),"\n",(0,a.jsx)(t.p,{children:"現役のWebデザイナーが書いた、Affinity Designerを使用したWebデザインの実践テクニック本もありますので、不安に思われている方も安心して使い始めることができます。"}),"\n",(0,a.jsx)(t.h2,{id:"affinity-designerを使ったwebデザインの教本が発売中です",children:"Affinity Designerを使ったWebデザインの教本が発売中です！"}),"\n",(0,a.jsx)(t.p,{children:"Affinity Designerを使ってホームページを作るためのノウハウが一冊に詰まっています。"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3fuPHkt",children:"現役Webデザイナーがゼロから解説! Affinity DesignerでWebデザイン"})}),"\n",(0,a.jsx)(t.p,{children:"初心者も簡単に学べる手順付きパソコン・スマートフォン向けデザインをドキュメントの設定から完成まで全て網羅! 実践的なホームページの制作方法を伝授"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3fuPHkt",children:"Amazon"})}),"\n",(0,a.jsx)(t.h3,{id:"応用編はこちら",children:"応用編はこちら！"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3uX7rLL",children:"現場で使える現役Webデザイナーの技! Affinity DesignerでWebデザイン 応用編"})}),"\n",(0,a.jsx)(t.p,{children:"入門編『現役Webデザイナーがゼロから解説! Affinity DesignerでWebデザイン』をクリアした読者様向けの内容で、さらにAffinity Designerのテクニックを深め、Webデザインの表現力を上げる一冊です。"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3uX7rLL",children:"Amazon"})}),"\n",(0,a.jsx)(t.p,{children:"紹介するソフトは2つあります。"}),"\n",(0,a.jsx)(t.p,{children:"『Adobe』と『Affinity』という2つのブランドをご紹介いたします。"}),"\n",(0,a.jsx)(t.p,{children:"実際の制作現場は、Adobe製品がほとんど使われています。"}),"\n",(0,a.jsx)(t.p,{children:"私はAdobeとAffinity、どちらも使用経験があります。"}),"\n",(0,a.jsx)(t.p,{children:"現在はAffinityシリーズの編集ソフトを活用しています。"}),"\n",(0,a.jsxs)(t.p,{children:["この2つのソフト、どちらが良いかって悩みますよね。",(0,a.jsx)(t.br,{}),"\n","もしくは、Adobeは知っていたけど、Affinityはあまり知らないという方もいらっしゃるかと思います。"]}),"\n",(0,a.jsx)(t.p,{children:"これから、Webデザイナーとして活動するのに、どちらが適しているのかなどを比較してお話します。"}),"\n",(0,a.jsx)(t.h2,{id:"コスト面で考えるならaffinity",children:"コスト面で考えるならAffinity"}),"\n",(0,a.jsx)(t.p,{children:"個人事業主として起業したり、経営をしていく上で固定費を削減することは大切になってくると思います。"}),"\n",(0,a.jsx)(t.p,{children:"経費を抑えることで、純粋な所得が増えます。"}),"\n",(0,a.jsx)(t.p,{children:"Affinityにした決め手は**『買い切り』**であることでã

1™ã€‚"}),"\n",(0,a.jsx)(t.p,{children:"ここがポイントです！"}),"\n",(0,a.jsx)(t.h4,{id:"affinityは購入後の費用がかからない",children:"Affinityは購入後の費用がかからない！"}),"\n",(0,a.jsx)(t.p,{children:"初期費用は高いと感じるかもしれません。"}),"\n",(0,a.jsx)(t.p,{children:"使用しているパソコンのOSがMacだけであったり、Windowsだけであれば良いのですが、OSを2つ持っていてどちらでも使いたい場合は注意が必要です。"}),"\n",(0,a.jsx)(t.h4,{id:"affinityはmacとwindowsそれぞれのos毎に購入が必要",children:"AffinityはMacとWindowsそれぞれのOS毎に購入が必要"}),"\n",(0,a.jsx)(t.p,{children:"一つのパソコン版ソフトが6,100円します。"}),"\n",(0,a.jsx)(t.p,{children:"iPadにも対応していて、iPad版は2,440円です。"}),"\n",(0,a.jsx)(t.p,{children:"Affinityには3種類のソフトがあります。"}),"\n",(0,a.jsx)(t.div,{"data-rehype-pretty-code-fragment":"",children:(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{"data-language":"text","data-theme":"default",children:(0,a.jsx)(t.span,{className:"line",children:(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"Affinity Designer / Affinity Photo / Affinity Publisher"})})})})}),"\n",(0,a.jsx)(t.p,{children:"それぞれ個別で購入しなければなりません。"}),"\n",(0,a.jsx)(t.p,{children:"個人的には今までAdobeソフトを使っていた経験から、全て揃えておいたほうが何かと便利です。"}),"\n",(0,a.jsx)(t.p,{children:"合計すると通常価格、18,300円！（MacOSのパソコン版）"}),"\n",(0,a.jsx)(t.p,{children:"でも、実はかなり安いと感じます。"}),"\n",(0,a.jsx)(t.p,{children:"たまに、セールが開催されているので、購入のタイミングも考慮しておくと良いでしょう。"}),"\n",(0,a.jsx)(t.p,{children:"一方Adobeは月額費用がかかり、月々の費用は使うソフトの数によって異なります。"}),"\n",(0,a.jsx)(t.h4,{id:"adobe製品がどんどん高くなる",children:"Adobe製品がどんどん高くなる"}),"\n",(0,a.jsx)(t.p,{children:"Adobe製品は全てのソフトを使えるコンプリートプランが**5,680\xa0円/月\xa0（税別）**となっています。"}),"\n",(0,a.jsxs)(t.p,{children:["Photoshop\xa0-\xa0単体プランでも、",(0,a.jsx)(t.strong,{children:"2,480\xa0円/月\xa0（税別）"})]}),"\n",(0,a.jsxs)(t.p,{children:["法人だとコンプリートプラン",(0,a.jsx)(t.strong,{children:"7,980\xa0円"}),"/月 ",(0,a.jsx)(t.strong,{children:"（税別）"})]}),"\n",(0,a.jsxs)(t.p,{children:["年間契約だと",(0,a.jsx)(t.strong,{children:"95,760\xa0円"}),"/å¹´ ",(0,a.jsx)(t.strong,{children:"（税別）"}),"！"]}),"\n",(0,a.jsx)(t.h4,{id:"adobeを安く購入する方法はある",children:"Adobeを安く購入する方法はある！"}),"\n",(0,a.jsx)(t.p,{children:"年額で支払った方が安くなる場合もあったり、継続して支払う必要があります。"}),"\n",(0,a.jsx)(t.p,{children:"学生であれば、学生価格で使うことができるため、多くのデザイン専門学校などでは確実にAdobeを導入しています。"}),"\n",(0,a.jsx)(t.p,{children:"ただ、割り引いたとしてもかなり高いですが、それだけソフト自体も優秀です。"}),"\n",(0,a.jsx)(t.p,{children:"しかし、年々値上がりをしていたり、割と強気な価格設定なのです…"}),"\n",(0,a.jsx)(t.p,{children:"現役バリバリで、数多くの取引をこなすような経費で落とせる企業であれば、問題ありませんが、個人で支払うには結構太い金額ですよね。"}),"\n",(0,a.jsx)(t.h3,{id:"個人でデザインを始めるならaffinity",children:"個人でデザインを始めるならAffinity"}),"\n",(0,a.jsx)(t.p,{children:"長期的に考えてみると圧倒的にAffinityのソフトがコスパに優れています。"}),"\n",(0,a.jsx)(t.p,{children:"最初に値段をご説明した理由は、コストがどれくらいかかるかを知っておいた上で、皆さんが『どのようにソフトを使うか』『何を目指しているのか』によって変わってくるからです。"}),"\n",(0,a.jsx)(t.p,{children:"私はコスト面で、Affinityが良かったã

1®ã§ã€å…¨ã¦è²·ã„ました。"}),"\n",(0,a.jsx)(t.h2,{id:"adobeaffinityの使い勝手について",children:"『Adobe』『Affinity』の使い勝手について"}),"\n",(0,a.jsx)(t.p,{children:"私が個人的にどんな人にAdobeがオススメかをお伝えいたします。"}),"\n",(0,a.jsx)(t.p,{children:"企業や企業案件を受けるフリーランスのWebデザイナーや制作会社に入ることを目指している方ならAdobeがオススメです。"}),"\n",(0,a.jsx)(t.p,{children:"Adobeはまだまだ現場で主流です。"}),"\n",(0,a.jsx)(t.p,{children:"クラウドワーカーの案件のほとんどは、Photoshopやillustratorを指定しています。"}),"\n",(0,a.jsx)(t.p,{children:"なぜかというと、Photoshop独自のデータ形式PSDファイルやIllustratorのAiファイルなどを扱っているため、内容データが崩れないように同一の形式を要求してきます。"}),"\n",(0,a.jsx)(t.p,{children:"また、印刷会社などで入稿した時などは、Adobeのファイル形式なら取り扱ってくれるサービスがほとんどです。"}),"\n",(0,a.jsx)(t.p,{children:"これから、Web業界で働いてみたい方はAdobe製品を扱えないと採用してもらえない場合もあるので、Adobeを使って慣れておいたほうが良いでしょう。"}),"\n",(0,a.jsx)(t.p,{children:"僕の場合はホームページの学習を始めた当初は、無料のGIMPやFire alpacaと呼ばれるソフトなども使っていましたが、企業で働くためにはやはり、Adobe製品を使っていました。"}),"\n",(0,a.jsx)(t.p,{children:"会社に入ってもAdobe製品でした。"}),"\n",(0,a.jsx)(t.h3,{id:"adobe製品のココが良い",children:"Adobe製品のココが良い！"}),"\n",(0,a.jsx)(t.p,{children:"Adobe製品はコンプリートプランを購入すると、沢山の編集ツールを使うことができます。"}),"\n",(0,a.jsx)(t.p,{children:"結構、お値段張りますが、その分Adobe同士で互換性の高い製品が多いので、便利に感じます。"}),"\n",(0,a.jsx)(t.p,{children:"Adobe製品には有名どころでいうとPhotoShop illustrator コーディングに使うDreamWeaver 動画編集のPremiereproやアプリのモックアップを作成するXDなど様々なアプリがあります。"}),"\n",(0,a.jsx)(t.p,{children:"iPadでもこれらのアプリを連携させて使えるようになったり、Adobeストックと呼ばれる高品質な写真素材を枚数限定ですが無料でダウンロードすることもできます。"}),"\n",(0,a.jsx)(t.p,{children:"では、Affinity製品を僕が使っている理由をお話します。"}),"\n",(0,a.jsx)(t.h2,{id:"affinityは個人のクリエイターにとって神ツール",children:"Affinityは個人のクリエイターにとって神ツール"}),"\n",(0,a.jsx)(t.p,{children:"Affinityを見つけた時は、正直、個人のWebクリエイターにとっては神ツールだなと感じたほどです。"}),"\n",(0,a.jsx)(t.h3,{id:"他一つのできないことを除いて",children:"他一つのできないことを除いて…"}),"\n",(0,a.jsx)(t.p,{children:"ただ、一つ残念な点があるので、ここだけ気をつけて欲しいです。"}),"\n",(0,a.jsx)(t.p,{children:"今の所、縦書きが対応していないので、紙媒体やおしゃれで高級感のある日本のサイトをデザインしたい時、使えません。"}),"\n",(0,a.jsx)(t.p,{children:"これだけが唯一欠点だと思っています。"}),"\n",(0,a.jsx)(t.p,{children:"ちなみに、こちらの教本には縦書きの裏技テクニックもご紹介しています。"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3fuPHkt",children:"現役Webデザイナーがゼロから解説! Affinity DesignerでWebデザイン"})}),"\n",(0,a.jsx)(t.p,{children:"初心者も簡単に学べる手順付きパソコン・スマートフォン向けデザインをドキュメントの設定から完成まで全て網羅! 実践的なホームページの制作方法を伝授"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3fuPHkt",children:"Amazon"})}),"\n",(0,a.jsx)(t.p,{children:"公式に縦書き対応させるためにはAffinityを運営しているselif社がアップデートしてくれることを祈るばかりです。"}),"\n",(0,a.jsx)(t.p,{children:"Affinity使いの多くの方が、縦書き非対応ã

1ªã®ã§å˜†ã„ていますね。"}),"\n",(0,a.jsx)(t.p,{children:"裏技として、強制的に縦書きを生み出すこともできますが、情報量の多い印刷物やスピード感のある現場ですと、変更に厳しく実用面で難しいかもしれません。"}),"\n",(0,a.jsx)(t.p,{children:"ただ、この縦書き非対応の点だけ除けば、神ツールです。"}),"\n",(0,a.jsx)(t.p,{children:"Affinityには、Affinity Designer / Affinity Photo / Affinity Publisherの3つのアプリがあります。"}),"\n",(0,a.jsx)(t.p,{children:"それぞれ、Adobe製品との比較を行ってみます。"}),"\n",(0,a.jsxs)(t.p,{children:["私はWebデザインをAdobe Photoshopで制作しています。",(0,a.jsx)(t.br,{}),"\n","この使用感でAffinityを使った時に、同等かそれ以上の使い勝手だなと感じたのが、Affinity Designerです。"]}),"\n",(0,a.jsxs)(t.p,{children:["Webデザイナーの作業スピードを加速する要素が沢山あると感じます。",(0,a.jsx)(t.br,{}),"\n","ショートカットのコマンドの類もほとんど同じ設定ができるので、これからAffinity製品に乗り換えたい人も使い勝手が良いでしょう。"]}),"\n",(0,a.jsx)(t.p,{children:"Adobe illustratorはAffinity Publisherだと考えています。"}),"\n",(0,a.jsx)(t.p,{children:"これは、個人差あると思うのですが、印刷物データをillustratorで作っていたので、そのままAffinity Publisherに移行することができたのです。"}),"\n",(0,a.jsx)(t.p,{children:"Affinity Publisherは他2つのAffinity DesignerとAffinity Photoを併用して動かすことができます。"}),"\n",(0,a.jsx)(t.p,{children:"Adobe製品で通常の印刷物を制作する際には、illustratorで用紙を設定して、文章を流し込んで、Photoshopで補正した画像を埋め込んでいくという流れになります。"}),"\n",(0,a.jsx)(t.p,{children:"また、少し面倒だなと感じていた点として、画像を修正する際には、わざわざ埋め込みの画像データをフォルダから探して、PhotoShopで開いて編集して、書き出したデータを再び再配置するなど結構手順が必要でした。"}),"\n",(0,a.jsx)(t.p,{children:"これが煩わしさを生んでいた理由だと思います。"}),"\n",(0,a.jsxs)(t.p,{children:["しかし、Affinity。",(0,a.jsx)(t.br,{}),"\n","かなり便利すぎて泣けてくるレベルです。"]}),"\n",(0,a.jsx)(t.p,{children:"Affinity Publisherで編集したい画像をクリックしてあげると、自動的にAffinity Photoがデータを開いてくれて、保存したら反映されるんですね。"}),"\n",(0,a.jsx)(t.p,{children:"最高すぎです。"}),"\n",(0,a.jsxs)(t.p,{children:["ただ、縦書きが今は未対応ã

1ªã®ã§ã€ã“れが揃ってしまうとAdobe社を脅かす存在になるからでしょうか…",(0,a.jsx)(t.br,{}),"\n","なかなか実装してくれませんね。"]}),"\n",(0,a.jsx)(t.p,{children:"そしてAffinity PhotoはRawデータなどの補正や現像をサクサクと行ってくれます。"}),"\n",(0,a.jsx)(t.p,{children:"複雑なデザインやアートなどを取り扱う際はAffinity Photoを使うと重宝すると思います。"}),"\n",(0,a.jsx)(t.p,{children:"ツール類が豊富で、ペイントなども高性能です。"}),"\n",(0,a.jsx)(t.p,{children:"iPadプロを持っている方であれば、Affinity製品をApple Pencilで絵を描いたりできるので、併用すると最強になります。"}),"\n",(0,a.jsx)(t.p,{children:"Adobe製品もipadのアプリがリリースされていますが、ここでも差がつくことがあります。"}),"\n",(0,a.jsx)(t.h3,{id:"affinityは超軽い動作",children:"Affinityは超軽い動作！"}),"\n",(0,a.jsx)(t.p,{children:"制作会社にいた時や独学をしていた時に、Adobe製品を使っていましたが、それはもう不具合が多かったã

1®ã§ã™ã€‚"}),"\n",(0,a.jsx)(t.p,{children:"確かに、痒いところに手が届くような便利さがすごく良いですが、パソコンのスペックが低いとソフトの動作が異常にゆっくりになったり、フリーズしたり、処理落ちするなんてこともありました。"}),"\n",(0,a.jsx)(t.p,{children:"ところが、Affinity。"}),"\n",(0,a.jsx)(t.p,{children:"今はMacBook Proを使っているのですが、非常に動作が軽快で、処理落ちがほとんどありません。"}),"\n",(0,a.jsx)(t.p,{children:"パソコンのスペックで左右される以外に、アプリケーションのシステム自体がよくできている事例があります。"}),"\n",(0,a.jsx)(t.p,{children:"Nikonのカメラを持っていて、Rawデータを現像する時にNikon製のアプリを使ったことがあるのですが、現像処理まで結構時間がかかる印象がありました。"}),"\n",(0,a.jsx)(t.p,{children:"そこで、Affinity Photoを使ったのですが、ストレスなく、快適にRawデータの現像が出来ました。"}),"\n",(0,a.jsx)(t.p,{children:"アプリケーションの能力自体もよく出来ていると感じています。"}),"\n",(0,a.jsx)(t.p,{children:"特にAffinity製品を使っているから贔屓しているとかではなく、素直に優れた製品を使うことで、仕事もはかどるので結構満足しています。"}),"\n",(0,a.jsx)(t.p,{children:"いかかがだったでしょうか？"}),"\n",(0,a.jsx)(t.p,{children:"Webデザイナー、エンジニアといったクリエイティブディレクターの知見を活かして、様々な情報を発信しています。"}),"\n",(0,a.jsx)(t.p,{children:"ぜひ、検討材料の一つとして参考にしてみてください。"}),"\n",(0,a.jsx)(t.h2,{id:"affinity-designerを使ってデザインするなら一緒に持っておきたい一冊",children:"Affinity Designerを使ってデザインするなら一緒に持っておきたい一冊"}),"\n",(0,a.jsx)(t.p,{children:"Affinityシリーズを使ってホームページを作るためのノウハウが一冊に詰まっています。"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3fuPHkt",children:"現役Webデザイナーがゼロから解説! Affinity DesignerでWebデザイン"})}),"\n",(0,a.jsx)(t.p,{children:"初心者も簡単に学べる手順付きパソコン・スマートフォン向けデザインをドキュメントの設定から完成まで全て網羅! 実践的なホームページの制作方法を伝授"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3fuPHkt",children:"Amazon"})}),"\n",(0,a.jsx)(t.h3,{id:"応用編はこちら-1",children:"応用編はこちら！"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3uX7rLL",children:"現場で使える現役Webデザイナーの技! Affinity DesignerでWebデザイン 応用編"})}),"\n",(0,a.jsx)(t.p,{children:"入門編『現役Webデザイナーがゼロから解説! Affinity DesignerでWebデザイン』をクリアした読者様向けの内容で、さらにAffinity Designerのテクニックを深め、Webデザインの表現力を上げる一冊です。"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://amzn.to/3uX7rLL",children:"Amazon"})})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(c,{...e})}):c(e)}globalThis.__nextra_internal__={pageMap:l.pageMap,route:l.route},l.title="AdobeとAffinityを比較！現場・個人で使うデザインソフトはどっちが良い？";let p=e=>(0,a.jsx)(n.mK.Provider,{value:e,children:(0,a.jsx)(h,{})});(i=globalThis).__nextra_pageContext__||(i.__nextra_pageContext__=Object.create(null)),globalThis.__nextra_pageContext__["/posts/adobe-affinity"]={Content:p,pageOpts:l,themeConfig:r.Z}}},function(e){e.O(0,[5675,9570,9774,2888,179],function(){return e(e.s=5727)}),_N_E=e.O()}]);