ぼちぼちまちま日誌2

カテゴリー「サイトお知らせ」の検索結果は以下のとおりです。

タイトルの通りです。サイトをプチ改装しました。
CSSの記述を大幅見直しを行ったのが今回の改装のメイン作業ですので「サイトを1から組み直しました!」という程大幅な改装ではないものの、でもやっぱりデザインが変わってるから中規模な改装なのかな…という感じの改装です。

【動作確認環境】
PC…GoogleChrome、Firefox、IE11(Windows8) ※ただしIE11だけは例外的な処理を行っています(修正点2参考)
スマホ…Safari、GoogleChrome(iphone8 / iOS12.2)
以下改装での修正点など。

1、サイトデザイン一部変更・修正
パソコン環境では最大サイズを変更(900px→1100px)したり、スマホ環境ではフォントサイズを一部修正したりしています。
また、スマホ環境のみの変更点ですが、インデックスページを簡略化させました。
その他余白の調整やテキストリンクの色の変更やdlタグのデザイン変更などをしています。

2、IE11環境でのレイアウト崩れを抑えました
あまりにもIE11で閲覧した際のレイアウト崩れが酷すぎたので手を加えました。
ブラウザによるCSS対応状況の関係で、IE11で再現するのが厄介そうな場合はIE11用にデザインを組んでいます。
そのため、GoogleChromeやFirefoxで閲覧する場合とデザインにズレが生じますがご了承ください。

3、プログラム修正
aboutページなどでSNSシェアが正しく機能しなかった不具合を修正しました。

何か疑問点や「これバグでは?」というものを発見した際は、web拍手や私のツイッターアカウントへお知らせいただけると助かります。
よろしくお願いいたします。

昨日の記事でweb拍手上手く動作してませんでしたと言いましたが、今日の10:30あたりに修正しました。
ご利用の環境によっては反映されるのに時間がかかる可能性があります。そのあたりはご了承の程よろしくおねがいします。

で、何で不具合起こったかについて、ザックリ言うと「iframeのこと誤解してた」という感じです。
SNSシェアは今回は省略しますが、web拍手(patipati)を開くのにiframeでweb拍手ページを指定し、モーダルウインドウ(Remodal)で表示…という仕組みで作ってるのですが、iframeで最初からweb拍手ページ指定されてるんだからweb拍手ページが開かれるに決まってるものを、私が勝手にモーダルウインドウで開かれたら開くものと勘違いしていた…という具合です。
モーダルウインドウを使ったiframe src=""の処理をa href=""みたいな処理と思い込んでたと言いますかなんというか。わかりにくい説明で申し訳ないですが大体そんな感じです

……修正したのは良いのですが、私の持ち物の関係でMacとandroidでの動作確認をしていないので、もしかしたらそちらの環境で閲覧するとバグるかもしれません。
もしお気づきの点がありましたら、meia.www#gmail.com(#→@)か、Twitter(@kado_em)までお知らせいただけると助かります。

1か月以上バグに気づかず放置しててごめんなさい。
これからも生暖かい感じでゆるいノリでこのサイトに付き合っていただければ幸いです。

こちらのミスにより、web拍手が上手く動作しない状況になっていました。
(具体的には1回も拍手してないのに”連続拍手防止のため拍手できません”と表示される、等)
また、このバグにより、もしかしたらweb拍手にて送った筈のメッセージが私の元に届いてなかったという可能性もあるかもしれません。
2019年3月~現在にかけてweb拍手を送った方で、折角メッセージを送ったのに…という方がいらっしゃいましたら本当に申し訳ないです。

現在は一時的にweb拍手の連続拍手制限を解除していますので、web拍手してないのに~ということはない…筈です。
(ただし、キャッシュの関係などで反映されてない可能性もあるかもですが…。)
私が自由に使える時間の関係上、こんな乱文での報告となってしまいました。
余程の事がない限りは明日には修正しますので、少々お待ちください。
ご迷惑をおかけしてごめんなさい。

※2019/05/03 web拍手まわり修正しました。
また、この記事のタイトルが「web拍手のプログラムがバグってた」ようにとらえられそうなものになっていたため、誤解の起こりにくい表記に修正しました。
繰り返しますが、今回のバグは「私の組み方に問題があった」のであり、web拍手のスクリプト(patipati)に不具合があったわけではありません。

