読者です 読者をやめる 読者になる 読者になる

ガレスタさんのDIY日記

電子回路、Web、組み込み、自作エフェクターを語るblog

僕なりのホームページ作成について(1)

ホームページ

経緯について

まず何でこんな記事を書いたのかというと知り合いと最近の進捗いろいろ話していくうちにMake活動についていろいろ問題があることが議題に上がった。
今回はホームページを基準にいろいろ話していこうと思う。

以下が上がった問題点である。

  • 作成物を発信するときの手法は多いがそれぞれ敷居が高い。
  • ホームページを持ちたいけどなにからしていいかわからない。
  • ブログではページごとにスタイルを変更できない
  • ページを作るにしても開発環境が多すぎて何を選んでいいかわからない。
  • その辺のホームページサンプルは機能が多すぎて技術系解説には非常に使いにくい。

などが上がった。

ここからは自論になるのだが、僕は1か月前までホームページについては何もわからない状態だったが短期間で方法的なのを確立しつつあるので初心者に対して敷居が高くならない程度で環境などを紹介していこうと思う。

何が必要か?

  • サーバー :公開する場所
  • エディター:開発環境
  • ブラウザ :実行環境

こんなもんでしょう。

なんか表示するの作ってみる

まあさっきまでは手法うんぬんみたいな話だったのでまずはオフラインでなんか作ってみましょう。

Windowsの方はメモ帳を開いて以下のように打ち込みindex.htmlという名前で保存してください。

f:id:gsmcustomeffects:20160305031333p:plain

f:id:gsmcustomeffects:20160305031340p:plain


それで先ほど作ったファイルをgoogle chromeかなんかで開いてみてください。

こんな感じで表示されると思います。

f:id:gsmcustomeffects:20160305031620p:plain

これが最小構成のホームページです。

結論

というわけで今回は最小構成でのページを作ったわけだが結構単純に動いているのがわかると思う。
次回は専用ツールを使ったりずるをしたりしてそれっぽいのを作る方法を紹介する予定