<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>おすすめサイト on 島のWeb屋</title>
    <link>https://matsmoto.jp/categories/website/</link>
    <description>Recent content in おすすめサイト on 島のWeb屋</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>ja</language>
    <lastBuildDate>Fri, 14 Jul 2023 16:50:42 +0000</lastBuildDate><atom:link href="https://matsmoto.jp/categories/website/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>縦書き対応で日本人モデルの写真素材も豊富な無料の和製デザイン作成サイト</title>
      <link>https://matsmoto.jp/design-ac/</link>
      <pubDate>Fri, 14 Jul 2023 16:50:42 +0000</pubDate>
      
      <guid>https://matsmoto.jp/design-ac/</guid>
      <description>
        
          
            &lt;p&gt;最近は、無料のデザイン作成サイトと言えばCanvaを思い浮かべる人が多いかなと思いますが、用途によっては、Canvaよりも使いやすいのでは？と思って気に入っている、日本のデザイン作成サイトがありますのでご紹介します。&lt;/p&gt;
&lt;p&gt;「 &lt;strong&gt;&lt;a href=&#34;https://www.design-ac.net/#a_aid=5dd6ccb01a212&amp;amp;a_bid=3ecd46a4&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;デザインAC&lt;/a&gt;&lt;/strong&gt; 」というサイトです。&lt;/p&gt;
&lt;p&gt;基本的にはCanvaやPixlrなどと同様に、テンプレートをベースにWebブラウザを使ってデザインを作っていきますが、全体的に動作も軽く、操作も直感的でわかりやすいように思います。&lt;/p&gt;
&lt;p&gt;和製サイトなので、日本人向きの作りなのかもしれませんね。&lt;/p&gt;
&lt;p&gt;画面は以下の画像ような感じです。&lt;/p&gt;
&lt;p&gt;↓ちらしや、配布資料を作ったり
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/image2023071416301800-1024x596.jpg&#34; alt=&#34;&#34; width=&#34;1024&#34; height=&#34;596&#34; class=&#34;alignnone size-large wp-image-792&#34; /&gt;&lt;/p&gt;
&lt;p&gt;↓ブログやウェブサイトのイメージ画像を作ったり
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/image2023071416182500-1024x625.png&#34; alt=&#34;&#34; width=&#34;1024&#34; height=&#34;625&#34; class=&#34;alignnone size-large wp-image-788&#34; /&gt;&lt;/p&gt;
&lt;p&gt;↓名刺を作ったり
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/image2023071416303200-1024x548.jpg&#34; alt=&#34;&#34; width=&#34;1024&#34; height=&#34;548&#34; class=&#34;alignnone size-large wp-image-793&#34; /&gt;&lt;/p&gt;
&lt;p&gt;と、このようなサイトで画像を作るという意味で思いつきそうなものは、一通り何でも作れそうです。&lt;/p&gt;
&lt;p&gt;運営会社が、もともと &lt;a href=&#34;https://www.photo-ac.com/#a_aid=5dd6ccb01a212&amp;amp;a_bid=35660fdf&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;写真AC&lt;/a&gt; や &lt;a href=&#34;https://www.ac-illust.com/#a_aid=5dd6ccb01a212&amp;amp;a_bid=e576d457&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;イラストAC&lt;/a&gt; といった画像素材を扱うサイトを運営していることもあってか、素材も豊富ですし、日本人の写真も多くて使いやすいと思います。&lt;/p&gt;
&lt;p&gt;また、テキストの縦書きにしっかり対応してくれていたり、日本語フォントがかなり豊富に用意されているあたりもポイントが高いと思います。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/image2023071416184300.jpg&#34; alt=&#34;&#34; width=&#34;902&#34; height=&#34;607&#34; class=&#34;alignnone size-full wp-image-790&#34; /&gt;
&lt;p&gt;具体的な使い方については別の機会に書ければと思いますが、ブラウザで&lt;a href=&#34;https://www.design-ac.net/#a_aid=5dd6ccb01a212&amp;amp;a_bid=3ecd46a4&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;デザインAC&lt;/a&gt;のサイトにアクセスすれば、登録無しでデザインの作成を試すことができますので、よかったら一度見に行って確認してみて下さい。&lt;/p&gt;
&lt;p&gt;もし満足できるデザインができた場合、作成したデザインをダウンロードするにはメールアドレスやSNSアカウントで無料登録する必要があります。&lt;/p&gt;
&lt;p&gt;無料登録すると、作成途中のデザインもマイページに保存できますので、少しずつ作っていくことや、以前作ったデザインを使い回すことも可能になります。&lt;/p&gt;
&lt;p&gt;おすすめです。&lt;/p&gt;
          
          
        
      </description>
    </item>
    
    <item>
      <title>国土地理院のサイトで無料で地図を作ってダウンロードしてみました</title>
      <link>https://matsmoto.jp/chiriin-chizu-vector/</link>
      <pubDate>Sun, 17 Apr 2022 12:04:59 +0000</pubDate>
      
      <guid>https://matsmoto.jp/chiriin-chizu-vector/</guid>
      <description>
        
          
            &lt;p&gt;地図と言えば子供の社会科の勉強でよく使ったイメージがありますが、よく考えてみると、例えば地域の案内マップを作ったり、イベント会場の告知に使ったりと、自分で作れてうまく利用できれ便利なことが多いようにも思います。&lt;/p&gt;
