生物制御化学研究室ウェブサイトリニューアルが概ね完了
2021/05/01 18:24 Filed in: ブログ・HP
サイト管理を BiNDup から RapidWeaver に移行した生物制御化学研究室のウェブサイトのリニューアルが概ね完了しました．もちろん，これからも更新して内容を充実させていく必要はあるのですが，現時点でリニューアル前とほぼ同等以上の情報をアップできていると思います．
作成環境は RapidWeaver 8，定番の有料プラグインである Stacks 4（YourHead Software），レスポンシブウェブデザイン（PC とスマホなどの違いに応じて表示を変えるもの）対応の比較的シンプルでうるさくない有料テーマの Mirage（ThemeFlood）です．サイトのバナー画像は RapidWeaver から直接アクセスできるフリー画像集サイト Unsplash から取ってきた水田の写真です．RapidWeaver は単体だけではできることが結構限られているのですが，サードバーティーのアドオンやテーマの開発が結構活発に行われているようです．
RapidWeaver では Markdown を使ってコンテンツを書けるので，このウェブサイトでも基本的には Markdown を使って各ページの内容は書いています．もちろん Styled Text も使えるのですが，Markdown で書く方が慣れれば楽そうですし，書き出されるコードも綺麗なようなので，当面は Markdown 中心でいこうと思います．ただし，このブログページは Styled Text で書いています．どうも標準の RapidWeaver ブログエディタでは Markdown は使えないようです．
研究室のウェブサイトの構成は基本的に BiND 時代のものを踏襲していますが，教員の担当授業を紹介していた「教育内容」のページはメンバー紹介のページに統合しました．
現在気が付いている問題点としては，Stacks を使って，PC・タブレットは 2 カラム表示，スマホは 1 カラム表示設定にしているメンバー紹介とアクセスのページが大画面スマホ（iPhone 12 Pro Max など）だと 2 カラム表示のままで，スマホ対応の 1 カラム表示に切り替わらないという点があります．どうも，横幅 400 ピクセル以上ある端末は PC・タブレットとして認識されてしまうようです．
作成環境は RapidWeaver 8，定番の有料プラグインである Stacks 4（YourHead Software），レスポンシブウェブデザイン（PC とスマホなどの違いに応じて表示を変えるもの）対応の比較的シンプルでうるさくない有料テーマの Mirage（ThemeFlood）です．サイトのバナー画像は RapidWeaver から直接アクセスできるフリー画像集サイト Unsplash から取ってきた水田の写真です．RapidWeaver は単体だけではできることが結構限られているのですが，サードバーティーのアドオンやテーマの開発が結構活発に行われているようです．
RapidWeaver では Markdown を使ってコンテンツを書けるので，このウェブサイトでも基本的には Markdown を使って各ページの内容は書いています．もちろん Styled Text も使えるのですが，Markdown で書く方が慣れれば楽そうですし，書き出されるコードも綺麗なようなので，当面は Markdown 中心でいこうと思います．ただし，このブログページは Styled Text で書いています．どうも標準の RapidWeaver ブログエディタでは Markdown は使えないようです．
研究室のウェブサイトの構成は基本的に BiND 時代のものを踏襲していますが，教員の担当授業を紹介していた「教育内容」のページはメンバー紹介のページに統合しました．
現在気が付いている問題点としては，Stacks を使って，PC・タブレットは 2 カラム表示，スマホは 1 カラム表示設定にしているメンバー紹介とアクセスのページが大画面スマホ（iPhone 12 Pro Max など）だと 2 カラム表示のままで，スマホ対応の 1 カラム表示に切り替わらないという点があります．どうも，横幅 400 ピクセル以上ある端末は PC・タブレットとして認識されてしまうようです．