{"pageProps":{"designContents":{"contents":[{"id":"color","createdAt":"2020-11-18T08:48:50.024Z","updatedAt":"2021-11-09T02:48:29.654Z","publishedAt":"2020-11-18T08:48:50.024Z","revisedAt":"2021-11-09T02:48:29.654Z","title":"配色","Categories":[{"fieldId":"category","categoryName":"配色","enTitle":"color","jaTitle":"配色ツール","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-color.png","height":80,"width":84},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"color-sample.com","url":"https://www.color-sample.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-color-sample-com.png","height":1264,"width":1324},"alt":"サイト内で表示されている黄色のカラーサンプルの一部","description":"豊富なカラーサンプルをランダムに表示。選択したカラーの彩度や明度も調べることができる。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Color Hunt","url":"https://colorhunt.co/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Color-Hunt.png","height":1388,"width":2292},"alt":"サイト内で表示されているカラーパターンの一部","description":"ユーザ投稿型でいくつものカラーパターンの中から自分好みの組み合わせを探すことができる。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"WEB色見本","url":"https://www.colordic.org/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-WEBiromihon.png","height":1298,"width":2880},"alt":"和色大辞典のTOPページ","description":"原色、和色、パステルカラーなどのジャンルごとに色のサンプルを探すことができる。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"NIPPON COLORS","url":"https://nipponcolors.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-NIPPONCOLORS.png","height":1210,"width":2084},"alt":"鬱金のカラー見本","description":"日本の伝統色が調べられるカラー見本サイト。『ゴールド』と『黄金』は結構違う色だった。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"PALETTABLE","url":"https://www.palettable.io/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-PALETTABLE.png","height":1396,"width":2880},"alt":"オレンジと茶色とカーキが並んだ画面","description":"一つのカラーサンプルを基準にランダムで表示されるカラーに対してLike/Dislikeで振り分け、配色パターンのヒントを探す。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"ColorSpace","url":"https://mycolor.space","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-ColorSpace.png","height":1238,"width":2022},"alt":"グラデーションカラーリストのサンプル","description":"色を指定するとそのカラーに合わせた配色を3〜6色の範囲で複数パターン提案してくれるツール。明確に使いたいカラーがあるときに。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Web Gradients","url":"https://webgradients.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-FreshBackgroundGradients.png","height":1716,"width":3354},"alt":"明るめの画面でグラデーションパターンが並んだ様子","description":"グラデーションサンプルのカラーツール。パステルっぽい柔らかい色味が多く直感的なUIでCSSコピーもワンクリック。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Gradient","url":"https://gradient.shapefactory.co/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-GradientbyShapeFactory.png","height":1716,"width":3326},"alt":"暗めの画面でグラデーションパターンがタイル上に並んでいる様子","description":"色味・明度・彩度などからフィルターをかけて選ぶグラデーションツール。CSSコピーのワンクリックはもちろん、角度を変えるのも容易でお気に入り機能もあり。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"RGBと16進数カラーコードの相互変換ツール","url":"https://www.peko-step.com/tool/tfcolor.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-RGB-16.png","height":1178,"width":1874},"alt":"16進数の白のカラーコードをRGBに変換している様子","description":"16進数のHexカラーコードをRGBに、RGBをHexに変換できるツール。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"SNS主要ブランドカラー","url":"https://ferret-plus.com/7909","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-sns-bland-color.png","height":160,"width":268},"alt":"Instagramのカラーコードサンプルの様子","description":"マーケター向けメディア【ferret】から、SNSのブランドカラーコードまとめの記事。ツールではないけどよく使うので。","commercialUse":false,"credit":false}]}]},{"id":"material","createdAt":"2020-11-18T08:44:41.034Z","updatedAt":"2022-07-13T13:51:19.668Z","publishedAt":"2020-11-18T08:44:41.034Z","revisedAt":"2022-07-13T13:51:19.668Z","title":"素材","Categories":[{"fieldId":"category","categoryName":"写真","enTitle":"image","jaTitle":"画像素材","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-images.png","height":68,"width":83},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"O-DAN","url":"https://o-dan.net/ja/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-odan.png","height":1392,"width":2880},"alt":"雲の画像がレンガ状に並んでいる様子","description":"複数の無料画像素材サイトを横断して画像検索ができるサイト。横断だからO-DANね。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"pixabay","url":"https://pixabay.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-pixabay.png","height":1368,"width":2880},"alt":"いろんなサイズのいろんな画像が並んでいる様子","description":"普段私が愛用している画像素材サイト。気に入ったら提供ユーザに献金する形式だが任意のためほぼ無料。海外発なので検索は英語で。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"MOOSE","url":"https://photos.icons8.jp","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-MOOSE.png","height":1272,"width":2880},"alt":"可愛らしいバレエ姿の女の子が目立つ画像が並ぶ画面","description":"人物、背景、コラージュなど、他の素材サイトにはないテイストのフリー素材サイト。使用する場合にはこのサイトに帰属するようにリンクを貼る必要があるので注意。","commercialUse":true,"credit":true},{"fieldId":"contents","title":"Unsplash","url":"https://unsplash.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Unsplash.png","height":1396,"width":2880},"alt":"不揃いのサイズの画像が並んでいる画面","description":"こちらも海外発の無料画像素材サイト。シンプルなUIで検索しやすく、おしゃれな画像も数多い。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Gratisography","url":"https://gratisography.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-gratisography.png","height":1272,"width":2880},"alt":"背景や物の画像が規則的に並ぶ画面","description":"海外の写真家さんが運営しているフリー素材サイト。高画質でシュールな構造のものがあり、私のデザインとも相性が良さそう。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"GIRLY DROP","url":"https://girlydrop.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-girlydrop.png","height":1388,"width":2862},"alt":"ピンクっぽい画像が規則的に並んでいる画面","description":"その名の通りとってもガーリーでインスタ映えするようなフリー画像が揃っている。今日はインスタで見栄を張りたいと思ったら迷わずこちらへ。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"food.foto","url":"https://food-foto.jp","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-foodfoto.png","height":1300,"width":2066},"alt":"果物の写真が並んでいる画面","description":"プロ写真家が撮影した食べ物の画像に特化したフリー画像素材サイト。加工テクがあれば不自然なく使いこなせそう。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ぱくたそ","url":"https://www.pakutaso.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-pakutaso.png","height":1342,"width":2880},"alt":"サラリーマン風の男性の画像が並んでいる画面","description":"日本人素材を無料で探すならこのサイトだが、ちょっとオーバーリアクション気味。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"skyseeker","url":"https://www.skyseeker.net/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-skyseeker.png","height":1380,"width":2878},"alt":"タイトルがつけられた綺麗な夜明けの空の写真","description":"写真家さんが運営している空に特化した画像素材サイトで、掲載画像は自由に使用可能（記載有）。画像一枚一枚のコメントも癒やし。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"shutterstock","url":"https://www.shutterstock.com/ja/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-shutterstock.png","height":1388,"width":2878},"alt":"リボン素材がおすすめ一覧に並ぶTOPページの様子","description":"最大級の定番素材サイト。有料だが写真画像も高画質でベクター画像なども含めてほしい画像や素材は大体ここで揃う。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Adobe Stock","url":"https://stock.adobe.com/jp/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-AdobeStock.png","height":1392,"width":2880},"alt":"検索窓が目立つTOPページの様子","description":"言わずと知れたAdobe発の画像素材サイト。こちらも有料だが、企業サイトや堅めのデザインであればここから選ぶのが間違いなし。","commercialUse":true,"credit":false}]},{"fieldId":"category","categoryName":"イラスト","enTitle":"illustration","jaTitle":"イラスト素材","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-illust.png","height":1047,"width":1189},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"イラストAC","url":"https://www.ac-illust.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-illustAC.png","height":1392,"width":2880},"alt":"ハロウィンのイラストが背景のTOPページの様子","description":"イラスト系素材を探すならこちら。無料で利用する場合には一日のダウンロード数制限があるため、慎重に選びたい。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ソコスト","url":"https://soco-st.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-soco-st.png","height":562,"width":1363},"alt":"シンプルなイラストが並ぶTOPページの様子","description":"素朴で親しみやすいイラストが揃っている素材サイト。様々な用途で使えそう。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ちょうどいいイラスト","url":"https://tyoudoii-illust.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/d0bc61a2018d424c8a12abb903992273/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-07-13%2022.32.05.png","height":757,"width":1241},"description":"LPや資料作成などにちょうどいいイラストの素材集。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Loose Drawing","url":"https://loosedrawing.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-loosedrawing.png","height":625,"width":1166},"alt":"ラフな感じのイラスト素材","description":"こちらも素朴で親しみやすいイラストが揃っている素材サイト。ちょっとラフな感じがまたかわいい。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"shigureni","url":"https://www.shigureni.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/2def84dddda24692be30f0d56ed20dbe/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-06-09%2019.42.23.png","height":638,"width":1175},"alt":"シンプルな女の子のイラスト素材","description":"特徴的な女の子のイラスト素材がダウンロードできる素材サイト。SVGでのダウンロードは有料。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Linustock","url":"https://www.linustock.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Linustock.png","height":1386,"width":2880},"alt":"細めの線で出来たシンプルなイラスト素材","description":"シンプルで色々な場面に使えそうなフリーイラスト素材。無着色なので好きなように着色することでデザインの幅がもっと広がりそう。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"えんぴつ素材","url":"https://enpitsu-sozai.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/a65e2896eaef4e2cbb7ce5385f36b25d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-07-13%2022.35.45.png","height":780,"width":1259},"description":"その名の通りえんぴつで描かれたようなテイストのイラストを使用できる素材サイト。温かみがほしいときに。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"vectorShelf","url":"https://vectorshelf.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/97ac62618182461e85a2255c325f592c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-07-13%2022.49.06.png","height":826,"width":1321},"description":"手書きでカラフルなイラスト素材サイト。手書き風なのに結構リアル。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Open Doodles","url":"https://www.opendoodles.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/5f71035e5d684e60a9e497129a6ca13f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-07-13%2022.38.07.png","height":768,"width":1426},"description":"とても個性的な人物イラストの素材サイト。挿絵でアクセントを出したいときに。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ManyPixels","url":"https://manypixels.co/gallery/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-manypixels.png","height":636,"width":1170},"alt":"マテリアル風のイラスト素材","description":"最近のLPでよく見かけるテイストのイラスト素材。色味も変えられるのは嬉しい。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"unDraw","url":"https://undraw.co/illustrations","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/631cd62edd404b2d8bd7c52e8e6b03ef/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-03%2022.40.12.png","height":701,"width":1229},"description":"LPやプレゼンテーションの挿絵に使えるようなイラスト素材サイト。色味の変更や、SVGとPNGでダウンロードが可能。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"いらすとや","url":"https://www.irasutoya.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-irasutoya.png","height":1158,"width":1436},"alt":"男女やがっかりしたり驚いている様子を描いたイラスト一覧","description":"超有名なイラストの無料素材配布サイト。独特な画風が特徴的だが、使われている色なども誰もが認識できるような工夫をされている。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"いらすとん","url":"http://www.irasuton.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-irasuton.png","height":1124,"width":1444},"alt":"小さい男の子や女の子がが遊んでいる様子を描いたイラスト一覧","description":"いらすとやの姉妹サイトでより手書き感やゆる感があるイラストが豊富。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"イラストボックス","url":"https://www.illust-box.jp/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-illustbox.png","height":1358,"width":2044},"alt":"ハロウィンのフレーム素材が並ぶ様子","description":"ユーザが作成したイラストを無料でダウンロード、使用可能な素材サイト。イラスト要素がかなり強いので挿絵用を探すときなどに。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Tech Pic","url":"http://tech-pic.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/4b1e41b0eda34fb59b1a362a6a44b727/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-07-13%2022.44.26.png","height":652,"width":1435},"description":"テック系のイラストに特化した素材サイト。先端技術を題材にしたものが多い。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"シルエットデザイン","url":"http://kage-design.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-sile-design.png","height":1340,"width":2878},"alt":"男性のシルエットが並ぶ素材の様子","description":"影絵に特化したアイコン素材サイト。リアルな影絵が揃っている。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Vintage Village","url":"http://vinvill.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-VintageVillage.png","height":1392,"width":2880},"alt":"ヴィンテージ風のイラスト素材が並ぶ画面","description":"ヴィンテージ風の個性的なイラストのフリー素材サイト。使う機会は限定されそうだがこの世界観はすき。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"illust STAMPO","url":"https://stampo.fun","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-illustSTAMPO.png","height":1168,"width":1878},"alt":"カラフルでかわいらしいイラスト素材","description":"スタンプのようなフリー素材サイト。SVGやAiデータでも落とせて改変可能なとっても良心的なサイト。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Sui-Sai","url":"https://www.sui-sai.jp","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-SuiSai.png","height":1354,"width":1516},"alt":"水彩で描かれたイラスト素材","description":"名前の通り水彩系の手書きイラスト素材が揃っている。優しい雰囲気のデザインにマッチ。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ガーリー素材","url":"http://girlysozai.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-girlysozai.png","height":1196,"width":1982},"alt":"女の子らしいテイストが揃ったイラスト素材","description":"女の子が好きそうな優しくて柔らかい印象のイラスト素材がダウンロードできる素材サイト。ガーリーなデザインにしたいときに。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Town Illust","url":"http://town-illust.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-TownIllust.png","height":1384,"width":2506},"alt":"様々なテイストで描かれた建物のイラスト素材","description":"建物に特化したフリーイラスト素材配布サイト。立体的なものや平面のものまで様々。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"EC design","url":"http://design-ec.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-ECdesign.png","height":1254,"width":2354},"alt":"季節が連想されるイラスト素材","description":"ネットショップやセール広告で使えるような素材が豊富。","commercialUse":true,"credit":false}]},{"fieldId":"category","categoryName":"アイコン・パーツ・背景","enTitle":"icon/parts","jaTitle":"アイコン/パーツ素材","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-icon.png","height":40,"width":32},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"FLATICON","url":"https://www.flaticon.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Free-vector-icons.png","height":1392,"width":2880},"alt":"様々なテイストでできた歯車のアイコン素材","description":"アイコンのダウンロードサイト。一部有料だが無料版でもほしいアイコンが見つかりやすい豊富なバリエーション。ライセンス表記が必要なものが多いので使用する際には注意。","commercialUse":true,"credit":true},{"fieldId":"contents","title":"FLAT ICON DESIGN","url":"http://flat-icon-design.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-flaticondesign.png","height":1262,"width":2184},"alt":"かわいいテイストのアイコン素材","description":"種類はそこまで多くないが、おしゃれで可愛いアイコンが揃っているフリーアイコン素材サイト。動物系がとっても可愛い。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"iconshock","url":"https://www.iconshock.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/7f00752a56314de7b7aea4c41477f967/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-03%2022.36.15.png","height":662,"width":1140},"description":"様々なテイストのアイコンが揃っている素材サイト。アカウント登録が必要で、無料プランの場合は商用利用はできないので注意。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"icon monstr","url":"https://iconmonstr.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-iconmonstr.png","height":1386,"width":2880},"alt":"シンプルなテイストのアイコン素材","description":"海外の有名なフリーアイコン配布サイトでシンプルかつバリエーションが豊富。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Material Icons","url":"https://material.io/resources/icons/?style=baseline","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-MaterialIcons.png","height":1160,"width":2712},"alt":"シンプルで少し丸みのあるアイコン素材","description":"Googleのマテリアルデザインのガイドラインページで配布されている高品質なフリーアイコン。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ICON BOX","url":"https://iconbox.fun","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-iconbox.png","height":1380,"width":2306},"alt":"シンプルなアイコン素材","description":"シンプルで豊富なアイコンがダウンロードできる。SVGとしても落とせるのでパスの編集も可能。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ICOOON-MONO","url":"https://icooon-mono.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-ICOOON-MONO.png","height":1400,"width":2808},"alt":"シンプルで豊富なアイコン素材","description":"シンプルなアイコンが揃っている。好きなカラーに変更してからダウンロードも可能。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Animated Icons","url":"https://icons8.com/animated-icons/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-AnimatedIcons.png","height":874,"width":2180},"alt":"シンプルなアイコン素材","description":"アニメーションができるアイコン素材サイト。特別なファイル形式となるのと使用する場合にはこのサイトに帰属するようにリンクを貼る必要があるので要確認。","commercialUse":true,"credit":true},{"fieldId":"contents","title":"ハンコでアソブ","url":"http://hankodeasobu.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-hankodeasobu.png","height":1190,"width":2084},"alt":"スタンプのようなアイコン素材","description":"モノクロハンコ風のアイコン素材。pngファイルでダウンロードして必要なものだけ切り出す作業は必要だがおしゃれ。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ヒューマンピクトグラム","url":"http://pictogram2.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-human-pictgram.png","height":1394,"width":2634},"alt":"緑色の人形のアイコン素材","description":"標識などに使われているピクトグラムに特化した素材サイト。クスっとするようなものも多い。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"svg porn","url":"https://svgporn.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-svgporn.png","height":1388,"width":2876},"alt":"ツールやサービスのロゴ素材","description":"ハイクオリティなSVGロゴがダウンロードできる。企業ロゴが多めな印象。本当にぽーーんってなるのが面白い。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Orion Icon Library","url":"https://orioniconlibrary.com/app","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-OrionIconLibrary.png","height":1390,"width":2880},"alt":"シンプルなアイコン素材","description":"シンプルなSVGやPNG形式のアイコン素材サイト。種類も豊富でダウンロード前に線の太さや色などの微調整ができる。商用利用の場合にクレジット表記が必要になるので注意。","commercialUse":true,"credit":true},{"fieldId":"contents","title":"brushstock.","url":"https://www.brush-stock.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-brushstock.png","height":1314,"width":2646},"alt":"筆文字で書かれた驚くの字","description":"筆文字に特化した素材サイト。ほしい文字がない場合は依頼も可能。和テイストのサイトにしたいときなどに。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"やじるしデザイン","url":"http://yajidesign.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-yajirushi-design.png","height":1208,"width":2464},"alt":"様々な形の矢印素材","description":"矢印に特化した素材ダウンロードサイト。本当に矢印のみ。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"フキダシデザイン","url":"https://fukidesign.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-hukidashi-design.png","height":1348,"width":2750},"alt":"様々な形の吹き出し素材","description":"吹き出しに特化した素材ダウンロードサイト。様々な形の吹き出しがあり、どんなことを言わせようか悩む。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"da lace","url":"http://da-lace.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-dalace.png","height":1384,"width":2494},"alt":"様々な形のレース素材","description":"レースのフリー画像素材サイト。ガーリーなデザインにしたいときにぴったり。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"RIBBON FREAKS","url":"http://ribbon-freaks.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-FREELINEDESIGN.png","height":1394,"width":2508},"alt":"様々な形のリボン素材","description":"リボンに特化したフリー画像素材サイト。ちょっとポップなデザインにしたいときなんかにもぴったり。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Masking Tape Line","url":"http://masking-tape-line.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-MaskingTapeLine.png","height":1392,"width":2848},"alt":"様々な模様のマスキングテープ素材","description":"マスキングテープ風の罫線やラインの無料素材サイト。可愛いデザインが揃っていてガーリーなサイトにぴったり。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"paper-co","url":"http://free-paper-texture.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-paperco.png","height":1390,"width":2880},"alt":"紙のテクスチャー素材","description":"無料で高画質な紙のテクスチャー素材をダウンロードできる。商用利用可能。デザインにアクセントを効かせたいときに。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"Bg-patterns","url":"http://bg-patterns.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-bgpatterns.png","height":1390,"width":2120},"alt":"幾何学模様の背景素材","description":"パターン画像に特化したフリー素材サイト。パターンは結構すきなので使う機会は多めかもしれない(たぶん)。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"wow Patterns","url":"https://www.wowpatterns.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-wowpatterns.png","height":1354,"width":1772},"alt":"欧風の花柄模様の背景素材","description":"北欧やレトロな感じのおしゃれなパターン画像が揃っている海外の素材配布サイト。帰属は必要なので気をつけて。","commercialUse":true,"credit":true},{"fieldId":"contents","title":"freepik","url":"https://jp.freepik.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-freepik.png","height":1320,"width":2172},"alt":"ポップなテイストの背景素材","description":"加工済画像やベクター画像を探すときはこちらが豊富。無料会員はクレジットの表記が必要になるので注意。","commercialUse":true,"credit":true}]},{"fieldId":"category","categoryName":"動画","enTitle":"video","jaTitle":"動画","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-video.png","height":946,"width":1094},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"Mixkit","url":"https://mixkit.co","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Mixkit.png","height":1374,"width":2570},"alt":"規則的に動画のサムネイルが並んでいる様子","description":"貴重な動画素材が手に入る素材サイト。サイトに動きをつけたいときに使うと良いがvideoタグの使い方や通信のことも考えないと。サイト帰属は必須ではなく推奨。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"MAZWAI","url":"https://mazwai.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-mazwai.png","height":630,"width":1441},"alt":"夕日をバックに映る女性","description":"クセがなく使いやすい動画が多いのと、背景用画像が同時にダウンロードできる便利な動画素材サイト。","commercialUse":true,"credit":false}]}]},{"id":"font","createdAt":"2021-01-08T00:55:39.906Z","updatedAt":"2022-02-21T14:33:53.215Z","publishedAt":"2021-01-08T00:55:39.906Z","revisedAt":"2022-02-21T14:33:53.215Z","title":"フォント","Categories":[{"fieldId":"category","categoryName":"WEBフォント","enTitle":"Web Fonts","jaTitle":"読み込みだけでOKのフォント","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-web-font.png","height":40,"width":42},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"Google Fonts","url":"https://fonts.google.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Google-Fonts.png","height":1394,"width":2880},"alt":"google fonts","description":"英文フォントが豊富で軽い定番のWEBフォント。導入も楽、Figmaとの連携がデフォルト。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Google Fonts + 日本語","url":"https://googlefonts.github.io/japanese/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Google-Fonts-jp.png","height":1390,"width":2880},"alt":"日本語のGoogle Fonts","description":"正式には公表されていない開発中の和文フォント。正式版よりは少し重いので注意。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Adobe Fonts","url":"https://fonts.adobe.com/fonts","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Adobe-Fonts.png","height":1398,"width":2880},"alt":"Adobe Fonts","description":"AdobeCC会員ならば無料で使えるWebフォント。欧文も和文も豊富なバリエーションが魅力！","commercialUse":false,"credit":false},{"fieldId":"contents","title":"TypeSquare","url":"https://typesquare.com/ja/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-TypeSquare.png","height":1400,"width":2880},"alt":"TypeSquare","description":"日本企業で制作されているため和文フォントの種類が多い。1フォントのみ無料だがインプレッションの制限がある。","commercialUse":false,"credit":false}]},{"fieldId":"category","categoryName":"無料フォント","enTitle":"Free Fonts","jaTitle":"無料でダウンロードできるフォント","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-fonts.png","height":80,"width":70},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"源ノ角ゴシック","url":"https://github.com/adobe-fonts/source-han-sans/tree/release","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/3dcdb7445fb64e888222ba10b9a72dd9/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.37.22.png","height":158,"width":266},"alt":"フォントのサンプル","description":"AdobeとGoogleが共同開発したオープンソースのゴシック体で日本語・中国語・韓国語を1つのフォントファミリーでカバーする。Adobeで配布している名称が『源ノ角（げんのかく）ゴシック』、Googleが配布している名称が『Noto Sans CJK JP』。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源ノ明朝","url":"https://source.typekit.com/source-han-serif/jp/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/3517b52e5e0d431aa416ccefaf85da14/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.27.14.png","height":562,"width":967},"alt":"フォントのサンプル","description":"こちらもAdobeとGoogleが共同開発した明朝体のフォント。Adobeでの名称が『源ノ明朝』で、Googleでの名称が『Noto Serif CJK』となっている。明朝体の中でもとてもきれいで使いやすいフォント。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源泉丸ゴシック","url":"https://web-font-search.com/rounded/%E6%BA%90%E6%B3%89%E4%B8%B8%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/55fc7b49ce0449df91d6927d0d347656/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.46.29.png","height":194,"width":432},"alt":"フォントのサンプル","description":"源ノ角ゴシックから派生された丸ゴシック体のフリーフォント。Macに内蔵されている『ヒラギノ丸ゴProN』に似ていて使いやすい。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源ノ角ゴシック Code","url":"https://github.com/adobe-fonts/source-han-code-jp","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/72ab39f5f7bd4cdeac74c72e0b0ade16/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.19.55.png","height":230,"width":568},"alt":"フォントのサンプル","description":"コードを読んだり書いたりするのに最適な源ノ角ゴシックをベースにしたフォント。エディターだけではなくターミナルにもこのフォントを適用するととても見やすくておすすめ。ダウンロードは『Latest release』のリンクからzipファイルを。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源柔ゴシック","url":"http://jikasei.me/font/genjyuu/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/997842f1843c49dd9705a2253d67d81f/genjyuu_catch.png","height":255,"width":900},"alt":"フォントのサンプル","description":"源ノ角ゴシックをベースに、角を丸めて柔かい雰囲気にしたフォント。細めのフォントは少し可愛め。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ほのか丸ゴシック","url":"http://font.gloomy.jp/honoka-maru-gothic-dl.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/03f120f5a676483ea1ff9a96b92201f7/mihon_2_maru.png","height":1300,"width":1374},"alt":"フォントのサンプル","description":"漢字は源柔ゴシックを使用しつつ、かな文字に癖を持たせたフォント。落ち着いた雰囲気や懐かしさ、寂しさ、哀愁を演出したいときに使用すると効果的に。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ほのかアンティーク丸","url":"http://font.gloomy.jp/honoka-antique-maru-dl.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/a20030b07b684735bd9afea1d8e1075b/mihon_2_maru_antique.png","height":1300,"width":1374},"alt":"フォントのサンプル","description":"ほのか丸ゴシックのかな文字を少しだけ明朝体風にしたフォント。かしこまった雰囲気で懐かしさ、寂しさ、哀愁を演出したいときに◎。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"コーポレート・ロゴ","url":"https://logotype.jp/corporate-logo-font-dl.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/587c7477ef4f45c18fc224c649b90d75/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.52.43.png","height":245,"width":958},"alt":"フォントのサンプル","description":"源ノ角ゴシックに会社ロゴタイプ風のひらがな・カタカナを組み合わせたフォント。ひらがなとカタカナが縦長にデザインされ、字間も調整されているので通常の全角フォントより文字の密度が高め。ロゴ作成のベース・フォントにしても◎。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"コーポレート・ロゴ（ラウンド）","url":"https://logotype.jp/font-corpmaru.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/6cf2883cfa9d4ecaaab1e0339779911d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.51.11.png","height":243,"width":977},"alt":"フォントのサンプル","description":"コーポレート・ロゴを丸ゴシックにしたフォント。漢字は源柔ゴシックを使用している。","commercialUse":true,"credit":false}]}]},{"id":"tool","createdAt":"2021-01-08T01:25:48.021Z","updatedAt":"2022-04-23T14:32:41.525Z","publishedAt":"2021-01-08T01:25:48.021Z","revisedAt":"2022-04-23T14:32:41.525Z","title":"ツール","Categories":[{"fieldId":"category","categoryName":"ジェネレーター","enTitle":"Generator","jaTitle":"作る系のツール","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-resetcss.png","height":45,"width":55},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"Placehold.jp","url":"http://placehold.jp/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-placehold.png","height":1140,"width":2076},"alt":"Placehold.jp","description":"ダミー画像がほしいときに好きな大きさで簡単にダミー画像が作れるツール。リンクで指定もできるのでコーディング時もダウンロードの必要なし。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"PlaceIMG","url":"https://placeimg.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/f23ff2d3eed24734949415dbfd917213/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-21%2023.46.30.png","height":679,"width":1252},"description":"ダミー画像がほしいけど、ちゃんとした写真がいいという場合に役立つジェネレーター。5つのカテゴリーから写真を選べる。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"HIPSTER IPSUM","url":"https://hipsum.co/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-HIPSTER-IPSUM.png","height":1392,"width":2880},"alt":"HIPSTER IPSUM","description":"英文のダミーテキストを生成できるツール。英文でダミーテキストあんまり使わないけど。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"日本語ダミーテキスト生成器","url":"https://tool.stabucky.com/convert/dummy_text_generator.htm","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-dummy-japanese.png","height":1396,"width":2880},"alt":"日本語ダミーテキスト生成器","description":"とりあえず日本語のダミーテキストがほしいときに。タイトルが微妙だけどシンプルで個人的には使いやすい。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Patterns generator","url":"https://pattern.flaticon.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Patterns-generator.png","height":1392,"width":2880},"alt":"Patterns generator","description":"ベクターアイコンを使ってGUI形式でパターンを作成できるジェネレーター。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Patterninja","url":"https://patterninja.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/d00168289f704c47bf0b9b2671f05d14/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-13%2020.24.29.png","height":1786,"width":3212},"description":"こちらもSVGからパターンを手軽に作成できるツール。クリスマス系やフルーツなどのアイコンがデフォルトで使える。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Plain Pattern","url":"http://www.kennethcachia.com/plain-pattern/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/2312677b807c4a3998ef04f250c3c066/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-15%2020.57.38.png","height":774,"width":1423},"description":"SVGを使用して直感的にパターン画像を作成できるツール。SVGはアップロードも可能。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Get Waves","url":"https://getwaves.io/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/fa639ecfe9154ac584c5bf836e419950/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-02%2023.09.14.png","height":787,"width":1437},"alt":"Make some waves!","description":"波やギザギザのシェイプをブラウザ上で作成できるツール。SVGでダウンロードできるので、ダウンロード後に色や形を変えたりするのも楽ちん。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Blobmaker","url":"https://www.blobmaker.app/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/c294eb8267e3405486c71541bb68c04e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-02%2023.13.43.png","height":717,"width":1381},"description":"流体シェイプがWEBで簡単に作成できちゃうツール。SVGでダウンロードできる。これからは流体シェイプを作るためにイラレを開く必要はもうないのだ。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Neumorphism.io","url":"https://neumorphism.io/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/eb4290e499654e08a09fb8be91403e8a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-02%2023.16.48.png","height":618,"width":1129},"description":"度々ブームがくる(?)ニューモーフィズムのジェネレーター。色や光の角度、凹凸などを細かく設定できるため、好みのテイストに出会えるはず。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"アイコン・文字入りQRコード生成","url":"https://qr.quel.jp/design.php","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/238c3069726e47a18465500d5f58dda4/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-04-23%2023.28.27.png","height":728,"width":802},"description":"指定したURLから好きなアイコンや文字入りのQRコードを生成できるツール。色も自由に変えることができて使いやすい。アイコンなしのQRコードを作りたかったらサイドメニューのリンクから。","commercialUse":false,"credit":false}]},{"fieldId":"category","categoryName":"加工","enTitle":"processing","jaTitle":"加工","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-resetcss.png","height":45,"width":55},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"Image Vectorizer","url":"https://www.vectorizer.io/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Vectorizer.png","height":1390,"width":2876},"alt":"Image Vectorizer","description":"pngデータをSVGデータに変換できるツール。複雑な画像は残念な感じになるが、単調なものなら問題なく使える。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"PSD - AI変換","url":"https://convertio.co/ja/psd-ai/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-psd-ai.png","height":1314,"width":2880},"alt":"PSD - AI変換","description":"紙への印刷時にロゴなどのpngデータをai形式に変換するときに便利。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"remove.bg","url":"https://www.remove.bg/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-remove-bg.png","height":1302,"width":2880},"alt":"remove.bg","description":"ファイルアップロードするだけでAI様が人間を画像解析して背景を透過させる。人間の仕事を奪う先駆けツール。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"アニメーションGIFを作ろう!","url":"https://ao-system.net/gifanima/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-gifanima.png","height":1290,"width":2086},"description":"フォトショやイラレを使用せずともWEB上で静止画からGIFアニメが作れちゃうツール。アニメーションのループ数や切り替え秒数も細かく設定でき、画質も良い仕上がり。GIFアニメはスマホバナー広告にオススメ◎","commercialUse":false,"credit":false}]},{"fieldId":"category","categoryName":"モックアップ","enTitle":"Mock up","jaTitle":"モックアップ","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-resetcss.png","height":45,"width":55},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"MockuPhone","url":"https://mockuphone.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-mockuphone.png","height":1126,"width":2444},"description":"シンプルなスマホ、PCのフレームに画像を埋め込むツール。メールアドレスを入力してダウンロードするが、画像をドラッグ＆ドロップっするだけで作れるのは初心者にも嬉しい。","commercialUse":false,"credit":false}]},{"fieldId":"category","categoryName":"計算","enTitle":"calculation","jaTitle":"計算","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-calculation.png","height":40,"width":40},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"kishin","url":"https://voidism.net/metallicratio/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-kishin.png","height":1314,"width":2880},"description":"黄金比、白銀比、青銅比などの比率を簡単に計算できるシンプルで使いやすい計算ツール。","commercialUse":false,"credit":false}]},{"fieldId":"category","categoryName":"チェック","enTitle":"Check","jaTitle":"デザイン時に必要なチェッカー","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-check.svg","height":512,"width":512},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"Adobe コントラストチェッカー","url":"https://color.adobe.com/ja/create/color-contrast-analyzer","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/651ad77765c64d83816538e3cb354471/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-02-05%2017.30.11.png","height":1706,"width":3086},"description":"使用するテキストカラーと背景色のコントラスト比がアクセシビリティ的に問題がないかどうかをチェックしてくれるツール。プレビューで全てに合格しているカラーを選ぼう。","commercialUse":false,"credit":false}]}]},{"id":"references","createdAt":"2021-01-08T01:33:36.111Z","updatedAt":"2021-11-16T06:47:01.140Z","publishedAt":"2021-06-03T08:02:14.082Z","revisedAt":"2021-11-16T06:47:01.140Z","title":"参考","Categories":[{"fieldId":"category","categoryName":"参考サイト","enTitle":"reference","jaTitle":"参考サイト","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-reference.png","height":64,"width":83},"postsType":["thumbnail"],"posts":[{"fieldId":"contents","title":"ピンタレスト","url":"https://www.pinterest.jp","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-pintarest.png","height":964,"width":2566},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"dribbble","url":"https://dribbble.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/f432373c1c6744968cb738cd7d87392a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-16%2015.45.22.png","height":668,"width":1235},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"マネるデザイン研究所","url":"https://maneru-design-lab.net","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-maneru-design-lab.png","height":1400,"width":2880},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"Web Design Clip","url":"https://www.webdesignclip.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-webdesignclip.png","height":1400,"width":2880},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"S5-Style","url":"https://bm.s5-style.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-s5-style.png","height":1396,"width":2880},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"SANKOU!","url":"https://sankoudesign.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/88e478c443054c6893b80158740b428b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.10.37.png","height":702,"width":1156},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"レトロバナー","url":"https://retrobanner.net","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-retrobanner.png","height":1298,"width":2880},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"フッターデザイン.com","url":"http://footer-design.com","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-footer-design.png","height":1388,"width":2084},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"Webframe","url":"https://webframe.xyz","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-webframe.png","height":1328,"width":2856},"commercialUse":false,"credit":false},{"fieldId":"contents","title":"Web Font Search","url":"https://web-font-search.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/4fccca1794d14a76ac4a101c4f2275a1/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.51.54.png","height":659,"width":1204},"alt":"TOPページ","commercialUse":false,"credit":false}]}]}],"totalCount":5,"offset":0,"limit":10},"designContent":{"id":"font","createdAt":"2021-01-08T00:55:39.906Z","updatedAt":"2022-02-21T14:33:53.215Z","publishedAt":"2021-01-08T00:55:39.906Z","revisedAt":"2022-02-21T14:33:53.215Z","title":"フォント","Categories":[{"fieldId":"category","categoryName":"WEBフォント","enTitle":"Web Fonts","jaTitle":"読み込みだけでOKのフォント","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-web-font.png","height":40,"width":42},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"Google Fonts","url":"https://fonts.google.com/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Google-Fonts.png","height":1394,"width":2880},"alt":"google fonts","description":"英文フォントが豊富で軽い定番のWEBフォント。導入も楽、Figmaとの連携がデフォルト。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Google Fonts + 日本語","url":"https://googlefonts.github.io/japanese/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Google-Fonts-jp.png","height":1390,"width":2880},"alt":"日本語のGoogle Fonts","description":"正式には公表されていない開発中の和文フォント。正式版よりは少し重いので注意。","commercialUse":false,"credit":false},{"fieldId":"contents","title":"Adobe Fonts","url":"https://fonts.adobe.com/fonts","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-Adobe-Fonts.png","height":1398,"width":2880},"alt":"Adobe Fonts","description":"AdobeCC会員ならば無料で使えるWebフォント。欧文も和文も豊富なバリエーションが魅力！","commercialUse":false,"credit":false},{"fieldId":"contents","title":"TypeSquare","url":"https://typesquare.com/ja/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/image-TypeSquare.png","height":1400,"width":2880},"alt":"TypeSquare","description":"日本企業で制作されているため和文フォントの種類が多い。1フォントのみ無料だがインプレッションの制限がある。","commercialUse":false,"credit":false}]},{"fieldId":"category","categoryName":"無料フォント","enTitle":"Free Fonts","jaTitle":"無料でダウンロードできるフォント","icon":{"url":"https://images.microcms-assets.io/protected/ap-northeast-1:b7599113-36d1-4105-9bdc-e29b6d1179fe/service/odogubako/media/icon-fonts.png","height":80,"width":70},"postsType":["cardList"],"posts":[{"fieldId":"contents","title":"源ノ角ゴシック","url":"https://github.com/adobe-fonts/source-han-sans/tree/release","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/3dcdb7445fb64e888222ba10b9a72dd9/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.37.22.png","height":158,"width":266},"alt":"フォントのサンプル","description":"AdobeとGoogleが共同開発したオープンソースのゴシック体で日本語・中国語・韓国語を1つのフォントファミリーでカバーする。Adobeで配布している名称が『源ノ角（げんのかく）ゴシック』、Googleが配布している名称が『Noto Sans CJK JP』。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源ノ明朝","url":"https://source.typekit.com/source-han-serif/jp/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/3517b52e5e0d431aa416ccefaf85da14/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.27.14.png","height":562,"width":967},"alt":"フォントのサンプル","description":"こちらもAdobeとGoogleが共同開発した明朝体のフォント。Adobeでの名称が『源ノ明朝』で、Googleでの名称が『Noto Serif CJK』となっている。明朝体の中でもとてもきれいで使いやすいフォント。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源泉丸ゴシック","url":"https://web-font-search.com/rounded/%E6%BA%90%E6%B3%89%E4%B8%B8%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/55fc7b49ce0449df91d6927d0d347656/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2018.46.29.png","height":194,"width":432},"alt":"フォントのサンプル","description":"源ノ角ゴシックから派生された丸ゴシック体のフリーフォント。Macに内蔵されている『ヒラギノ丸ゴProN』に似ていて使いやすい。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源ノ角ゴシック Code","url":"https://github.com/adobe-fonts/source-han-code-jp","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/72ab39f5f7bd4cdeac74c72e0b0ade16/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.19.55.png","height":230,"width":568},"alt":"フォントのサンプル","description":"コードを読んだり書いたりするのに最適な源ノ角ゴシックをベースにしたフォント。エディターだけではなくターミナルにもこのフォントを適用するととても見やすくておすすめ。ダウンロードは『Latest release』のリンクからzipファイルを。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"源柔ゴシック","url":"http://jikasei.me/font/genjyuu/","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/997842f1843c49dd9705a2253d67d81f/genjyuu_catch.png","height":255,"width":900},"alt":"フォントのサンプル","description":"源ノ角ゴシックをベースに、角を丸めて柔かい雰囲気にしたフォント。細めのフォントは少し可愛め。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ほのか丸ゴシック","url":"http://font.gloomy.jp/honoka-maru-gothic-dl.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/03f120f5a676483ea1ff9a96b92201f7/mihon_2_maru.png","height":1300,"width":1374},"alt":"フォントのサンプル","description":"漢字は源柔ゴシックを使用しつつ、かな文字に癖を持たせたフォント。落ち着いた雰囲気や懐かしさ、寂しさ、哀愁を演出したいときに使用すると効果的に。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"ほのかアンティーク丸","url":"http://font.gloomy.jp/honoka-antique-maru-dl.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/a20030b07b684735bd9afea1d8e1075b/mihon_2_maru_antique.png","height":1300,"width":1374},"alt":"フォントのサンプル","description":"ほのか丸ゴシックのかな文字を少しだけ明朝体風にしたフォント。かしこまった雰囲気で懐かしさ、寂しさ、哀愁を演出したいときに◎。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"コーポレート・ロゴ","url":"https://logotype.jp/corporate-logo-font-dl.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/587c7477ef4f45c18fc224c649b90d75/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.52.43.png","height":245,"width":958},"alt":"フォントのサンプル","description":"源ノ角ゴシックに会社ロゴタイプ風のひらがな・カタカナを組み合わせたフォント。ひらがなとカタカナが縦長にデザインされ、字間も調整されているので通常の全角フォントより文字の密度が高め。ロゴ作成のベース・フォントにしても◎。","commercialUse":true,"credit":false},{"fieldId":"contents","title":"コーポレート・ロゴ（ラウンド）","url":"https://logotype.jp/font-corpmaru.html","externalLink":true,"image":{"url":"https://images.microcms-assets.io/assets/342541f24ff844f88cd3f72e892f7bf4/6cf2883cfa9d4ecaaab1e0339779911d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-01%2017.51.11.png","height":243,"width":977},"alt":"フォントのサンプル","description":"コーポレート・ロゴを丸ゴシックにしたフォント。漢字は源柔ゴシックを使用している。","commercialUse":true,"credit":false}]}]}},"__N_SSG":true}