はじめに

趣旨

九州大学 岡本剛研究室の公式ウェブサイトへようこそ。当サイトの主な目的は、当研究室の成果と活動を広く皆様に伝え、知の共有をはかること、そして、当研究室を希望する学生さんや共同研究を希望される研究者、企業の皆様に研究室を紹介し、当研究室からのメッセージを伝えることです。2013年10月1日に研究室が立ち上がり、2014年の8月末に書き上げました。デザインは、2017年3月末と2019年4月に大きく変更、2022年4月に少し変更しています。管理・運営・作成は全て岡本が行っているため、サイト内での一人称は基本的に岡本を指します。

著作権

当サイトの著作権は、岡本剛および岡本剛研究室に帰属します。ただし、第3者が作成しフリー素材として公開している画像等や、クリエイティブコモンズ・ライセンス等に基づいて当サイトのコンテンツの中で利用している画像等は、その作者に著作権があります。著作権法で認められた範囲を逸脱してコンテンツを利用することはできませんが、著作権者の使用許諾を得れば可能な場合もあります。著作権に関しては、こちらのページもご覧ください（著作権 ～電子教材における著作権について～）。

リンク

当サイトのHTML文書へのリンクは、原則として自由です。トップページにリンクをして頂けると有り難いですが、内部のコンテンツページでも、どんどんリンクして頂いて結構です。ただし、画像ファイルやPDFファイル等への直リンク、あたかも自分のコンテンツであるかのように見せかけるフレーム内表示はお断り致します。また、当サイトの内容、活動等に誤解を与える文脈でのリンクもご遠慮願います。

仕様

当サイトのウェブページは、HTML Living Standard + CSS3に基づいて可能な限り正しいコーディングを目指し、岡本が手書きで制作しています（PC用の各ページ左下にあるアイコンをクリックすると、そのページの文法の正当性を確認することができます）。プロトコルは、デフォルトとしてHTTPSを使用しています。JavaScriptは、戻る・進むのナビゲーションのみにしか使っていません。

PC端末向けページ

CSS3の新機能を積極的に使い、2分割画面（スプリット・スクリーン・レイアウト）に基づくシンプルかつ見やすく目が疲れないデザインを目指しています。メニュー（左）を狭めに、コンテンツ（右）を広めに取り、「本」を開くようなアニメーションで動きも演出しています。ウェブデザインのトレンドも踏まえつつ、アカデミアの雰囲気も感じられるよう、色々考えながら作っています。

CSS3とPHPを駆使し、どのページからでも右上のアイコンから切り替えできるようにしています。右上のアイコンは、上からブラウザの戻る、進む、リロード、ホームです。ページの上下、メニューの前後ページへのナビゲーションのアイコンは中央のスリット上に配置し、UIにも配慮するとともにデザインのワンポイントにしています。

WebフォントとしてGoogle Noto FontsやFont Awesomeを使ったり、font-feature-settingsで自動文字ツメして美しく組んだり（＋letter-spacingでもっと見やすくしたり）しています。ぱっと見のシンプルさとは裏腹に細かな技術てんこ盛りで作っています。

Windows 10のVivaldi（恐らくChromeも同様）とEdge、iPhone 8 PlusのSafariで正しく表示されることは確認していますが、古いユーザーエージェント（User Agent、UA、いわゆるウェブブラウザ）では恐らく表示が崩れます。できる限り新しいUA（いわゆるモダンブラウザ）をお使いくださいますようお願いいたします。古いUAはセキュリティに問題があり、CSSの実装にも不備が多いため、使い続けることは百害あって一利なしです。当サイトでは表示が崩れる欠陥UAへの対応は致しません。

モバイル端末向けページ

レスポンシブデザイン（単一の HTML ファイルで、各端末に合わせて自動的に表示を変更する）を採用し、「モバイルファースト」を実現しています。しかし、積極的にモバイルデバイスを優先したわけではなく、CSS3 の Flexbox の機能で「スプリット・スクリーン・レイアウト」を実現する際に、ウェブデザインの良心として Flexbox が機能しなかった場合（ここにモバイルデバイスも含める）を優先しただけのことです。そもそもスマホで研究する人は居ないので、研究室のサイトで「モバイルファーストはナンセンス」だと考えていることに変わりはありません。