ジーナ・トラパーニ著
クリックして表示私はひどい記憶力を持っています、特にそれに関してはいつ事が起こった。卒業や9/11などの重要な人生の出来事はすべて、それらに関連する出来事がいつ起こったかを思い出すのに役立つランドマークです（つまり、「あれは前に私はカリフォルニアに引っ越しました。」）しかし、特にコンピューターを毎日使い始める前の、私の過去の長い期間は依然として大きな不定形のぼやけにすぎません。
その結果、私は記憶の補助や参照として、常にデジタル タイムラインに魅了されてきました。これは、他の活動の成果物として発生するもの (送信メール フォルダーやデジタル写真コレクションなど)、および歴史のために意図的に構築できるものです。ドキュメント。
そこで今日は、オープンソースの動的ウィジェットを使用して一連のイベントを視覚化する方法について説明します。タイムライン。
なぜタイムラインなのか？
タイムラインを作成するには、テキスト ファイルから Excel スプレッドシート、ブログ、ブログまで、たくさんの方法があります。ホスト型ウェブアプリ。タイムラインは他のオプションに比べて使用が難しいですが、いくつかの理由からタイムラインを選択しました。
*データをプレゼンテーションから分離します。タイムラインのイベント データは、ビューがロードしてレンダリングする XML ドキュメントに保存されます。スプレッドシートや通常の Web ページとは異なり、データは独立した形式であるため、さまざまなタイムライン形式を簡単に作成できます。
*それはあなたのコンピュータ上に存在します。タイムラインを長期間保存したり、自分の Web サイトに公開したり、単に自分の目だけのために保存したりしたいと考えています。ホストされた Web アプリとは異なり、Timeline では独自のデータをローカルで作成して制御します。
*高度にカスタマイズ可能です。オープンソースのタイムラインは、特定の日を時間ごとに拡大したり、画像やリンクを埋め込んだり、イベントを分単位で表示したり、単純に数日間表示したりするなど、タイムラインをレンダリングするための優れたオプションを多数提供しています。 。
*超格好いいですよ。Simile タイムライン上のイベントをパンしたりズームしたりする方法を自分の目で確認してください。私が昨夜 1 時間ほどでまとめたこのライフハッカー タイムラインのサンプルをご覧ください。
Google マップと非常によく似た機能であることがわかります。クリックしてドラッグすると時間を前後に移動でき、イベント ドットをクリックすると詳細バブルが表示されます。
かなりクールですよね？あなたも持つことができます。
自分のタイムラインを作成する
タイムラインでは、生の XML ファイルを作成して編集する必要がありますが、HTML を少しもいじったことがない人にとっては、非常に混乱するか、少なくとも非常識だと感じるかもしれません。 X と ML が苦手でない場合、Timeline は向きません。もしそうなら、飛び込みましょう。
タイムライン ウィジェットは、XML データ ファイルと HTML ウィジェット ファイルの 2 つのファイルで構成されます。
1.events.xml ファイルを作成します。新しいテキスト ファイルを作成し、名前を付けて保存しますevents.xml。その形式は非常にシンプルです。アイデアを提供するには、次のとおりですevents.xml上記のタイムラインを作成したファイル。以下にその一部を示します。
「暗闇の中でブログを書く」という退屈な数週間を経て、Lifehacker.com が一般公開されます。
ここでは、イベントが開始日、タイトル、画像、説明で定義されていることがわかります。上のタイムラインで 2005 年 1 月 31 日にパンして、このスニペットがタイムライン ウィジェットでどのように表示されるかを確認します。
さて、私はのようにXML ですが、このドキュメントを手動で編集するのはすぐに古くなってしまいました。それで私は一緒に投げましたクイック アンド ダーティ イベント XML-O-MaticWeb ページを使用すると、イベントの詳細を入力したり、データ ファイルに追加する XML のスニペットを取得したりすることが簡単になります。これは次のようになります。
Event XML-O-Matic を使用してイベント ファイルを構築する。
あなたのevents.xmlファイルは次で始まる必要があります
<data>
タグに、コピーして貼り付けたイベント データ ビットを含めます。最後に、で閉じますタグ。もう一度、チェックしてくださいこの作業中の events.xmlファイルをモデルとして使用します。
2.HTMLウィジェットファイルを設定します。タイムラインのプレゼンテーションは高度にカスタマイズ可能ですが、そのすべてのオプションはこの記事の範囲を超えています。上記のようなプレーンな Jane タイムラインを使い始めるには、これをダウンロードしてくださいtimeline.html ファイル同じディレクトリにevents.xmlファイルは生きています。
次に、timeline.htmlWeb ブラウザでファイルを開きます。出来上がり！データ ファイルで定義したイベントがタイムライン上にレンダリングされます。必ず向かってください。タイムライン Web サイトタイムラインのカスタマイズ方法に関する優れたタイムラインの例とドキュメントをご覧ください。
タイムラインを使用すると、歴史的な個人文書の可能性は無限大です。自分のライフストーリーを個人的なタイムラインにマッピングしたり、履歴書をキャリアのタイムラインにマッピングしたりできます。あなたの家族の歴史や、小さな幼児から不安な十代の子供への成長を視覚化します。旅行や目標の進捗状況をタイムラインにグラフ化することもできます。
人生の一連の出来事をどのように覚えていますか?タイムラインについてご質問やご意見はありますか?コメントでお知らせください。おかげでショーン・Oタイムラインを指摘してくれて。
ジーナ・トラパニライフハッカー編集者は、「Sh Stuff を思い出せない」という CRS 症候群に苦しんでいます。隔週の彼女の特集、生きるオタクは毎週水曜日と金曜日にライフハッカーに掲載されます。購読するGeek to Live フィードニュースリーダーで新しい記事を入手するには、
