Webページを縦書きに!

 縦書きのホームページを作ってみたい…と思ったことはありませんか。
 ウェブページで縦書き表示を実現する JavaScript・h2vR.js および h2v.js が、その思いをサポートします。

h2vR.js

 縦書きレイアウト実現のための JavaScript "h2vR.js" は、レスポンシブデザインを採用しているページへの対応を強化したバージョンです。

 普通に(横書きで)html コーディングしたページ内の指定したエリアを自動的に縦書きレイアウトに変換して表示します。

 従来の h2v.js と比較すると、設定方法や一部機能が簡素化されています。詳しくはこちらをご覧ください。

 これから初めて縦書きページを作成してみよう、とお考えならば、こちらの h2vR.js をお薦めします。

h2v.js

 これまで提供してきた縦書き変換スクリプトです。

 レスポンシブなページとはあまり相性がよくありませんが、縦書きレイアウト実現の用途に関しては、現在でも充分な実用性が備わっています。

 詳しくはこちらをご覧ください。

 h2v.js は、今後は所謂「レガシーバージョン」的な扱いとして、不具合修正のみを継続して行ってゆく予定です。

 

 このふたつのスクリプトは、ほぼ同様の「縦書きレイアウト」を実現します。但し、設定方法(縦書き表示に必要なパラメータの渡し方など)が異なります。

 これまで h2v.js をお使いで、今後 h2vR.js に切り替えていこう…とお考えならば、『乗り換えガイド』ほか、h2vR.jsの各種ドキュメントを参照してください。

 お役に立てることを願いつつ…