nDiki : CSS

2005年9月11日 (日)

Firefox ユーザプロファイル作り直し

ブックマークSage まわりその他がおかしくなったので、ユーザプロファイルを半年ぶりに作り直し。 拡張機能の整理(New は 前回から新たに使うようになったもの)。

テーマ

Debian パッケージで入れてしまう拡張

  • DOM Inspector (mozilla-firefox-dom-inspector)
  • Diggler (mozilla-diggler)
  • Live HTTP Headers (mozilla-livehttpheaders)
  • Firefox Development JLP

必須拡張

  • タブブラウザ拡張
    • Tab Mix + Tab Mix Plus にしようと思ったけれど、ツールバーを左に持ってこれなさそうなので、やっぱりコレに。
  • Add Bookmark Here
    • Galeon ユーザだった自分には必須。
  • SwitchProxy Tool
  • Web Developer
    • CSS書き時必須。フォームの POST -> GET 変換も便利。
  • Google Pagerank Status
  • (New) Google Toolbar for Firefox
    • 本家のやつ。
  • (New) Adsense Notifier
  • (New) Sage
    • track feed の表示用 (それ以外は Bloglines で)。
スポンサード リンク
[ 9月11日全て ]

2006年3月2日 (木)

nDikiサイドバーを右に移動

WiKicker開発でログインフォームとその CSS の検討をしているうちに、全体の CSS が興味が移ってしまった。

nDiki の日付見出し部分の背景画像をグラデーションに変更。 ページの印象がちょっと明るくなったかな。

それからサイドバーを右側に移動。 基本的には、今までメイン部分の左マージンを大きくとって position: absolute; で左側にサイドバーを配置していたところを、メイン部分の右マージンを大きくとるようにして、サイドバーを右側からの position: absolute; にしたぐらい。

左側にサイドバーがあると、メインである記事を読む時にちょっと目がチラチラするかなと以前からちょっと感じていたので。

変えてすぐは自分でもかなり違和感があったが、しばらくいじっている間に慣れてきた。

[ 3月2日全て ]

2007年1月8日 (月)

iCalendar 形式経由でスケジュールを社内 Blog に表示

仕事用に Skype 名を作成し、ついでに社内 BlogSkype ボタンを貼りつけてログイン状態を表示できるようにしてみた。

そういえば電話もそうなんだけれど、本社に連絡を取るとき「もしかして会議中?」などと勘繰ってかけるかどうか迷ってしまうことがある。 かけたい人の予定がわかればいいのになと。

ならば逆もしかりだろうということで、自分の仕事のスケジュールを晒してみようと思いついた。 グループウェアとかそういうのは大袈裟なので、まずは社内 Blogサイドバーに表示するようにしたい。

ということでこの3連休実装してみた。

構成

入力

完全なスケジュールはほぼ日手帳に手書きで管理しているので、ミーティング・外出など晒しカテゴリのイベントだけを、電子化する必要がある。 手で HTML 毎回ごりごり書き直すのも嫌なので、スケジュール管理ソフトを使いたい。 この部分は KDE の KOrganizer を使うことにした。

サーバへアップロード

で、KOrganizer のスケジュールを iCalendar 形式でエクスポート。 このファイルを社内 Blog を配信しているサーバに rsync で転送。

この処理はちょっと手間なので自動化したいところ。

社内 Blog 内表示用 JavaScript Include ファイル生成 CGI プログラム

この iCalendar 形式ファイルを読み込んで、今日以降の10件(程度)を HTML フラグメントに変換し JavaScript プログラム (document.write() 列) として出力する Perl CGI プログラムを作成。

iCalendar の形式の読み込みについては Data::ICal や iCal::Paraser などの Perl モジュールを利用できる。 今回はシンプルに使えそうな iCal::Parser をチョイス。 基本的には

 use iCal::Parser;
 my $parser = iCal::Parser->new;
 my $calendar = $parser->parse($ics_file_name);

で読み込んだデータがハッシュリファレンスとして $calendar に設定される。 イベントは $calendar->{2007}->{01}->{01}->{$uid} のように「年、月、日、イベントUID」のハッシュ階層として格納されているので、これを読み出せばよい。

社内 Blog サイドバーに表示

で、この CGI プログラムが生成する JavaScript プログラムをサイドバーJavaScript Include

まずは表示までできるようになった。

これで

をまとめて公開できる社内 Blogアップグレード

おいおいスケジュールの表示デザインとかは改良していきたい。 hCalendar 形式にして CSSデザインするのがいいのかな。

[ 1月8日全て ]

2008年12月18日 (木)

今日のさえずり - ツレってヨメの事だと思っていたが違うらしい

2008年12月16日

