2019.11.25スポンサーリンク身も蓋もない書き出しになってしまいましたが、なるべくお金をかけずにWEBサイトを作りたいんです私。基本的にはWEBサイトの運用は趣味ですし、他にお金のかかる趣味をいくつか持っているので。そこで有料ソフトの代替無料ツールを探しまくって色々作業をしています。詳しく調べたいのでメモがてら紹介します。まとめサーバとドメイン、どうする?まずはサイトのデータを置く場所(サーバ)と住所(アドレス)ですね。アドレスにこだわりがなければ無料サーバでいいと思います。好きなアドレスで好きなようにやりたああああい!!となるとどうしてもドメイン代(平たく言うとアドレスに対してかかるお金)がかかってきます。私はネットオウルのドメインサービスを利用していて、これが年間1,298円。サーバはスターサーバーのライトプランで、年間3,300円です。レンタルサーバー【スターサーバー】お好きな文字と組み合わせて作れる自分だけのドメイン!スターサーバーで運用中のホームページやメールアドレスのドメインとしてご使用いただけます。www.star.ne.jpスターサーバークラウド型高速レンタルサーバー【スターサーバー】レンタルサーバーの【スターサーバー】は、高速・格安のクラウド型レンタルサーバーです。オールSSD&nginx(エンジンエックス)を搭載した高速サーバー環境が月額126円(税抜)から利用可能で、WordPressなどのCMSやWebサイトが快適に動作する環境を提供します。www.star.ne.jpネットオウルはドメインを取るとWordpressがひとつ使える無料サーバが付いてきます。これでも充分だったのですけども、ドメインを複数使用しなければならなくなったので有料にしました。30円(税抜)〜スタードメインでドメインを取得するともれなく高機能な無料レンタルサーバーが使えます!当ページでは無料レンタルサーバーの仕様についてご案内しています。www.star-domain.jpちなみになんでスターサーバーなのかというと横浜DeNAベイスターズが好きだからです。ベイスターズファンは星が付くものに弱い説、あると思います。serverも使用した事がありますが、そんなにアクセスのないサイトで個人使用なら正直どこでもそんなに変わらないような気がします。ドメインにこだわりないし、無料サーバでいい無料サーバについては以前書いていますのでこちらを。無料なだけあってアドレスは好きな文字列に出来ないし、広告も入ってしまいます。練習用とかならじゅうぶん。わたしもいくつか借りています。【無料でWordPressを使ってみる】おすすめサーバ比較Wordpressにはデータベース(MySQL)が必要です。MySQLが無料で使えるレンタルサーバはいくつかあります。今回は実際に使用した事がある3つのサーバをご紹介します。www.nullllog.com2019.08.27サイトはなにで構築する?今だとWordPressがいいと思います。企業でも使われているし、使い方を知っておくといつか役に立つかもしれない。WordPressは無料ですし、WordPressテーマも無料でもいいものが沢山あります。追加機能であるプラグインも無料のものでじゅうぶん。ブログなどの更新コンテンツのない簡単なサイト(静的サイト。WordPressのサイトは「動的サイト」と呼びます)ならテキストエディタで作るのもおすすめです。それこそWindowsの「メモ帳」があればできちゃいますからね。コード書けるとWordPressを使っていても役に立つし。HTMLとCSSがセットになったテンプレートも無料でいいものが沢山あります。サイトはいらない、ブログだけでいいというひとはアメーバでもhatenaとかnoteでもぜんっぜんいいと思います。hatenaとかnoteはまたちょっと違うか...。サイトの仕組みとか勉強したいーとかって場合は面倒でお金もかかるけどドメイン取ってサーバ契約して設定して...という手順を踏むといいかなと思うので、その視点で書いてます。画像編集ソフトも無料で使えるものがたくさんあるドローソフトまずはドローソフト(ベクターグラフィックソフト)。座標と数値で図形を描画するので拡大しても縮小しても線がギザギザにならないという偉い奴です。Illustratorですね。ドローソフトは必ずしもサイトを作るのに必要ではありませんが、使えると重宝されるしなにより楽しいです。月に2,700円位払ってるかな。高いなあとも思いますが、広告や印刷物を作るときにはやっぱり便利なんですよね...私は広告や印刷物の仕事もたまにやるのでしゃーなしに入れています。2,000円ジャストくらいにならないかなと思いつつ。Illustratorの代替になると思う無料ソフト、それは「Inkscape(インクスペース)」。computers.inkscape.org無料とは思えないほど高機能です。Illustrator並に使えるようです。チュートリアルのサイトもけっこうあります。canva「ソフト」ではないんですけど広告デザインなんかに使えるのでいれました、canva(キャンバ)。これはWEBのデザインサービスです。アカウント取って使う類の。無料版でもじゅうぶんな機能とテンプレートが用意されていますし、バナーやアイキャッチなどWEB用のちょっとしたパーツはcanvaがあればいいかなという。Canvawww.canva.comこのサイトのアイキャッチも全部canvaで作っています。ペイントソフトペイントソフト、と昔は呼ばれていた気がしますが、いまは画像編集ソフト・フォトレタッチソフトでしょうかね。こっちはサイト運営にわりと使うかなと思います。画像を明るくしたり切り抜いたり縮小したり手描きの文字やイラストを加えたり、いろんな事が出来ます。Photoshopは個人では買った事がありません。GIMP「GIMP(ギンプ)」という無料ソフトがあるとPhotoshopに出来ることはほぼ出来ます。画像の切り抜きとかブラシとか調整レイヤーとか細かい事を言えばPhotoshopに劣りはしますが、WEBに使用する画像の加工ならまず問題ないと思います。Editorwww.gimp.orgただちょっと重くて、フォント選択画面でけっこう落ちます...。Jtrim写真の加工だけが目的ならば、個人的にオススメなのは「JTrim(ジェイトリム)」です。軽いし操作が簡単!複数枚の写真を同じサイズにトリミングしたいとかサクサクっとできます。ペイントあと文字入れなんかは意外とWindows付属の「ペイント」が便利なんですよね。背景の透明化はできないけど(PNGは扱える)。スクショの加工なんかはペイントでやってます。無料テキストエディタWordPressを使うようになってもわりとよくお世話になっているテキストエディタ。Wordをイメージされる方もいらっしゃるでしょうが、Wordはワープロソフトですね。「メモ帳」がテキストエディタですね。基本的に扱えるのは文字のみなのでソフト自体とっても軽いです。コードを書くときはこれがないと辛い。Terapad個人的おすすめはTerapad(テラパッド)です。余計な機能が一切ないので使いやすい。公式ダウンロードサイトHTML・CSS・JavaScript・Perl・PHP等の色分け・強調表示がプログラミング作業を支援します。ツールは、編集中のファイルを外部実行ファイルへ渡しコンパイル実行など工夫次第で様々な処理が可能です。自分じゃ描けないし写真も下手~~~といった場合は無料の素材を使うのも手です。無料素材サイトを紹介した過去の記事はこちら。センスのいい写真でサイトを彩る!おすすめ無料写真素材サイトセンスのいい写真でサイトを彩る!アイキャッチなどに使えるおすすめ無料写真素材サイトです。www.nullllog.com2019.09.08おしゃれ!かわいい!便利!!商用にも使える無料素材サイトおしゃれでかわいいくて便利な、商用にも使える無料素材サイトを3つご紹介します。すべてベクターデータでダウンロードできる素材サイトです。まとめサイト運営はやろうと思えば無料でできる趣味なのでおすすめです。文字だけのサイトだと画像ソフトは要らないのですがこのへんちゃちゃっと使えるようになるといつか突然「あしたから会社のサイトの運用して」とか言われた時に役に立つかなと思って書いときました。Generator」をわかりやすくご紹介します。使い方とサンプルも!WEBそのリンク、切れてません?「dead-link-checker」で無料チェック!そのリンク切れを無料でチェックできる「dead-link-checker」の使い方を分かりやすく説明します。WEBおしゃれ!かわいい!便利!!商用にも使える無料素材サイトおしゃれでかわいいくて便利な、商用にも使える無料素材サイトを3つご紹介します。すべてベクターデータでダウンロードできる素材サイトです。Creator」を紹介します。Doodle」を集めてみました。無料で使えるおしゃれで手軽なデザインツール、「canva」の使い方をわかりやすくお伝えします。アイキャッチの作り方のサンプルとチュートリアルです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。素材アーカイブ2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月おすすめサーバこのサイトでも使用しています。まとめAUTHOR書いた人nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。nullll14人気記事Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編2019.10.152020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編2019.11.262020.01.14Cocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編2019.12.122020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編2019.10.162020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編2019.10.182020.01.09nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。Reserved.検索メニューWEBWORDPRESSWORKSいろいろプロフィールタイトルとURLをコピーしました。