2008年7月の記事

受精

先日、生後2週間のメダカを購入しました(Wassr 2008-07-23(Wed) 18:44:52)。買った時点で2匹死んでいて、翌日にも1匹死んでしまったのですが、他は元気に生きています。早く大きくな〜れ☆彡と絶賛飼育中。

食事中のメダカを撮ってみました。餌をやる度に受精の瞬間を思い出します。ちなみに不自然なまでに餌が大きいのは、間違えて鯉の餌を買ってしまったからです。

小さな生き物は無条件にかわいいと騙されがちなのですが(?)、この画像について言えば原寸で見ると割とホラーです。メダカはもちろん餌も不気味すぎ。

日付
2008年7月28日
分類
URI
http://az-store.nrym.org/note/2008/07/28/25

ActivePerlのロゴ的な

少しずつOpera入門の修正をしています。助言くださった方ありがとうございます。ちまちまがんばります。

先日WordPressのバージョンを2.6にしました。噂の履歴機能とやらのの実装を調べるためにDBを眺めていたら、テーブルが増えていません。よく見るとwp_postsに記事と履歴が一緒に入っているではないですか。なんという仕様…。

履歴が増えるごとにIDが増えるのは気持ち悪いので(投稿記事が23しかない現時点で10も履歴が作られていた…)、前のバージョンに戻します。現バージョンでも履歴機能は切れるのですが、無駄に作成されたIDも消去したいので。

日付
2008年7月23日
分類
URI
http://az-store.nrym.org/note/2008/07/23/24

web制作の参考になるサイト紹介

「IE6と他のブラウザで微妙に表示が違うよー」、「(隣接兄弟セレクタを指して)あなたの書くCSSはバグがあるよー」などのご指摘やご質問を時折受けます。テンプレート屋ならみな通る道、らしいです。

ブラウザごとにCSSの実装度は違いますし、各種セレクタはバグでもハックでもありません。…といちいち返信するのも面倒なので、利用規約に「webサイト制作や技術系の質問禁止。対応するのはこちらの記述ミスのみ」と書いているのですが、それでもたまにツッコミがきます。

初歩的な質問に応えているとこちらの身が持たないので、web制作の参考になるサイトを紹介します。後でテンプレート配布ページからこの記事にリンクします。これで質問が減ることを願いつつ。

勉強するなら書籍をじっくり読んだ方がいいと思うのですが、webにある方がとっつきやすいと思うので、ここで紹介するのはサイトのみです。「仕様書読め」もハードルが高いので言いません。

配布テンプレートについて

その前にうちのテンプレートについて少し説明しておきます。

HTML 4.01 Transitionalなテンプレート及びスキン
CSS着せ替えテンプレートプロジェクト/Kash+/PatiPati/小説用テンプレート(オリジナル)
XHTML 1.0 Transitionalなテンプレート及びスキン
Serene Bach/Web Clap/サイト用テンプレート(オリジナル)
オリジナルテンプレートについて ※重要
divタグ未使用。bodyタグ直下に見出し、本文、ナビゲーションという文書構造で、@media規則はscreenのみ記述しているので、携帯電話からの閲覧にも優しい(多分)。サイト用テンプレートはXML宣言があり(IE6では後方互換モードになる)なので、基本的にIE6と他のモダンブラウザと表示が違う。前者でも不自然に見えないよう最低限体裁を整えているつもり。
表示確認
Internet Explorer6.0,7.0,最新版/Opera最新版/Firefox最新版/Safari最新版
とりあえずメジャー四種は基本。気が向いたらSeaMonkey、Flock、Navigatorなどからも見ています。Another HTML-lintCSS Validation Serviceの各種文法チェッカも利用中。

カスタマイズせずに使う分には、モダンブラウザにおいて極端な表示崩れはないと思います。しかしサイト用テンプレートは、知識がない方はCSSをいじらない方が無難です。IE6で不都合が出やすいです。以上。

おすすめサイト

ごく簡単なHTMLの説明
やさしくて分かりやすい(X)HTML&CSS解説サイト。おすすめ。
脱初心者をめざす人のためのホームページ作成講座
初級〜中級レベルのサイト作成講座。HTML 4.01とCSS 2.1の解説あり。こちらも丁寧で分かりやすいです。
ウェブサイト作成講座を批判する意図
ダメなサイト制作講座にある間違いを指摘しています。講座選びの参考になります。
PC Tips
HTML/CSSの勉強というよりサイト管理人になるための心構え的なものを考えるために「HTMLを勉強する前に」をおすすめします。
正しい知識を得たい人の爲のCSS2リファレンス
優良なCSS2のリファレンス。かなり詳しいです。
富士通ウェブ・アクセシビリティ指針
サイト制作者が配慮すべきアクセシビリティを富士通が策定したもの。
The W3C Markup Validation Service
W3CのHTML文法チェッカ。
CSS Validation Service
W3CのCSS文法チェッカ。
Another HTML-lint gateway
厳格なHTML文法チェッカ。100点を取ることを目的にしてはいけません。HTMLの知識がない方はこの文法チェッカの利用はすすめません(何が間違いで何が正しいか分からないと思うので)。