&lt;p&gt;ただ、そういった用途に地図を利用するとなると、どうしても「この範囲のこのような地図が欲しい」となりますが、そんな都合の良い地図はなかなか見つからないかもしれませんね。&lt;/p&gt;
&lt;p&gt;ですが、探してみたら、全国の欲しい範囲の地図を無料で作ってダウンロードできる国土地理院のサービスがありました。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;地理院地図Vector&lt;/strong&gt;というWebサイト（Webアプリ）です。&lt;/p&gt;

&lt;div class=&#34;notices info&#34;&gt;
    &lt;div class=&#34;label&#34;&gt;　&lt;/div&gt;
    
&lt;a href=&#34;https://maps.gsi.go.jp/vector/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;地理院地図Vector&lt;/a&gt;

  &lt;/div&gt;

&lt;h2 id=&#34;地理院地図vectorで何ができるか&#34;&gt;地理院地図Vectorで何ができるか？&lt;/h2&gt;
&lt;p&gt;地理院地図Vectorは、日本全国の任意の範囲を（最大拡大率の制限はありますが）自由に拡大縮小して地図を作成することができる、国土地理院のサービスです。&lt;/p&gt;
&lt;p&gt;無料で利用できます。&lt;/p&gt;
&lt;p&gt;個人的には「ほぼ無段階と言っても良いのではないか？」と思うくらいに自由に拡大縮小できるので、「このエリアだけ欲しい」というニーズにかなり答えてくれると思います。&lt;/p&gt;
&lt;p&gt;ちなみに、今回は簡単な「白地図」を作ってみることにしましたが、それ以外にも、&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;普通の色付き地図&lt;/strong&gt;や、&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-001.jpg&#34; alt=&#34;&#34; width=&#34;640&#34; height=&#34;333&#34; class=&#34;alignnone size-full wp-image-408&#34; /&gt;
&lt;p&gt;&lt;strong&gt;写真地図&lt;/strong&gt;なども作れます。&lt;/p&gt;
&lt;p&gt;&lt;figure&gt;
  &lt;picture&gt;

    
      
        
        
        
        
        
        
    &lt;img
      loading=&#34;lazy&#34;
      decoding=&#34;async&#34;
      alt=&#34;&#34;
      
        class=&#34;image_figure image_external image_processed&#34;
        width=&#34;640&#34;
        height=&#34;333&#34;
        src=&#34;https://matsmoto.jp/chiriin-chizu-vector-002_5512846576892314535.jpg&#34;
      
      
    /&gt;

    &lt;/picture&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;確認した限りでは地図に透かし文字が入ったりもしていないようです。&lt;/p&gt;
&lt;p&gt;このように、地図を作成するためのWebアプリとしてはとても高機能で便利ですが、そのぶん少し動作が重く感じましたので、あまり非力なPCでの利用は厳しいかもしれません。&lt;/p&gt;
&lt;p&gt;また、一応スマホでも動くようですが、画面の構成の関係でこれもまた厳しいのではないかと思います。&lt;/p&gt;
&lt;p&gt;それから、（余談かもしれませんが）現時点では「試験公開」という状態のようですので、もしかすると今後大きく仕様が変更される可能性も考えられます。&lt;/p&gt;

&lt;div class=&#34;notices note&#34;&gt;
    &lt;div class=&#34;label&#34;&gt;　&lt;/div&gt;
    
地理院地図では、しっかりと使い込めばもっと高度な地図も作れますので、興味のある方は試してみて下さい。

  &lt;/div&gt;