2008年12月17日

  • 08:57 みんな走りすぎ(自分も)。L:秋葉原駅 [mb]
  • 12:09 風邪の初期症状きている。 *P3
  • 12:34 Flickr Pro Account 2年延長。2011年5月4日まで。 *P3
  • 13:54 Excel で書かれた設計書編集している。うえー。 *P3
  • 15:29 @zakwa きっと一言いわされるので、今から考えておくように。 *P3
  • 15:58 オフィスで k12u が話題になっている。 *P3
  • 19:33 今日はずっと下唇の下あたりがヒクヒクしている。 [mb]
  • 19:56 熱があると思ったら 36.1℃ だった。 [mb]

2008年12月18日

[ 12月18日全て ]

2010年2月22日 (月)

Google ドキュメントの文書に章節番号を自動的につける

ラベル参照などはできないけれど、番号をつけるだけなら CSS でできる。

 body {
  counter-reset: chapter section subsection;
 }

 H2:before {
   counter-increment: chapter;
   content: "第" counter(chapter) "章 ";
 }

 h2 {
   counter-reset: section subsection;
 }

 H3:before {
   counter-increment: section;
   content: counter(chapter) "." counter(section) " ";
 }

 h3 {
   counter-reset: subsection;
 }

 H4:before {
   counter-increment: subsection;
   content: counter(chapter) "." counter(section) "." counter(subsection) " ";
 }

H1 はタイトル用。

今日のさえずり - お賽銭って小遣い帳/家計簿につけてる?

naney:4386646560

2010年02月22日

[ 2月22日全て ]

2010年8月16日 (月)

今日のさえずり: 紅生姜、全部賞味期限切れです

2010年08月16日

  • 08:28 RT @DruckerBOT: 人はコストではなく資源である。共有する目的に向けて共に働くとき、大きな成果が得られる。
  • 09:45 隣も向かいもサラリーマンがモノ食ってる京浜東北線
  • 10:35 Google ドキュメント 新バージョンでは文書の CSS の編集ができないのか(ヘルプによると将来復活させる予定のようである)。旧バージョンにして編集。
  • 11:18 ずっと JUDE/Community 使っていたけど落ち着いたので astah* community も入れてみた。
  • 12:06 弁当とお茶 501円。 (@ ファミリーマート神田佐久間町店) http://4sq.com/biJuCj
  • 13:12 缶コーヒー 100円。
  • 13:33 Twitter の「You both follow」は spam アカウントを follow してしまっている follower をあぶりだすための機能。
  • 13:59 扇風機のみってマジか? RT @zakwa: 我が家にエアコンが来た。今までは扇風機のみでした。
  • 14:04 宮城県なら少しは平気なのかと想像しますが気温的にはどうなんでしょう? RT @Keiichi_SHIGA: 家もエアコンを入れたのはここ数年です。^^;;;
  • 14:25 ちょっと違ったっぽい。 RT @Naney: Twitter の「You both follow」は spam アカウントを follow してしまっている follower をあぶりだすための機能。
  • 14:38 「You follow these followers of」の方だな。RT @Naney: Twitter の「You both follow」は spam アカウントを follow してしまっている follower をあぶりだすための機能。
  • 16:12 業務連絡: 冷蔵庫に入っているなか卯の紅生姜、全部賞味期限切れです。
  • 17:03 帰ろうと思ったが、ケータイ電池がこころもとないので充電器つないでもう少しやる。
  • 18:14 アイスクリーム調達指令。
[ 8月16日全て ]

2011年7月19日 (火)

今日のさえずり: following と followers 表示が 0 になるとかすごく粛清された感

2011年07月19日

  • 09:35 とうとう上の2フロアにテナントが入った。朝のエレベーターの雰囲気が変わるな。
  • 09:35 冷し中華 450円。 (@ ローソン 渋谷三丁目東店) http://4sq.com/pOOiRz
  • 10:32 following と followers 表示が 0 になるとか Twitter にすごく粛清された感。
  • 13:39 ブルースクリーンくらった。
  • 17:33 Web ブラウザのデフォルト CSS で font-size + margin-top + margin-left が h1 よりも h6 の方が大きいのはどういう意図のデザインなんだろう。
  • 17:33 margin-left 違う。
  • 17:34 Web ブラウザのデフォルト CSS で font-size + margin-top + margin-bottom が h1 よりも h6 の方が大きいのはどういう意図のデザインなんだろう。
  • 17:45 @y_aki margin どうしでのキャンセルあたりも考慮しているとは思うですが……。
  • 19:10 退勤。台風だけど雨の谷間。
  • 21:06 Google+ でサークルに追加した人を、 Gmail 連絡先上で既存の連絡先と統合するとサークルから外されるの困る。ちなみに統合後に再度サークルに入れるとさらに連絡先が新規に追加されることはさすがにない。
