Smartphone Coding Challenge

このページについて

このページはHTML Day 2026 Kyotoに参加して作成したページです。

今日のゴール

スマートフォンで作ったHTMLページを公開する。

作業記録

  1. 作ったページの公開場所を用意するため、neocitiesに登録して、そのままneocitiesのエディタを使って書き始めてみる。
  2. neocitiesのエディタは、スマホでの利用はあまり想定されてないためか、文字選択などの操作が難しいことが判明。
  3. 代わりのツールとしてRunestone Text Editorという無料のiOSアプリをDLして試してみたところ、だいぶ操作感がよくなった。タグは引き続き手打ち（タグ補完の使い方が分からず）
  4. Runestoneで作成したindex.htmlをneocitiesにアップして公開。
  5. 公開内容を確認したところ、日本語が全部文字化けしていた。UTF-8の指定を追加。
  6. 主催のnagayamaさんにmeta viewportの存在を教わって入れると文字サイズがスマホのブラウザでも最適化されて読みやすくなった。
  7. ここまでの作業で約1時間半が経過。
  8. 文字化けしたページの画像を↑に貼る

試してみた感想