&lt;h2 id=&#34;地理院地図vectorで白地図を作る&#34;&gt;地理院地図Vectorで白地図を作る&lt;/h2&gt;
&lt;p&gt;では、ここから「地理院地図Vector」を使って白地図を作った手順をご紹介したいと思います。&lt;/p&gt;
&lt;h3 id=&#34;地理院地図vectorのwebサイトを開く&#34;&gt;地理院地図VectorのWebサイトを開く&lt;/h3&gt;
&lt;p&gt;まずは、ブラウザで&lt;a href=&#34;https://maps.gsi.go.jp/vector/&#34;&gt;地理院地図Vector&lt;/a&gt;を開きます。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-011.jpg&#34; alt=&#34;&#34; width=&#34;720&#34; height=&#34;480&#34; class=&#34;alignnone size-full wp-image-410&#34; /&gt;
&lt;p&gt;最初は↑この画像のようなカラフルな地図が開いたと思います。&lt;/p&gt;
&lt;h3 id=&#34;白地図モードにする&#34;&gt;白地図モードにする&lt;/h3&gt;
&lt;p&gt;今回は白地図を作りますので、画面左のサイドバーの上の方にある「おすすめの地図」の中にから「&lt;strong&gt;白地図&lt;/strong&gt;」をクリックします。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-021.jpg&#34; alt=&#34;&#34; width=&#34;480&#34; height=&#34;360&#34; class=&#34;alignnone size-full wp-image-411&#34; /&gt;
&lt;p&gt;すると、地図が書き替わります。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-022.jpg&#34; alt=&#34;&#34; width=&#34;720&#34; height=&#34;480&#34; class=&#34;alignnone size-full wp-image-412&#34; /&gt;
&lt;p&gt;カラフルな地図から白地図になったかと思います。&lt;/p&gt;
&lt;h3 id=&#34;地図に表示したい場所と範囲を決める&#34;&gt;地図に表示したい場所と範囲を決める&lt;/h3&gt;
&lt;p&gt;次に、地図に表示する場所と範囲を決めていきます。&lt;/p&gt;
&lt;p&gt;基本的には地図上で、&lt;strong&gt;ドラッグすると上下左右に移動&lt;/strong&gt;でき、&lt;strong&gt;マウスのホイールの回転で拡大縮小&lt;/strong&gt;できます。&lt;/p&gt;
&lt;p&gt;ですが、地図に表示したい場所が現在表示されている場所から遠い場合など、この操作では大変なこともありますよね。&lt;/p&gt;
&lt;p&gt;そのような場合は、画面上部の検索ボックスにキーワードを入力して、目標とする場所を&lt;strong&gt;検索して移動&lt;/strong&gt;することが可能です。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-031.jpg&#34; alt=&#34;&#34; width=&#34;1000&#34; height=&#34;500&#34; class=&#34;alignnone size-full wp-image-413&#34; /&gt;
&lt;p&gt;検索ボックスにキーワードを入力して【Enter】キーを押すと、↑上の画像のように検索結果の候補が表示されますので、その中に目標とする場所があればクリックして下さい。&lt;/p&gt;
&lt;p&gt;すると、その場所が地図に表示されます。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-032.jpg&#34; alt=&#34;&#34; width=&#34;720&#34; height=&#34;480&#34; class=&#34;alignnone size-full wp-image-414&#34; /&gt;
&lt;p&gt;検索結果は、一覧の右上の【✕】をクリックすると消せますので、あとは、&lt;strong&gt;ドラッグとホイールの回転で場所と範囲を調整&lt;/strong&gt;してみてください。&lt;/p&gt;
&lt;p&gt;あとから何度でも調整できますので、この段階では概ねで良いと思います。&lt;/p&gt;
&lt;h3 id=&#34;地図に表示する情報を決める&#34;&gt;地図に表示する情報を決める&lt;/h3&gt;
&lt;p&gt;地図に表示する場所と範囲が決まったら、次は地図に表示する情報を決めます。&lt;/p&gt;
&lt;p&gt;左サイドバーに、地図に表示する情報を項目ごとにON・OFFで細かく編集できるパネルがありますので、こちらで、必要な情報が掲載された地図になるよう設定してみて下さい。&lt;/p&gt;
&lt;img src=&#34;https://matsmoto.jp/home/wp-content/uploads/2023/07/chiriin-chizu-vector-041.jpg&#34; alt=&#34;&#34; width=&#34;930&#34; height=&#34;620&#34; class=&#34;alignnone size-full wp-image-415&#34; /&gt;

&lt;div class=&#34;notices note&#34;&gt;
    &lt;div class=&#34;label&#34;&gt;　&lt;/div&gt;
    
もし、このパネルそのものが表示されていない場合は、パネルが表示されるであろう位置のすぐ上にある小さな「編集」という文字をクリックすると表示されると思います。

  &lt;/div&gt;

&lt;p&gt;各項目の右端にある&lt;strong&gt;目&lt;/strong&gt;のようなアイコンをクリックすると、その項目の表示・非表示がリアルタイムで地図に反映されますので、作成する地図の利用用途に合った最適な状態に設定してみて下さい。&lt;/p&gt;
&lt;h3 id=&#34;地図の仕上がりを確認する&#34;&gt;地図の仕上がりを確認する&lt;/h3&gt;
&lt;p&gt;ひとまずこれで必要な情報を含んだ地図はできたと思いますので、ここで仕上がりを確認してみます。&lt;/p&gt;
&lt;p&gt;実は、ここまでの編集中の地図は左側がサイドバーで隠れた状態になっていますので、サイドバーの右上にある「◀」が表示されている小さなタブをクリックしてみてください。&lt;/p&gt;
          
          
        
      </description>
    </item>
    
  </channel>
</rss>