[ 7月19日全て ]

2011年11月11日 (金)

www.naney.org のトップページを nDiki

www.naney.org のトップページは、大学のサーバで /~naney/ として使っていたレガシーなものをたまーに修正しつつずっと置いておいたのだけれども、まあもういいでしょうということで。

302 Found で nDiki にリダイレクトするように .htaccess に設定を追加。

今は普通にできる 1+ 2 カラム構成を、当時 Web ブラウザの初期の CSS 実装互換性に悩まされつつ試行錯誤したり、Content negotiation による言語設定にあわせた出力切り替えやってみたりとかは思いで。

今日のさえずり: PHPer にならなかったのは、コマンドラインから実行するスクリプトを書きにくそうだったからです

2011年11月11日

  • 09:43 おにぎり他 365円。 (@ ローソン 渋谷三丁目東店) http://t.co/LtrMccc2
  • 09:44 11:11:11 はミーティング中なのでスクリプトを組む必要があります。
  • 09:57 ポッキーとプリッツ買い忘れた!
  • 11:08 ミーティング中なのに 11:11:11 狙ってるやつがいる。
  • 13:22 コンポタが嬉しい季節になった。
  • 16:45 午後、コツコツとチームの過去タスクのリスト作ってた。
  • 16:50開発が進んで、もれなくトラッキングできてて、必要なコミュニケーションが取れて、記録が残せていれば ITSチケットの分類とかステータスの変更とかちょっとぐらいルーズでもいいでしょ。」って開発中は思うんだけれど、後で集計してねっていうのがくると途端に泣ける。
  • 16:53 同じ誕生日の人が6人もいる日があるのか。
  • 17:36 クランキー ポップジョイ 100円。
  • 21:21 退勤。
  • 21:35 PHPer にならなかったのは、コマンドラインから実行するスクリプトを書きにくそうだったからです。
  • 24:24 髭 sorry.
  • 24:50 Web サイトのトップページほったらかしだったので nDiki にリダイレクト設定。
  • 26:03 500 潰したり、CSS 微修正したりしてたらこんな時間。
[ 11月11日全て ]

2012年8月1日 (水)

今日のさえずり: ギャバンの「なるほど!」ポーズが好きです

2012年08月01日

  • 08:35 本日の YouTube ラジオ体操 done.
  • 08:42 S 式を延々と解く公文式ドリルないの。
  • 08:44 KUMON じゃなくて公文と書くやつは古いってこのあいだ言われた。
  • 08:49宇宙刑事ギャバン THE MOVIE」観に行きたいっていったら、「行っておいで行っておいで(ただし一人で)」て言われた。
  • 09:05 @yaizawa 小学校のクラスの中では公文やってる奴は計算速かった記憶があります(自分はやってなかった)。
  • 09:11 ギャバンの「なるほど!」ポーズが好きです。
  • 09:48 今日の雲はカッコいい。 (@ 株式会社ミクシィ (mixi, Inc.)) http://t.co/Nu2kRywU
  • 22:24 CSS と戦う戦士をあとに退勤。
  • 22:28 明日はアキヨドに予約に行くかなあ。
  • 23:29 今回のアンパンマン、やっぱり復興ものだったらしいよ。
  • 23:59 オフィスからアキヨド行くの中央線経由が速いって出ているけれど、5分の差なら山手線の方が楽でいいか。
[ 8月1日全て ]

2013年2月3日 (日)

nDikiサイドバー無くした

nDiki(この Web 日記)では長らく右にサイドバーのある2列レイアウトにしていたんだけれど、昔みたいな「ブログパーツ!」みたいな時代でもとうに無くなっているし、簡単な自己紹介と直近の Tweets を載せているぐらいだったので、バスッと消すことにした。

時代はスマートフォンだしね(スマートフォン向けにまでは CSS 修正していないから、まだまだ最適化されていないけど)。

あと昔貼った Facebook ソーシャルプラグインの挙動が変になってきたので、HTML5 用の新しいのに変えた。多少ましになったかな。

時代とともに仕様もデバイスもトレンドも変わっていってしまうから、長く継続していくにシンプルにしてメンテナンスコストを抑えよう。

[ 2月3日全て ]

About Me

Naney Naney (なにい)です。株式会社ミクシィで SNS 事業の部長をしています。

nDiki1999年1月に始めたコンピュータ日誌を前身とする NaneyWeb 日記(兼パーソナルナレッジベース)です。ちょっとしたノートは nNote にあります。

※内容は個人的見解であり所属組織とは関係ありません。

月別インデックス
Process Time: 0.057848s / load averages: 0.23, 0.60, 0.53
nDiki by WATANABE Yoshimasa (Naney)
Powered by DiKicker