言語学徒が…Google SitesとQwenで創る理想のホームページに出会った

2026年8月17日
卯香香 ボッチ学生
卯香香
総合 55 1,135pt

言語学をやっています。大学生です。

Amazonのアソシエイトとしてガジェッターは適格販売により収入を得ています
BLOG

ブログ日記/その他

ロゴもAI。なんか胡散臭いね,それがいい。
ロゴもAI。なんか胡散臭いね,それがいい。

 みなさんこんばんは,みなさんはホームページ,持っていますか。ガラケー世代の方はブログや自分のホームページを作る文化があったと聞きますが,私たちのようなSNS世代はせいぜいTwitterくらい。でも,検索したときにホームページ欲しいんですよね。今日は,ホームページを作ろう,そんな話です。

ホームページがほしい!!!

 これが私のホームページです。ロゴ胡散臭いですね。

sites.google.com
リンクカード
sites.google.com

 まずは私のホームページ事情から。学会の情報や,そのほか連絡先,あと学会で使った資料なんかを載せておくのに使ってます。

gadgeteer.jp
リンクカード
gadgeteer.jp

 ここでもお話ししましたが,リサーチマップでは少々不足なんです。載せられる情報も少ないですし,やっぱりホームページは欲しいところ。

 あともう1つ,最近切実な事情があります。リサーチマップ,頻繁にサーバー接続不可になる問題。

この画面めっちゃ見る
この画面めっちゃ見る

 なので,学会前に資料なんかの配布と重なってしまうリスクを考えると,もう1つ別にページを持っている必要があります。でも結局,こういうホームページ,せいぜい月に100件程度のアクセスしかありません。学会のない月なんてもっと減ります。なので,サーバーを用意してドメインを用意して…なんてのは手間なんですよね。結局は,検索で表示されればいいんです。

www.google.com
リンクカード
www.google.com

 企業でもないので,Google Siteでも不信感はないかな。言語学分野では,結構な先生がGoogle Siteをお使いになっています。

Google Site

 まずGoogle Siteを紹介します。

枠にはめていく感じ,難しくない。
枠にはめていく感じ,難しくない。

 これは白紙から始めたもの。基本的には画像,テキスト,そのほか埋め込みの枠を配置して,その上に本文などを入力する形式。

こういうテンプレートって逆に難しいかも。
こういうテンプレートって逆に難しいかも。

 まぁ,わかりやすいですし,携帯端末への最適化なんかも自動でやってくれるので,全く実用上の問題はありませんし,これでいいです。でも私は承認欲求の高いぼっち学生,普通のGoogle Siteでは満足できません。 

HTMLを使う

 みなさんHTMLコードって書けますか?私は全く馴染みのない世代なのでかけません。ちなみにHTMLにもバージョンがあります。今一般的なのはバージョン5なのだとか。古いサイトなんかだと,4.01も見かけますね。ホームページビルダーとかで作るとそうなるのでしょうか。まぁ,私よりみなさんの方がお詳しいでしょうし,ここでは割愛。

画面右下のやつ押すと出てくる
画面右下のやつ押すと出てくる

 Google Siteの「ページ全体の埋め込み」,これを使うとHTMLを全体に埋め込めます。ここに,普通のホームページのように,HTMLを埋め込めば,複雑な表示にも対応する,というわけです。

 もちろん,自分では作りません。私が使用しているのはQwenです。まぁ,指示も簡単です。メモか何かで,適当に内容を作っておいて,これをHTML形式のWebページとしてください,HTMLのコードを全文出力して。なんて指示すれば作ってくれます。便利ですね。デザインの修正も,Qwenに「ボタンいらない」とか,「絵文字使わないで」なんて言えば直してくれます。もちろん,Qwenなので上限がありません。

メニューバー消えない問題

 ですが,当然問題もあります。

一番右の虫眼鏡マークは,HTML埋め込みには対応してません。
一番右の虫眼鏡マークは,HTML埋め込みには対応してません。

 上部にあるメニューバーとサイト名表示,消せないんですよね。なので,サイトの上部にメニューバーを自分で配置してみたり,ロゴを配置したり,なんてすると野暮ったくなっちゃいます。

 私の場合,見栄えの問題でパソコンなどの横長の端末では,左側のメニューバーを表示し,ピクセル数によって,メニューバーを非表示にしています。また,メニューバーの背景を全体と同じ色にすることで,なんとか「それっぽい」ように。

パソコンの場合。なんか画像見えませんね,GitHubで障害発生中らしくて。
パソコンの場合。なんか画像見えませんね,GitHubで障害発生中らしくて。

画像埋め込めない問題

 もう一つあります,Google siteなので,外部から画像を読み込まなければいけません。Googleフォトの埋め込みなども使えません。私の場合は,GitHubに画像をアップロードし,そこから読み込めるようにしています。今日は残念なことに障害発生中。ちょうどいい記念なので読み込めていない様子を貼っておきます。

GitHubから読み込むので,低速な環境だと文字は読み込めても画像が読み込めないこともしばしば。
GitHubから読み込むので,低速な環境だと文字は読み込めても画像が読み込めないこともしばしば。

検索でヒットさせたい!!

 さてさて,ホームページを作っても,検索でヒットさせなければいけません。Google Siteはドメインを有料でも変更できますが,無料の場合は「sites.google.com/〜」というドメインになります。まぁ,別にいいかも。

  ちなみに初回のドメイン設定時に,「検索結果に表示されないようにリクエスト」なんてボタンもあります。当然検索で出したいので私は選択していません。

結構上位に表示される。
結構上位に表示される。

 あとはGoogle Search Consoleやanalyticsなどと睨めっこしながら,必要があれば修正をして,といった感じです。ある程度のアクセス数があれば検索結果に表示されるのでしょうか。詳細は分かりませんが,なんか現状ではうまく検索に載っています。ここらへんもAIに相談しながら,そんなQwenとのウェブサイト作成の話でした。

おまけ

 Google Siteだけではなんだか商品がのせられないので,これを書くのに使っているノートパソコン用のスタンドでも。なんとなく傾斜がつけられればいい,その程度です。だから高いスタンドや,重量のあるものは嫌だったんですよね。購入したのはIKEAのノートパソコン用スタンド。

xtech.nikkei.com
リンクカード
xtech.nikkei.com

 プラ製の安いものが以前はあったのですが,今では取り扱いがありませんでした,似たようなやつをチョイス。

Gadgeteer for Macintosh
PR

関連商品

Facebook LINE B! はてな RSS
LIKE

いいね (1件)&足跡 (7件)

TALK

コメント (0件)

まだコメントはありません。最初のコメントを書いてみましょう!

NEXT

前後の記事

MORE

関連レビュー

コメ欄 1