参考になれば幸いです。難しい内容も混じっていますが、上二つは本当に初心者向けなのでおすすめです。

日付
2008年7月22日
分類
URI
http://az-store.nrym.org/note/2008/07/22/23

Wassrのアカウントが戻った

去年の秋頃「固定幅のテンプレートも見てみたい」というご要望をいただき、今頃作りました(ORG(7))。久々にバナーとファビコンつきです。背景画像を使っているとバナーを作るのが楽でいいですね。

実はフォントサイズpx指定も横幅固定も風景画像使用も初めてです。というか、ここまで画像でがちがちに固めた柔軟性のないテンプレートを配るのは初めてです。せっかくだからいつもしないことにチャレンジしようと思いフッターナビゲーションにしましたが、やはり上にあった方がよかったでしょうか。作成途中までは上にあったのですが、結局今の位置に落ち着きました。上にナビゲーションを置きたい方はposition: absolute;を使ってアレコレしてください。

あとWassrのアカウントは無事復活しました! それに伴いナビゲーションに置いていたTwitterのブログパーツをWassrのものに変更しました。Twitterは調子が悪い(アクセスすると数秒間画面が真っ白になる)ので様子見。ブログパーツはあまり好きではないのですが、このブログの関連コンテンツだから!と自分に言い訳しながら置いておきます。

ちなみに現時点での最新の投稿はこれ。

実は「腐女子のためのOpera入門」の導入はブラウザ擬人化漫画を描くつもりでした。ふぉくす子とおぺらたんがありならふぉくす夫とおぺらきゅんもありなわけで、萌え擬人化は男オタクだけのものではないわけで……。絵も漫画下手という致命的な問題があり実現しませんでしたが、1年以上考えていたネタを捨てるのは勿体ないので、どこかで再利用しようと思います。

日付
2008年7月18日
分類
URI
http://az-store.nrym.org/note/2008/07/18/22

オペラゲリオン(転載)

  1. 第壱話 バグ、襲来
  2. 第弐話 見知らぬ、ブラウザ
  3. 第参話 上がらない、シェア
  4. 第四話 タブブラウザ、草分けで
  5. 第五話 ノルウェー、海のむこうに
  6. 第六話 決戦、ブラウザ戦争
  7. 第七話 社員の造りしもの
  8. 第八話 テッツナー、来日
  9. 第九話 クリック、停止、落ちて
  10. 第拾話 ドラゴンフライ
  11. 最終話 オスロの中心でOperaを叫んだおとこ

上はTwitterで書いたものです。内容がネガティブすぎると反省。

ナビゲーションにTwitterでの独り言を表示するようにしました。最近はブログをよく更新していますが、以前は2ヶ月以上何も書かないことがあったので、生存確認を兼ねて使おうかなと。

しかしTwitterもWassrも使い方が分かりません。WassrをSawwrと書き間違えまくるわ、Operaコミュニティ(チャンネル?)見てたらうっかり入ってしまうわ、しかも抜け方が分からないわ、うっかり退会してしまうわで散々でした。中の人もいたので、Operaで同人やっていいですか?くらい聞いておけばよかったです。

ちなみに現在、失効したアカウントを取り戻せないか運営に問い合わせ中です。しかし似たようなツールを二つ持っていても使うか分からず…。Wassr(Wassr)よりTwitter(Twitter)の方がファビコンがかわいいから、Twitter一本でいくかなぁ(※ツールに拘りのない人間の判断基準はこんなものです)。しかしWassrもおもしろそうなので両方使ってから考えます。

今までプロフィールの画像はドットのひよこを使っていたのですが、きちんとした鳥の写真を使おうとマイドキュメントを漁っていました。ジュウシマツ住職風写真がお気に入りです。

日付
2008年7月14日
分類
URI
http://az-store.nrym.org/note/2008/07/14/21

「とっつきやすさ」は大切

先日不慮の事故によりPCを初期化することになり、しかもバックアップデータも半分ほど破損して色々アレなことになっていました。

今は大分落ち着いたので腐女子のためのOpera入門を書きました。IEユーザーは騙されたと思って一度Operaをインストールしてみてください。ターゲットが分からない半端な内容ですが、折を見て修正するつもりです。HTML/CSSを少し書けるだけの一般閲覧者の私には技術的な話はできないのでオタク方面でがんばります。

オタクと言えば、TERRAZINEで少し前におぺらたんのコスプレを作ると書かれていたので、期待せずにはいられません。誰が着るのかとても気になります。あと今後の予定のところ。

2番までが実行できる限界に思えます。

非IEブラウザ啓蒙サイト(謎)は、内容が難しかったり、対抗ブラウザに攻撃的だったりすることがあり、とっつきにくいと感じることがあるので、こういう適度なネタが必要だと思います。何ごともとっつきやすさは大切です。

日付
2008年7月10日
分類
URI
http://az-store.nrym.org/note/2008/07/10/20

案内

カテゴリー
月別アーカイブ
ブログ内検索