*

time 2015/03/01

旅ビートリニューアル

HTML/CSS知識ゼロからのサイト制作

どうも!久しぶりに体重を量ったら8㌔増えてたビート内藤(@beat910)です。年齢とともに体質も変わってきました。

いや違う、きっと違う。体質だけのせいではない、約3ヶ月間ブログも動画UPも全てストップさせて私が取り組んできたこと。それは“ブログサイトのリニューアル”だ!

スマホ版

夕食を済ませて運動もせず即Macに向かい、コードとにらめっこし続けた結果、見事肉塊になれた訳です。その甲斐もありPC版そして、スマホ版もリニューアルをすることができました。

PCの知識もままならない、ましてや“HTML”“CSS”の知識もゼロ。今まで何度も挫折し続けたサイトの構築。

挫折

本を買っては目次に目を通し“HTMLの基本”〜HTMLとはHyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略で〜まで読んで、本を閉じ、そしてゆっくり瞼も閉じる。っということを120回ほど繰り返してきました。

本腰入れリニューアルをした理由

A1180 005566

自分のベース(母艦)みたいなモノが欲しかった。このbeat910.comは数年前からやっていたものの、WordPressのテンプレートをそのまま使っていたため、イマイチ愛着が沸かなかったのです。

SPONSORED LINK
その大事な母艦はやっぱりカッコイイ方がいいし、旅をして、そこから得た情報や知識をこれから旅をする人の役に立つ場所は見やすく分かりやすくしたい。と思ったからです。

なによりもこのwebの知識は今後自分の武器になると思ったから。お金を払って作ってもらうことは簡単だけど、今後のデザイン変更やトラブルにも自分で対処出来たほうが確実にいい。

そんな訳で昨年12月から、まったくの知識ゼロからデザイン構築を始めました。

マジで抜け毛増えた1週間

PAK82 desumacyuunodansei20140125500

とりあえずnori510.comの「のりごとー」に相談。結果「とにかくいじってみるしかない」という、相談開始10秒で私が抱えている悩みを解消した彼は、やはり只者ではない。

ローカルホストの作り方、CSSは装飾するもの、タグ囲うの3点、3分ほどのレクチャーを受けて、実践に入りました。

それから毎日3〜4時間、何度も失敗し、真っ白のなにも表示されないことや、ちょっといじっただけで、グチャグチャになるなど、バックアップの重要性を再確認する日々。

と、2週間ほどすると段々意味が分かってきて、のりごとーの「いじってみるしかない」という意味が分かってきました。とりあえず分からないことは、自分で調べました。

Google先生は物知りで、大概のこと知っています。なるべくのりごとーに頼らずに構築していきました。

作ってみて

まだまだ手直ししなければならないところは多々あり、ジャバスクリプトなどさっぱり分からず、ほぼコピペですが、自分ゼロからやってみて本当に良かったと思います。

人間追い込まれるとやるもんですね。バカなうえにアホな私ですが、少し分かってくると自分が描きたいデザインにできると思うと楽しくなってきます。

昔ギターを何度も挫折したことを思い出しました。3つほどコードを覚えて簡単な曲が弾けるようになると楽しくなってくる。

何事もその少し分かるまでがなかなか大変ですが、そこを越えると楽しくなってくるみたいです。

今後ともブログと動画をベースに旅や生活に便利な情報、くだらないことなどを配信していきますので、暇な時にでも覗いてみて下さい!

参考にされていただいたサイト

OZPA表4
OZPAの表4

大好きなサイトで、とにかく見やすい!そしてデザインがおしゃれ!シンプルさの中にカッコよさがあるので、パクってませんインスパイアしましたwまたサイト構築の記事も多くものすごく助かりました。こういうサイトを目指していきます。

和洋風KAI
和洋風KAI

凝ったデザインこちらも、見やすく、訪問した人がワクワクするデザイン。モバイル版の配置などを参考にさせていただきました。

nori510.com
nori510.com

私の師匠的な存在の小学校からの同級生。シンプルで見やすい!見やすいことが訪問者にとって一番大事なことだと思いました。ベースはこちらのページを参考にさせていただきました。

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterで@beat910をフォローしよう!

シェアしていただきありがとうございます。
関連記事もあわせてどうぞ!
ビート内藤 @beat910について
1983年生まれ
愛知県出身:ブロガー兼Youtuber
詳しくはこちら
Youtubeチャンネル
世界旅してガッテン』 世界を旅しながら情報配信中



ブログランキング参加中! クリックすると幸運が訪れるらしい。

↓↓↓↓↓↓↓ ポッチとな ↓↓↓↓↓↓↓ にほんブログ村 旅行ブログ 世界一周へ

PAGE TOP ↑