企画や起業で利用するWebPageの作成方法

企画や起業など新しいことをやる場合、何かとweb pageなどがあった方が良いです。

今回は、web pageを無料の範囲で出来るだけ手間が少なく、便利に作れる方法についてメモをしておきます。

ある程度、簡単なシステムのことがわかっていたり、コードとかがあっても抵抗感がない方向けだと思います。

2019/11/23

Webサーバー

とりあえず、github pages 使っとけば無料。 とりあえず、github pages 使っとけば無料。

htmlファイルを書くエディタ

VSCodeを使う。HTML Previewというプラグインでリアルタイムレビューできる。素晴らしい。

プラグインをインストールしたら再起動する。

HTMLのUIコンポーネント

bootstrapを使う。
各コンポーネントのチートシートはここがわかりやすかった。
https://hackerthemes.com/bootstrap-cheatsheet/

htmlのタグにclassを指定すると、UIコンポーネントが配置される。
下記の感じ。

<button class="btn btn-primary" type="button">Primary</button>

このコンポーネントを画面を横に１２分割したグリットという概念にポコポコはめ込んで行くイメージ

webPage訪問者の分析

google analytics使うのが簡単。