■ローカル小規模商店のためにテキストサイトを再評価する

経緯

食べログやWeb制作企業のアコギな商売のため、それらに不満を抱えているローカル小規模商店が多いとわかった

そこで(抜けはあるかも知れないが)一部の知識を提供しようと思う。

前提として「すべてこの情報でまるっと上手くか？」といえば「そうてないこともある」ことは留意しておいて欲しい。

この情報に向いている商業

• 店舗が商業活動に必須として運用されている商業
• GoogleWeb検索流入よりもGoogleMap検索流入の方が重要な商業
• 予約は電話もしくはメールで良いとできる商業
• 飲食業
• 小売業
• 一部のサービス業(※理美容店、託児所、医院など)
• 同人作家を含むデザイナーやクリエイターのポートフォリオ(作品集)ページ

この情報に向いていない商業

• 店舗が商業活動に必須として運用されていない商業
• GoogleMap検索流入よりもGoogleWeb検索流入の方が重要な商業
• Web予約システムからの顧客管理システムまで一連を処理するシステムが欲しい商業
• 士業
• 製造業
• 金融業
• 一部のサービス業(※IT関連業、Webストアによる小売業など)
• 告知系ランディングページ(※既にあるWebサイトに特設ページとして設ける場合は別)

プロバイダ100MBホームページスペースのメリット

• プロバイダ契約するとたいてい無料オプションとしてついてくる(プロバイダ料金以外の月額課金が必要ないことが多い)
• プロバイダWebサーバ以外の常時可動のバックグラウンドシステムが存在しないため制作コストが非常に安い
• サーバサイドの管理が必要ないためIDとパスワードさえ漏れなければセキュア
• プロバイダによってはPerlやPHPなどのサーバサイドスクリプトが動く
• Webページデザインの自由度が非常に高い
• 良い意味で1からWebページを構築しないとならないためWebページ作成の入門に向いている
• 広告が表示されない

プロバイダ100MBホームページスペースのデメリット

• 100MBしか容量がないので利用しているといつかは容量の上限に達する(画像などの大きなファイルはPixivやTwitter、Google Driveなどから引用すると100MBでも非常に長い期間運用できる)
• セキュリティレベルはプロバイダ側の技術力に依存する
• PerlやPHPなどのサーバサイドスクリプトが最新とは限らない
• 非常に緻密で凝ったWebデザインはWebブラウザ毎の仕様を知る必要がある
• 悪い意味で1からWebページを構築しないとならないため学習と立ち上げに時間が掛かる
• テキストサイトとしての技術継承が絶たれているためモダンな技術情報が非常に少ない
• サーバサイドスクリプトが許可されていないとコメント機能の実装が難しい
• 予約管理などはメールや電話しか対応できない(CGIが動くならやりようはあるが別途料金)
• 独自ドメイン(ｈｏｇｅｈｏｇｅ．ｃｏｍなど)は別途月額料金が必要

静的サイトジェネレータ

流石に今どき!DOCTYPEから手打ちしろというのは酷すぎるので「静的サイトジェネレータ」を使う

わかりやすく言えば「ホームページビルダー」で、デザインテーマに合わせたWebページの雛形を生成してくれるもの

現在では静的サイトジェネレータと言うとGUIではなくCUIからWebページを生成してくれるものを指すことが多い

GUIの場合は「Webサイト作成ソフト」「Webオーサリングツール」と呼ばれることが多い

生成されたWebページが含まれたディレクトリをFTPアプリケーションでプロバイダのホームページスペースへアップロードするだけでWebサイトを立ち上げることが可能

早い話こんなのが簡単に作れる上に、最初からたいていはスマホにも対応してる

ttp://www.codeblocq.com/assets/projects/hexo-theme-magnetic/

ttps://sharvaridesai.github.io/hexo-theme-edinburgh-demo

ttps://themes.gohugo.io/theme/yourfolio/

ttps://themes.gohugo.io/theme/alpha-church/

ttps://themes.gohugo.io/theme/hugo-shopping-product-catalogue-simple/products/

ttps://themes.gohugo.io/theme/hugo-creative-portfolio-theme/portfolio/

ttps://event-jekyll-theme.github.io

ttp://jekyllthemes.org/themes/project-gaia/

ttps://portfolio-central.github.io/jekyll-instagram-portfolio-theme/

ttp://mushishi78.github.io/one-page-wonder-jekyll/

ttps://jekyller.github.io/online-cv/

ttp://webjeda.com/bheema/

静的サイトジェネレータとして日本で有名なものは下記

• ホームページビルダー(GUI)

「久々にその固有名詞見たわ」「古いバージョンなら持ってる」と言われそうなド定番

• Adobe Dreamweaver(GUI)

「仕事で普通に使ってる」と言われそうなコレまたド定番

• BlueGriffon(GUI)

オープンソースなWebオーサリングツール。無料だけどホームページビルダーやDreamweaverに比べると使いにくい

• Jekyll(CUI)

日本語情報も豊富なRuby製静的サイトジェネレータ。他者へ質問しやすいというメリットもある

• Hexo(CUI)

Node.js製の静的サイトジェネレータ。もう既にNode.js環境があるならアリかな？

• Hugo(CUI)

Go製静的サイトジェネレータ。シンプルな機能とWebページ生成までの高速性が売り

「どれが良いか？」と問われると「どれが良いってことは無いんだけど、情報の豊富さならJekyll、Webページの生成の速さならHugo」というのが答え

合わないと思ったら別の使えば良いとは思う

FTPアプリケーション

プロバイダのホームページスペースにはFTPアプリケーションによるアップロードを行う

定番の「FileZilla」や「FFFTP」あたりを使っていれば間違いない

コメント機能

プロバイダがサーバサイドスクリプトを許可していない限りコメント機能の実装は難しい

しかし、需要があるところには供給もあり「DISQUS」というコメント機能が使えないWebページにコメント機能を実装させるWebサービスがある

Twitter、Facebook、Google+などのSNSアカウントがあれば書き込むことができる

静的サイトジェネレータ名にDISQUSと加えてググればたいてい情報が出てくる

以上、モダンなテキストサイト構築情報として共有する

ちなみにWindowsではWSL環境でUbuntu上にHugoなどを構築すると楽

CLIが苦手な人は従来通りホームページビルダーやDreamweaverを使えば良いと思うが、CLIの利点はGitなどバージョン管理システムで管理しやすく、今後レンタルWebサーバへ移行しても、容易にそのままホームページを移行できるというメリットがある

WordPressなどのCMSには良い部分が多くあると思うし、顧客が追加要望ばかりしてアホすぎるという意見もわかるし、メシの種だからあんまり触れてくれるなというのもわかる

しかし、顧客が本当に求めているものを探す手立てとする情報を提供するくらい俺は問題ないと思っている

Permalink | 記事への反応(2) | 18:36

ツイートシェア