コミュニティセントラル
登録

みなさん、こんにちは!

数ヶ月前に、ウィキアが進化し続ける理由という長い(汗)ブログで、なぜWikiaが技術的にいろいろな改革をしていかなければならないのか、ということをご紹介させていただきました。

その一環として、少し前に新しいインフォボックスのマークアップをリリースしてご紹介しましたねっ!ご存知かもしれませんが、Wikiaを訪れているトラフィックの半分ほどがスマホなどのモバイル端末からであるということ、そしてコミュニティを訪れる閲覧者により良い体験をしてもらうことの大切さを考えて開発されたのがコレなんです。

新しいインフォボックス、「ポータブル・インフォボックス」の最初のステップはMVP(ミニマム・バイアブル・プロダクト=最小存続可能プロダクト)と呼ばれるもので、何百ものコミュニティの皆さんから改善策のアイディアとフィードバックをもらうことができました。この新しいマークアップの画期的な使い方をしているコミュニティもありましたが、それでいてスマホなどでも綺麗に見ることができるのが、このマークアップの良いところです。そして今日はそれに加わる機能として新たにご紹介したいものがあります!

それがこの『インフォボックス・タブ』です!

Tabs

タブを使ったインフォボックスをとても重要だと考えるコミュニティもあれば、使ったことのないコミュニティもあるようですが、タブはスマホでは残念ながら上手く表示されないため、代わりにスクロールできるギャラリーにするという解決策を見出しました。詳しくは、こちらをご覧ください


そしてもう一つ、『セクション展開』です!

Collapsible

この機能を使うとページの上部が整理することができて、とても便利です。マークアップもとてもシンプルです。マークアップについて詳しくはこちら使用しているページについてはこちらをご覧ください。

この2つの機能については、コミュニティの皆さんからフィードバックをいただき、いただいたリクエストを実現できるようプロダクトチームで取り組んだ結果です。たくさんの良いフィードバックをいただくことができなければ、実現しなかったものなので、参加していただいたコミュニティの皆さんに改めて感謝いたします!そして今後ともそのようなフィードバックをよろしくお願いします!

最後にもう一つ、たくさんいただいたフィードバックが、インフォボックスのデザインの変更が難しということでした。ご安心ください!こちらについても改善に取り組んでいます!まずはこちらをご覧ください!変更を加えるとその場でプレビューで見ることができるようになっています。自分のテンプレートをインポートしたり、他のwikiaで使われているデザインを使ってみたいときにはそのwikiaのCSSをインポートすることもできます。その際には編集の要約でどこのwikiaからインポートしたのか、記載するようにしましょう!

スマホを含めたマルチデバイス対策の世界は、ものすごい速さで流れています。だからこそWikiaは、コミュニティがどんな端末からも良い形で閲覧でき、綺麗に表示されるということにみなさんと一緒に取り組んでいきたいと思っています。こちらは現在は英語版のみですが、Portable Hubではスマホ対応のためにあなたのコミュニティでは何ができるのかをご紹介しています。近日中に日本語でもご紹介できるよう取り組んでいますので、こちらもぜひ要チェックです!


スタッフブログが更新された際の通知の受信をご希望の方は、 こちらをクリックしてブログをフォローすると、通知を受信していただけます。