最初に
朝日ネットの開発チームでサービスの企画やUIデザイン、HTML+CSSでの実装を主に担当している watanabeです。 今回は自サービスのマニュアルをHTML化したときのノウハウを記録しようと思います。
- 最初に
- Bootstrap4+pingendoを選んだ理由
- HTML化の手順
- 1.元のマニュアルの各要素をBootstrapのコンポーネントに割り当てる
- 2.BootstrapのCSSをカスタマイズする
- 3.pingendoで読み込み組んでいく
- 3-1.pingendoの画面の見方
- 3-2.組み込み方
- 3-3.プレビューについて
- 3-4 完成
- 次回予告
- 採用情報
オンラインマニュアルを自前で用意する場合、編集の行い易さからPowerPointやWordで作成したものを pdf化してネットにアップすることも多いと思われます。
自サービスのmanabaでも長年pdfのマニュアルを使用していましたが 以下の理由からHTML化することにしました。
- pdfだと毎回ダウンロードが必要なので見たいときにすぐにアクセスできるようにしたい
- どのデバイスでも見やすいレスポンシブデザインにしたい
- wordやパワポ等のエディタだと作成者によりレイアウトが異なってしまうので構造化されたHTMLにしたい
Bootstrap4+pingendoを選んだ理由
HTML化にあたって、以下の条件を元に Bootstrap4+pingendoを選択しました。
続きを読む