20181014142755.PNG

サイト改装終わりました。
割と現代的になった筈…なったよね?

以下の環境で動作確認を行っています。(最新版は2018/10/14現在)
・Windows8:GoogleChrome、Firefox(いずれも最新版)
・iphone8(iOS12):Safari、GoogleChrome(いずれも最新版)
何かお気づきの点がありましたら、Twitterアカウント(@kado_em)web拍手に送っていただけると助かります。

また、以下の点はまだ整理が終わっていません。
・Other:素材置き場
・Gallery:落書き置き場、二次創作イラスト
→2018/10/16 落書き置き場開通
・コミッションページ

なお、ブログ:個別記事の新しい記事・古い記事へのリンク部分のレイアウト崩れが発生しています。(PCのみ)

以上の修正点などはゆるゆると直していく予定です。よろしくお願いします。

早ければ10/14(日)の午後あたりを目途に大規模なサイト改装を行う予定です。
様々な事情(後述)から、もしかしたらサイト内でエラーが発生する可能性があります。
エラーが発生したら申し訳ないですが、何卒ご了承ください。

もしサイト改装の準備が間に合わなかったら改装延期します。

※様々な事情について
今までサイトをhtmlで組んでいましたが、今回の改装でhtmlからphpに変わります。
が、私自身phpに関しては全くの初心者であるため、正直言って動作確認してもバグる予感がしてます。そんな訳でバグっても許してください。

20180821110702.JPG

保護された通信になりました。やったね!

昨日、使用してるサーバーの広告メール(?)でSSLのことが出てて、
「そういえば」ということで、SSL証明書発行とSSL対応させるための作業をしました。
httpのほうでリンク飛ばしていただければ勝手にhttpsに飛びますので、特にリンクの修正は必要ありません(たぶん)。

他にもサイトの細かいところを修正していますが、metaタグの追加とか全ページTwitterCard対応とかの修正なので、大きくレイアウトが変わったわけではありません。
恐らくサイト表示に問題はないかと思いますが、問題が見つかりましたら、ご報告いただけると助かります…。

サイト更新しました。
特に大きな変更点はトップページに書いた通り、「はこには」のリンクを
前々から改装していたページに変えたというところですが、
水面下でちょっと大きな更新をした点が2点あるので紹介。

1、TwitterCardsに対応させました
20180701093242.PNG
↑つまりこんな感じの表示のこと。
とりあえず「のろらる」のトップページとブログページを対応させてます。
風の噂ではTwitterCards確認用ページで確認しないと反映されない?らしいのですが
面倒臭いのでやりません。ごめんなさい。なので個々の記事では反映されないかも。
この記事で確認しましたが表示されました。

2、ファビコン追加
※スマホ環境でのみ確認できる修正点です。
スマホで「ホーム画面に追加」とかしたときに出てくる大きなアイコンを
設定しました。スマホ版のChromeだとページのタブにも表示されます。

「はこには」新サイトを現在進行形でいじり中です。
https://hknh.nororal.com/

細かな変更点は多すぎるので省略。
hknhサイトのほうにもfreoを導入したため、色々便利になったかと…!
「こういう機能欲しいよ」みたいなのがあったらネタでも何でも
言っていただけましたら検討しますので是非是非。無理だったらごめんなさい。

20180401165629.png

エイプリルフール(と言う名の何か)公開しました
https://nororal.com/other/page/2018April/
あまり他でやらなさそうなネタを!と考えてました。
結構軽いノリで始めたんですが思いのほか大変な企画を始めてしまった感がすごいです。
何故ゲーム化決定(嘘)ではなくこっちにしてしまったのか。
来年はちゃんと単発で終わるようなネタにしようと思います。

……とは言ってもキャラを結構好き勝手に動かせるので、かなり楽しいです。
ほぼ1か月ですが、ゆっくり見守っていて下さると嬉しいです。

2018/04/27追記:エイプリル更新終了しました!お付き合いいただきありがとうございました。

前の記事で「独自ドメインに移行するかも~」と言って2日ですが、
マジで独自ドメインに移りました。nororal.comです。
トップページにも大きく書いていますが、リンクなど変更よろしくお願いします。
(…といってもnor.xii.jpでも普通にサイト見られますが)

nororal.comのほうでもよろしくお願いします。

  • 1

過去ログ

  • 旧ブログ(~2016年4月)