新しいサイト

すべてが新しくなりました。iA も、フォントも、レイアウトも、そしてリンク¹、脚注²、キャプションやタイトルの扱い方も新しくなっています。新しいフォントがあります。これは Quattro の別バージョンで、血気盛んな素人の手によるものです。アマチュアとは、つまり愛好家のこと。恋している人には優しくしてあげましょう。もちろんインクトラップもあり、さまざまなグレードがあり、iA ロゴのための合字のような特別な機能も備えています。 大きな画面で記事がどう見えるべきかも、あらためて考え直しました。大きな画面には、かなり特殊なトラフィックがあります。そこで私たちは、単にフォントを大きくする以外に、もっと空間をうまく使う方法はないかと考え、こんな奇抜なレイアウトにたどり着きました:

3カラムのレイアウトです。³ 左にタイトル、中央に本文、右に脚注、キャプション、そしてリンクが表示されます。え、リンク? はい、リンク先を見せれば、ホバーしなくても済むだろうと考えたのです。 そのため、リンクを脚注のように扱っています。あるいは、もっとよく言えばサイドノートです。モバイルではまだ改善の余地がありますが、当面は脚注の参照を下部に置き、そこまでスクロールさせます。 左側の見出しには自信があります。本文全体を中断なく一気に読めるようにしてくれます。長い記事をざっと見て、読みたい章だけを素早く拾い出すこともできます。モバイルにはやはり改善の余地があり、できれば近いうちに Wikipedia 風の折りたたみを導入したいと思っています。

このデザインは、それ以前のウェブサイトから影響を受けています。私たちは円を閉じたかったのです。脚注は以前にもやりましたし、退屈なホームページも以前にやりました。そして長いあいだ、線は悪魔のように避けてきました。表にはいくつか線があります。表には行があるからです。 [fig] [caption]これは東京のオフィスで撮った写真です。ただそれだけです。[/caption][/fig] そのほかに注目してほしいことをお話しする前に、もうひとつ脚注⁴ を見てみましょう。私たちが誇りに思っているもののひとつが、新しい iA Writer のページです。なぜかって? それほど多くはないように見えるでしょう? そこで私たちが⁵ やったことは、ちょっと珍しいものです。CSS で画面のスクリーンショットを表示するようにしました。すごいのは、アクセスしているプラットフォームに応じて自動的に適切な画面を選ぶことです。

• Mac? Mac のスクリーンショット!
• iPhone? iPhone のスクリーンショット!
• iPad? iPad のスクリーンショット!
• Android? Android のスクリーンショット!
• Windows? Windows のスクリーンショット!
• ドイツ語? すべてドイツ語で!
• 日本語? すべて日本語で!
• キーボード拡張なし? キーボード拡張なしのままで!
• もうおわかりですね…

1枚のスクリーンショットを5つのプラットフォームに拡張できるだけではありません。キーボードの有無、拡張の有無、タイトルバーの有無などを含めて、何十もの言語に翻訳できます。単純な算数です。HTML で1枚のスクリーンショットを用意し、それを10言語に翻訳すれば終わりです。もしスクリーンショットをすべて作るなら、10（言語）× 5（プラットフォーム）× 3（状態）× スクリーン数、となります。何百枚ものスクリーンショットです。現時点では、まだすべてのバリエーションのスクリーンショットは作り終えていません。作業中です。 ベータテスターは「なぜ今のライト iA は夜みたいなんだろう?」と不思議がりました。そうではありません。すべて黒く見えるなら、それはお使いのデバイスがナイトモードに設定されているからです。私たちはそれを尊重して、サイトをナイトモードで表示しています。

ぜひご意見をお聞かせください。明らかな間違いを見つけたら教えてください。メールで。[email protected] までご連絡を。あまり深刻に受け止めないでください。何か重要な見落としがあると思ったら報告してください。気に入っていただけたなら、それももちろん嬉しいです。率直で善意のあるフィードバックは、どんなものでも助けになります。

ここでリストのテストが必要です。どのように整形されているかを見て、まだ準備できていないものを確認しましょう:

• いくつかの動画は整形が崩れている
• iA Writer のメインページにある動画がすべて欠けている
• iA Writer ページのスクリーンショット例がいくつか欠けている
• スクリーンショットのバリエーションが必要。キーボードや拡張の有無など、いろいろと。
• Design と About us がごちゃごちゃしている
• ダウンロードページにはビジュアルが必要
• Support で iA Writer の chrome を使った、もっと多くの例を作りたい
• iPhone 版 iA Writer のスクリーンショットには Quattro を使うべき
• より良いグレードを持つ可変フォントが必要
• イタリックにもう少し手を入れる必要がある
• 小さいビューポートでの縦方向の余白
• 小さいビューポートでの横方向の余白（特に脚注！）
• iA Writer と他の多くのページの翻訳が不足している :/

本当のリストはこれよりずっと長いです。今後もどんどん増えていくでしょう。

CSS とテンプレートは Taher Ali が担当し、とても忍耐強く丁寧に仕上げてくれました。Oliver は1年以上にわたって、断続的にこのデザインを進めてきました。Takeshi や Pedro がいなければ、iA のデザインは今のようにはなっていません。Richard と Yu が助け、Nicolae は仕上げの整理を手伝ってくれました。プロジェクトマネージャーの Iain は、いつもどおり中心的な役割を担っていました。John はサポートセクションに取り組んでいました。Yumiko は重要な判断を下しました。Momoco と Aki は大きな影響を与えました。ベータテスターからも多くの貢献がありました。Kris、Jürgen、Mehran、Dmitry、Rafael、Theo、Andrei、Johannes、Frank、Robin、Marianne、Adrian、ありがとうございました。