riina-k.net

音楽・小説・プログラミングを手がけるリイナの拠点。

アーカイブ ‘ 2018年 7月

riina-k.tv に SSL(HTTPS) を導入してみた

同人サークルサイトを大規模リニューアル, mod_rewrite と初めて格闘してみた に続くリニューアル第3弾。

https 通信にしないと Google から警告を食らうという噂が!
Google Chrome、HTTPSサイトの「保護された通信」を非表示に 「デフォルトで安全が前提」 – ITmedia エンタープライズ
いよいよGoogleが本気。Chrome 68から全HTTPサイトに警告! | 常時SSL Lab. by Zenlogicのファーストサーバ株式会社

そこで riina-k.tv も https を導入してみました。
普通は SSL 証明書の発行にはかなりの金額がかかるものですが、なんと無料で使える神認証局「Let’s Encryptがありました。
インフラエンジニアの友人の助けを受けながら、これを使って SSL を導入。

続きを読む

mod_rewrite と初めて格闘してみた

WordPress や FuelPHP を使っていると、勝手に設定してくれる Apache の mod_rewrite
実際のファイル名とは違う URL を指定できるのがポイントです。

今までは自動生成してくれたデータを .htaccess にコピペするくらいしかしてませんでしたが、
同人サークルサイトを大規模リニューアル に関して「ハッシュタグ(・A・)カコワルイ!!」と思ったのと、各曲ごとに og タグを出力できないことを考えて、思い切って導入しました。

<IfModule mod_rewrite.c>
    RewriteEngine on

    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    #RewriteCond %{REQUEST_FILENAME} ^(.*)$
    RewriteRule ^(.*)$ %1.php
</IfModule>

今回やったのは「/music」と拡張子抜きで「/music.php」にアクセスできるようにするだけ。
これに加えてプログラム側でハッシュタグをパス形式に変更して

http://riina-k.tv/music/anthurium

こんな URL でアクセスできるようになりました。
たったこれだけの設定に何時間もかかりました……やっぱりフレームワークは偉大だなぁ。

同人サークルサイトを大規模リニューアル

私が主催する同人音楽サークル「rk. tv」の公式サイトを大幅にリニューアルしました。
フル Ajax+レスポンシブデザイン。HTML5 + CSS3 + jQuery で構築しており、AngularJS や Bootstrap などのフレームワークは一切利用していませんここ自慢できるポイント

リニューアルのきっかけは、音楽の試聴に SoundCloud を使い始めたため。
30曲近いトラックのすべてを iframe で読み込んでいたため、ページがめっちゃ重たい状態になっていました。
それを打破するため、「曲情報をクリックして初めて SoundCloud を読み込む」という体制に変更しようとしたらフルAjaxになってました(?)
もともとメニューの追従や背景画像のエフェクトなど簡単な JavaScript を使っていましたが、これを期に大幅に書き加え、さらに「せっかくならスマホ対応しようぜ」とやっていたら軽く1週間経ってました言い換えればこの程度のウェブサイトであれば1週間の納期でできるってこった

iOS 端末が手元に無いのと、持ってるタブレットが全滅してるため、レスポンシブの完全なデバッグができていない状態ですが、バグが見つかり次第潰していく予定です。

return top