~立ち上げ作業の流れ~イラストITデザインWeb2019年6月30日ブログを初めて約半年ほど経ちます。WordPressというデータ管理の仕組みを使ってはいますが、当サイトはデザインから全て私オリジナルのブログです。昔から何かとDIYするのが好きなので、ちょっとした興味でやってみたわけです。世の中ブログブームで、どんどん新しいブログが立ち上がって行く中で「自分オリジナルのブログで他と差別化したい!」と考える人は結構多いはずです。そんな方の参考になればと、自作ブログはどれだけ大変なのかというのをまとめてみました。立ち上げの費用は大したことない費用はさほどかかりません。年額で8000円程度で立ち上げられます。勉強代が少しかかる初心者がWebサイトを立ち上げるのなら当然勉強が必要になります。HTML/CSSとPHPは必須になるので、本を買うなりオンラインコースを受講するなりする必要があります。Googleで調べながら・・・という方法なら無料ですが、オススメはできません。初心者のうちは調べることがあまりにも多すぎる上、ブログなどで紹介されるIT系の記事は古いものも多く紛れているので有益な情報にたどり着くまでに疲れ切ってしまいます。お金を出してまとまった知識を得ましょう。本は1冊2000円くらい。オンラインコースも基本だけなら2000円くらいで受けられる時代です。立ち上げに必要な作業(デザイン面)詳細な作業手順やコツは別記事で書こうと思います。構想を練る無視しがちですが、一番大切な作業です。自分が作りたいサイトはどんなもなのかを具体化しておきましょう。したイメージだけではデザインすら作ることができません。頭の中だけで済ませず、ノートにボタン配置などのレイアウトを書き出してみることをオススメします。書き出してみると自分のイメージがいかに穴だらけだったかを実感できるでしょう。ここで手を抜かずに目標を定めておかないと、デザインを作っている途中に「あれ?このブログ要らなくない?」という気持ちになって挫折します。レイアウトは紙に書きだそう超薄くて見づらいですが、当サイトの構想段階のラフ「ぎゃらりー」ページのラフスマートフォンとPCの両方の使いやすさを考える構想を練る上で必ず考えなければいけないのがスマホとPCの両方で使えるようにするということ。今時のブログサイトでスマホ非対応なんてありません。初心者はPCのデザインだけ考えてスマホ版は縮小すればいいや〜なんて考えてしまいがち。手を抜かず、具体的なボタン配置までじっくり時間をかけて考えましょう。構想を練り終えたらようやくデザイン制作開始です。有料ですが、Illustrator、Photoshop、XDのどれかで制作するのが一般的デザイン制作の流れとソフト選びについてはこちらでまとめています。ソフトの選び方&作業の流れ2019年6月30日イラストスマートフォンとPC用のデザインを両方作る必要があります。プロフィールなどを含めて5ページのサイトならスマホとPCそれぞれ作るので計10ページ結構作業量は多いです。スマホ版も作ろうスマホ版とPC版の両デザインを考えておかないと後で地獄を見るかもしれない立ち上げに必要な作業(コーディング面)ようやくHTMLコーディングデザイン制作まででも十分に時間がかかります。少なめに見積もっても1週間はかかるでしょう。本当の戦いはここから。いえ、デザインを綺麗に作れていればそれをHTMLで再現するだけです。初心者のうちはタグを覚えるのに苦労しますが、HTMLはシンプルなので慣れるとそれほど大変な作業ではありません。最初に構想さえ練れていれば、あとはレールの上を走るだけです。JavaScriptで動きを入れるこれは必須ではありませんが、アニメーションなどを入れるときにはJavaScriptを書かないといけない場合があります。初心者からすれば勉強するものが一つ増えるので出来れば避けたいでしょう。近代的で魅力的なサイトを作るのなら必須ですが、後追いで勉強しても問題ありません。最初のうちはWeb常に落ちているソースをコピペして必要最低限の実装をしましょう。初心者の壁の一つです。世の中にある一般的なWebブラウザで一通り表示してみて、正しく動くことを確認します。あたりで確認することになります。11も対応しましょう。それからスマートフォンの実機でテストするのも必須です。AndroidとiOSで動作に違いが出ることが多々あります。友達にも協力してもらって色々な機種で試しましょう。苦労しながら丁寧に作ったHTMLでも、違うブラウザ、違う機種のスマホでみると表示が崩れることが多々あります。心が折れかけますが、対応しないわけには行かないので頑張りましょう。PHPコーディングHTML、JavaScriptが問題なければ、いよいよPHPを追記してWordPressテーマにしていきます。PHPの基礎を覚えましょう。返しくらいは必須です。次にWordPress特有の機能について覚えましょう。これも本を買うかオンラインコースを受講すべきです。暗記に近い感じで覚えなければいけないことが多いので最初はかなり悩みます。どの程度オリジナリティのあるブログにするかでここの大変さは変わってきます。妥協して簡単に作り、後から追加していく方法でも構いません。いざテスト!WordPressテーマ化が完了したらいよいよテスト!実際のブログ記事に近いようなものを投稿してみましょう。タグをつけたり、コメントをつけたり使える機能は一通り試して問題が起きないことを確認します。「特定の文字が入るとバグる」などの細かい問題も直せなくてもいいので知っておく必要があります。技術的に難しいなら運用するときの工夫でカバーしましょう。テストをして問題なければいよいよプログラムは完成です。立ち上げに必要な作業(デプロイ編)Webサイトのコードが出来上がっても、まだ作業はたくさん残っています。デプロイとは日本語で配備のこと。作ったサイトのプログラムをサーバー上に置いて世界中から見れるようにする作業です。この作業は自作ブログに限った話では無いですがまとめておきます。サーバー契約さくらインターネット、LOLIPOPあたりが定番でしょう。PHPとデータベースが利用できるプランでサーバーを契約します。契約したらFTP通信でファイルをアップロードすればサイトが表示されるようになります。細かい事をかくと長くなるのでここでは割愛します。作業量は多くないですが、初心者にとっては覚える単語が多すぎて混乱するところです。頑張って勉強しましょう。要はサイトのURLを自分で決めるために必要なのがドメインです。ブログを立ち上げるなら今や必須なので、細かいこと考えずに買いましょう。種類は色々ありますが、.comが覚えてもらいやすいしド安定です。年間1500円程度なのでこのくらいは払いましょう。いった解析サービスに登録しましょう。サイト訪問者の情報や、検索エンジンからの見え方などのデータが取れます。ここも覚えることが多くて苦労しますが、作業量は少ないです。今時のWebサイトでは必須なので、とりあえず登録しましょう。細かい使い方は後から少しずつ覚えれば問題ありません。実際に記事を作って問題がなければ完了これでようやく作業は終わりです。あとは実際にブログ記事を書いて、正しく表示されることを確認しましょう。この時点では、Google検索などで自分のサイトが引っかかることはまずありません。ブログは公開してからが本番です。作り終えるまではただの準備なので、これから頑張っていきましょう。オリジナルブログの何が大変なのか膨大な準備作業ここまで読んでいただけた方なら、何が大変なのかは理解いただけたはずです。ブログサイトを立ち上げるというのはあくまで準備。ブログ記事を書くのが本番です。それなのにこの膨大な立ち上げ作業。準備だけで心が折れそうですよね。多発する不具合システムには不具合がつきものです。実際にブログが完成したと思って運用を開始したら、あるとき突然表示が崩れた!なんてことはよくあります。オリジナルブログなら、直せるのはあなただけ。運用開始後もしばらくは安定することはありません。言うまでもないメリットです。知らない人が多いメリットとして広告をサイトに入れたい場合、その審査が通りやすいというものです。無料ブログや定番WordPressテーマを使う場合「複製されたコンテンツ」という罪状で審査を落とされるケースがあるようです。このサイトは7記事程度書いた段階で審査が通りましたが、twitterでは数十記事書いても審査が通らない!なんていう愚痴をよく見かけます。ユニークであることには意外なところにメリットがありますね。Webの膨大な経験が手に入るサイト立ち上げまで終えると、凄まじい量の知識が身についていることに気がつきます。個人の意見としてはこれが最大のメリットだと思います。Web系の会社で働いている方や、エンジニアの方が本業に通じる知識を身に着けるためということであれば、オリジナルブログの制作は強くオススメしたいです。実際に運用してみることで、ユーザー目線での設計ができるようになるでしょうし、シェアの高いWordPressの知識は持っておいて損はありません。本業とは全く関係がなくただ趣味で独自のブログが欲しいというだけであればオススメはできません。2ヶ月、3ヶ月と長いスパンで勉強と制作を進める必要があり、相当の根気がないと続けられません。はてなブログや、作成済みのWordPressテーマを購入するなどして手早く運用を開始するのが賢いと思います。こんな人にはオススメ結論として、こんな人にはブログの自作をオススメできます。初心者の方でも、どんなブログを作りたいのか構想が固まっていてそれに自信があるのなら挑戦してみると良いと思います。途中で挫折しても、それがまた新たな挑戦のタネになることも多々あります。否定的に取れることも書いてしまいましたが、やってみたいのならやるべきだと思います。自分のアイデアが形になれば、写真よりも価値のあるものを未来に残せるでしょう。趣味は可愛い絵を描くこと。