ドメインを取得しホームページ公開の準備をする – 開発日記(84)

ドメインの取得とコストバランスの検討 2024/03/22

idea-lane.comのドメインを取得した。
（ちなみにドメインとHPのサーバはConoHaWingというサービスを使っています）

またサービス公開にあたってのコスト算出も行った。どのくらいのユーザがどれだけ利用したら、このくらいのお金がかかるということを改めて試算。
有料ユーザの料金が月200円くらいでも、サーバ代はまかなえるだろうと判断。

WordPressでHP作成開始 2024/03/23

いよいよホームページの作成。

WordPressを使う場合はテーマが重要だが、どんなテーマが良いか探る。

色々調べてCocoon、Astra等を使ってみたが、Astraはプロ版へのアップグレードの表示が出続けてイマイチ。その後 Hestia、Sydney、Raftなどを試したがしっくり来ず、Jadroというとてもシンプルなものにたどり着いた。今の段階ではこれで良い気がする。

ただ実際に作業するとやはりスムーズに行かないことが立ちはだかる。

なんとページの本文を編集して保存しただけで「保存に失敗しました。」と表示される。Word Pressのプラグインも大して入れてないしシンプルなテーマなのだが。

色々調べると原因は ConoHaで標準に使われている WAF（セキュリティシステムであるWeb Application Firewall）のようで、特定のリクエストをログから除外指定したら無事動くようになった。

※こちらの記事が参考になりました。ありがとうございます。
　Divi サイトを ConoHa Wing に移行したらページ保存できなくなった – MB blog

そしてプライバシーポリシーページや特定商取引法に基づくページの草稿も作成。まだまだ色々やることがあるなぁ……。

ホームページ作成を継続 2024/03/24 ～ 2024/03/29

毎日ホームページの作成

毎日ホームページ作成作業をして気づいた。Wordpressは、元々ブログ用のためか普通のホームページを作るのは意外と面倒だ。
例えばページごとに別のテーマを使いたいという事が基本的に出来ない。

何よりブロックエディターが使いづらい。
細かな制御は結局直接CSSを修正するか、有料テーマ＆有料プラグインを買うという事になるのか。

ホームページにはお問い合わせフォームが必要だ。これも有料プラグインだといくらでもあるのだが、ファイル添付可能でかつ無料だとどれが良いのか分からない。ひとまずGoogle Formで簡易に作った。

利用規約などもだいたい出来た。

アプリ側の改修

ホームページ側が出来てきたので、idea Laneのアカウント登録画面に利用規約とプライバシーポリシーへのリンクを追加し、同意チェックボックスも追加。

ちなみにFlutterで「文字をクリックしたらURLを開く」動作は、下記のように行っている。

import 'package:url_launcher/url_launcher.dart';

//ウィジェット側。下線付きの「利用規約」を描画
TextButton(
  style: ButtonStyle(
    padding: WidgetStateProperty.all(EdgeInsets.zero),
    minimumSize: WidgetStateProperty.all(Size.zero),
    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
  ),
  onPressed: () async {
    await openUrl("https://idea-lane.com/terms/", context);
  },
  child: Text("利用規約", style: TextStyle(color: fontColor, decoration: TextDecoration.underline)),
),

//URLを開く処理
Future<void> openUrl(String url, BuildContext context) async {
  Uri uri = Uri.parse(url);
  if (await canLaunchUrl(uri)) {
    launchUrl(uri, webOnlyWindowName: '_blank');
  } else {
    //エラー時の処理を記述
    throw 'このURLにはアクセスできません';
  }
}

その他細かな不具合修正や使い勝手改善をいくつか行った。
しかしまだまだ直したいところだらけだ……。

※開発日記は当時の記録をもとに作成し、必要に応じて加筆・補足しています