DigiLoog

続きを読む »

神田祭は2年に一度実施していて、今年(2015年)は丁度開催年。
また、初の試み(?)としてラブライブとのコラボを実施していたり。
と言っても、ラブライブキャラクターの神輿が出るとかではなく、ポスター協賛とかその程度。
だとしても、お堅いイメージの祭りとキャラクターを組み合わせるのは秋葉原特有の試みと実感。

後で知ったのだが、ラブライブ仕様のポスターはアニメイト・ゲマズにて800円で売っているらしい。

中央通りを経由する神輿が殆どだが、中には清水坂下(裏参道)方面からやってくる神輿も。
そして、秋葉原らしく神輿とエ○ゲの街頭ポスターがワンショットに。

有名な神田明神の表参道と、裏参道。裏参道を上ると、社務所裏に出る。

江戸三大祭りというとお堅いイメージだが、実際はそんな事無く、
普通の祭りなので観光気分で気楽に見に行くのは面白いし、神田近辺を知る良い機会かもしれない。

« 続きを隠す

続きを読む »

今回は「COMIC1 → character1」の順番に参加。
最初はcharacter1を先に行こうと思っていたのだが、
入場列が混んでいた為先にCOMIC1の方へ赴いてみた。

今回購入したのは、以下2サークル様。まぁ、いつも通りのラインナップ

• Dragon Kitchen – 新作セット
• NANACAN – コラボラフ本

後は、character1でGLaceの画集を買った程度。

会場で頂いたパンフ&August新作のチラシ。
まだ新作情報は出そろっていないが、どんな物語に仕上げてくれるのか今から楽しみな1作品。

左：ドラキチのセット@1000円。殆ど人がいなかったので「行くしかないな!!」と購入
右：NANACANの合同本@1000円。自分が行った時間帯には列がはけた後だった為、ならばず購入

他、GLaceのせせなやう先生画集と、会場で頂いたポストカード。

今回は事前情報を仕入れていなかった事もあり、未チェックのまま突撃したのだが、
案外なんとかなる物だと実感。流石にコミケでコレは出来ないが…

これも、現地でスマホとタブPCを活用しつつ動けた事が、一番の功績だろうなぁ～

………

～ おまけ ～

東6の外で、痛車が停まっていたので撮ってきた。

他にも数作品の物があったのだが、人が多かった為撮ってこなかった(´・ω・｀)
痛車にスポーツカー使うとは… オーナー金持ちだな。羨ましい

« 続きを隠す

続きを読む »

DigiLoogをスマホ対応させたかった主な理由は、
スマホでブログを見ると文字が小さすぎて、非常に見づらかった為。
というのも、DigiLoogのPC版テーマは幅を1200pxで固定させている為、
スマホの画面で見るとかなり小さく縮小された状態で表示されてしまう。

あと、各所にエ○ゲバナーを貼っている為、LTEとか4G経由だと読込みが遅かったり。
その為、文章を表示しても画像が後から表示され、レイアウトが崩れたりする事があった。

上の事を解決する為に、今回はスマホ対応という面倒臭い事をやってみた。

………

既存のテーマを崩さずにスマホ対応させるには、

• 既存テーマをレスポンシブ化させる
• 新しいテーマを作成して、UserAgentで振り分ける
• apacheを2台用意して、リバースプロキシで振り分ける

とか、他多数があるのだが、今回は「UserAgentで振り分ける」方法を採用してみた。

UserAgentで振り分ける事のメリットは、既存テーマに一切手を加えなくて済むという点。
逆にデメリットは、テーマの管理が2倍以上になるという点。

今回の振り分け対象はスマホのUserAgentのみの為、既存とは別に1テーマを用意すれば良いだけなのと、
そう簡単には、テーマを弄る事はやらないので、管理が面倒になる事も許容出来ると判断。

また、付加価値でスマホで見ていた時に、スマホとPCテーマの表示切り替えが可能な点も、
UserAgent切り替えを採用した理由の一つでもある。
レスポンシブテーマだと、この「スマホでPCテーマ表示」が結構大変な作業だったりする(´・ω・｀)

………

開発には、実機(Xperia)とFirefoxのUserAgent書き換え機能を使ってポチポチと確認。
これがまた面倒くさく、マルチ解像度対応とか機種依存による表示不備とかがあるのだが、
ここまで作り込むのは大変なので、既存テーマを流用させてもらいなんとか乗り切った。
流石に、1から作るのだと自分の技量じゃ半年位かかるので(´・ω:;.:…

それ以外の表示系プラグインや、ブログの色彩等は既存のPC用テーマを使い回しつつ、
できる限り同じ体裁を保てる様に頑張ってみた。
本来なら、スマホ対応テーマを作るにはわざとテーマの色彩を明るめにする必要があるのだが、
その辺りはCSS書き換えで後からでも簡単に書き換えられるので、
問題が出た時にやっていけば良いかなと考えている。

………

基本的な構造は既存と同じにしつつ、バナーとか画像コンテンツは大幅に削減。
メニュー表示はプルダウン式を採用。これは、解像度低いスマホ画面に対応させる為の策。
ちなみに、この箇所を作り込むだけで10時間もかかってしまった…

記事の単体表示も、既存のレイアウトを踏襲。
画像に関しては縦横比を維持しつつ、MAX横幅に合わせる形にテーマ側で修正をかける。
複数画像が横並びになっている場合はfloat処理で回り込ませる方針に。
表などのpxが固定になっているコンテンツは、できる限りMAX横幅にしつつ画面内に。

コメント欄は既存をそのまま使い回し。
だけど、英字表示にしている箇所をスマホテーマでは日本語に変更してみた。
というのも、低解像度状態だと英字は見づらい事が多々あったりするので…

あと、今回のUserAgent式にした大きなメリットの一つ、モバイル/PCテーマ切り替えボタンも設置。
が、自作は面倒なのでCSSのみ書き換えて、プラグインでサクッと追加。

………

実際に運用しだしてから、まだ1日も経っていないのでなんとも言えないのだが、
デバッグを多めにやった事もあり、今の所はバグとかも出ていない模様。

今までにない処理を組み込んだのでサーバへの負荷が気になる所。
しかし、DigiLoogアクセス数は日200程度なので、爆発的に負荷がかかる事も無いだろう。

DigiLoog鯖は仮想環境なので、割り宛てCPUとかを増やせば対応可能だし、まぁなんとかなるだろう。

« 続きを隠す