WEBサイトに年表を作成するならTimeline.jsがベスト

何度か使ったことがるのですがWEBサイト上に年表を作成するJS、Timeline.jsがより使いやすくなっていました。

今回はクラシック作曲家年表を作ってみました。

作成方法は簡単。http://timeline.knightlab.com/にアクセスして[Make a Timeline]ボタンをクリックします。

(1) Get the Spreadsheet TemplateをクリックしてGoogle Spreadsheetのテンプレートを自分のGoogle Spreadsheet上に作成します。ちなみにTimeline.jsを利用するためにはGoogleアカウントが必須です。

Official_TimelineJS3_Template_-_Google_ドキュメント_テンプレート

(2) Google Spreadsheet上でファイル>ウェブに公開>公開をクリックし、公開用URLをコピーします。

(3) コピーしたURLをTimeline.jsの設定用URLにペースト

(4) IFRAMEのソースコードをコピーし、WEBページにペースト

以上です。プログラミングの知識がなくてもインタラクティブな年表を作成することができます。

 

 

関連記事

最近の投稿