スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
公開: --年--月--日, カテゴリ: スポンサー広告

マイクロWeb日記のことをマイクロWeb日記風に書いてみる

マイクロWeb日記というものに興味を持ち、少し前から始めてみている。公開していない分を含めてもまだ1ヶ月くらいしか経ってないけど、実際やってみて思ったことなどを以下、OL要素式マイクロWeb日記風で書いてみよう。という先日Twitterでつぶやいた謎企画。

  1. まず、マイクロWeb日記って何。
    • ここで何だかんだと書くよりかはこの単語でそのまま検索するとすぐ分かるんだけど、このようにリストアイテム形式で書かれた日記(とは限らないけど)のことをそう呼んでいるらしい。
    • リスト要素はOL要素がよく使われているような気がする。次にUL要素、DL要素もあったな。
    • でもマイクロWeb日記とは違う名称のものも多いのでけっこう曖昧。私は勝手にマイクロウェブ日記フォルダに分類しているけど。
    • そのくせ自分のは違う名称だというね。
  2. 形式について、私はOL要素とDL要素のそれぞれでどちらが自分に合うか試している。
    • OL要素の方は<h2>日付</h2>とOL要素一つが1日のかたまりで上から下に内容が流れていく。
    • DL要素の方はDL要素一つが1日のかたまりで<dt>日付</dt><dd>内容</dd>下から上に内容が流れていく。今このblogで公開しているのはこちら。
    • こちらはTwitterを意識して新しいものが常に一番上に表示され、古いものは下へ下へと流れていく。
    • ついでに最新の書込みはフォントサイズも大きくして目立たせている。これもTwitterの真似ごと。他にdisplayプロパティでリストアイテム形式にしているくらいか。
    • 今はちょっとこの逆順表示に不便さを感じているのだけれど。それは後から書く。
  3. その他自分ルール。
    • 文字数制限は無し。
    • ページの分割のスパンは1ヶ月にしようかと考えている。
    • 今のところid属性を付けるつもりは無い(今後付けるかどうかは分からないけど)。
    • 先人のそれ(?)に倣い最初に前のページへのリンクを、最後に続きのページへのリンクを用意する。
  4. 両方試してみての感想とか。
    • OL要素(昇順)
      • 後から読み返したときに内容の流れを追いかけやすい。
      • アクセスした時に更新されているかぱっと見で分からない。
      • CSS無効にしても見栄えはあまり変化せず見づらくない。
    • DL要素(降順Twitter風味)
      • 最新の書込みが常に目立つので更新されているのかが分かりやすい。
      • 過去の内容の流れが追いかけにくくストレスを感じる。
      • CSS無効化したときに見づらい。この状態ではとても過去の内容を見る気にならない(無効化する・しないの話じゃなくて)。
    • 共通して言えるのは普通の記事より書きやすいってところか。何故か筆が進むし1日1項目でも100項目でも気にならない(私は)。

      試しに空白記事の再利用ってことで自分用にものすごく不親切(と思われる)解説記事(Custom Firmware導入方法とか)を書いてみたけど、テキストだけで軽く書く事ができた。ネタを盛りすぎたのでちょっと不安になってきて現在下書き状態。そのうちマジメに書き直すかもしれないし、そのまましれっと投下しておくかもしれないけれど。

  5. 今は過去の内容の流れが追いかけにくいという点が個人的に問題ありなので、DL要素からOL要素に乗り換えようかと考えている。
  6. 元々これは自分の思考過程を後から追いかけるのに便利だと思って始めたものなので。公開しているのはおまけみたいなもの(公開していないものもあるわけで)。
  7. いちいち見出しを考えなくてもいいってのも何気に重要かも。逆に見出しをつけることもできるし。例えば以下のように。
    • <!-- </li>は省略 -->
    • <ul><li><h2>中見出し</h2>
      • <ul><li><h3>小見出し</h3>
        • <ul><li>本文</ul>
      • </ul>
    • </ul>
  8. こんな風に書きたいときには書くこともできるし、ひたすら入れ子なしのリストアイテムを書き続けてもいい。
  9. まだ更新はしてないけど既にOL要素に書き換えているのである日突然順列リストに変化しているかもしれない。
  10. でも最新の書込みをまず目に入るようにしつつ共存させられないかなーとか考えているのですぐには変わらないか。
  11. 例えばこういうのはどうだろう?
    • ログ用のページと最新のページを用意する。形式はどちらもOL要素で書き昇順に表示させる。
    • 最新のページには1日分のみ記載し、その中の一番新しい書き込みを強調表示させる。
    • 更新するときに日付が変わっていたら過去分の書込みはログ用のページに流す。
  12. これで常に最新の内容のみとなるし、過去分を追いかけたければログページを参照すればいい。
  13. …とか思ったけどこれには欠点、いや欠陥があることに気付いた。
    • 仮に外部のどこかからリンクされた時の事を考えるとまずいような気がする。
    • 公開している以上、誰が見るのか分からないし何時か誰かが何処からかリンクする可能性は否定できない。私だって何時でも誰のでも何処からでも勝手にリンクしているんだから。
    • そうすると常に内容が変化するページって何かよろしくないんじゃないかなと。
    • 例えば『○月○日より』とかの形でリンクしたとするとリンク先を参照したら『○月○日』の内容が見つからない可能性が非常に高い。
    • これじゃあまるでTwitterの@usernameでのリプライみたい。

      あれってに対するアンカーなのかを示すだけで内容を参照できないから不便。総ついーと数の多い人は自分の過去の@付きのついーとを見ても何なのかよく分からないものがあるんじゃないの? 私は総ついーと数が少ないから全ての内容に対してその時自分が何を考えていたのかくらいは思い出せるけど。

      • とか言うと「見る方法あるだろ」って突っ込まれそうだけどそんなことは分かってる、検索すればすぐ見つかるし。それに新しいTwitterはリプライ参照しやすいらしいし(まだ旧Twitter使ってるから詳しくは知らない)。

        一番手軽なのはhttp://twitter.com/repliesへアクセスすれば自分宛(私なら@aiirokarasu)のリプライは参照可能、ただ時間が経つと表示されなくなるみたいだけど。

      まあそんなこと考えなくてもいい(必要も無い)ってのが受けてるのかもしれないけど。あー…そういうことか、だからあんなにノイズが。だったら自分が馴染めない理由ってのはその辺りにあるのかもしれないなー、なんて…。

  14. となるとこの方法はやめておこうか。
  15. だったらこういうのはどうだろう?
    • 最新の1日は常にページ最上部に表示させ、その中の最新の書き込みを強調させる。
    • それ以外の書き込みは昇順で並べておく。
    • 次回更新の際に日付が変わっていれば、その前の1日をページ最下部へ移動させる。
    • ページを区切るとき(例えば1ヶ月ごと)には最終日の書き込みを最下部へ移動させ次のページへのリンクを用意しておく。
  16. これなら一応両方の条件に合うのかな。掛かる手間も大したことないし。
  17. どちらもやめてTwitterを使い続けるという選択肢は無いわけか。あちらは後から内容を追いかけるのに向いてないと思っているので。
  18. Twilogのような外部サービスは確かに便利だけどあれを利用しても自分の目的達成できそうになかった

    登録しなくても誰もが誰ものついーとをある程度閲覧可能なのは便利だとは思うけど。

    • これ利用すれば、例えば自分は発言するつもりは無いけど他人の発言は見たい場合に手軽にチェックできるのか。
    • Twitterでフォローはせずにリストに放り込むよりもTwilogのhttp://twilog.org/usernameへアクセスしてブックマークでもしておけばいい。
    • 他のノイズを遮断できる分見やすくはなるのか。Twitterアカウント不要だし。
  19. これとは別にblogサービスと連携している『○月○日のツイートまとめ』とか。あれを使うという選択肢は、無いなあ。
  20. さっきも少し書いたけど、私はTwitterの使い方を間違えているような気がしてきたよ。
    • この記事書いてる途中でちょっと思い付いたんだけど、ユーザースタイルシートでマルチカラム表示させれば見やすくなるのかなーとか思って試してみた。
    • 参考画像(PNG画像, 1422x819 px, 200KB): 邪魔な広告とか消して固定幅解除、それからfloatで並べただけの単純なもの。

      規約で他ユーザーのツイートのスクリーンショットを無断でWebサイトで公開するのは禁止されているので自分のだけ表示させた。

      禁止事項

      他ユーザーのプロフィールやツイートが表示されたスクリーンショットをそのユーザーの許可なく使用すること。

    • columnプロパティを使うとタイムライン縦方向に伸びて見づらいのでfloat: left;で敷き詰めてみた。思い付きでやってみただけなので改善するかどうかは分からない。
  21. これ以上書くとTwitterに対する悪態だらけになってしまうのでここまでにしておく。

    Twitterの仕組みはよくできてると思うんだけど、何でだろうね。

  22. こんな風に横道に逸れるのも気にならない。逸らす時はこの書き方のように入れ子にしていけばいいかな。
  23. これからは記事のネタはあったも適当な見出しが思い付かないとか内容が少なめのときはこのスタイルで書くのもいいかなあ、とか思った。
  24. 他にいい方法があるかもしれないけど思い付かないのでとりあえずこのスタイルでやってみようかな。
  25. それはそうと、このblogで公開しているマイクロWeb日記(名前違うけど)はGoogleにはインデックスされているけど検索しても引っ掛からない。site:で絞り込んでもダメ。別に引っ掛からなくていいんだけど。
  26. 多分この記事が検索結果に反映される方が早いんじゃないかな。
  27. とか思って検索してみたら引っ掛かったよ。
  28. 近日中にはOL要素式へ切換えよう。
  29. とか言ってるうちに切換えた。

…〆

公開: 2010年12月17日, カテゴリ: ぶろぐばなし