スマホ/幅480px/幅640px

ガレコレ [Garage Collection]
トップページ
News,blog & history


【■子猫の手】
 セッション接続が切れた場合、再ログインのダイアログが開きます。裏方の機能であり、通常の使い勝手は、変わりません。

 ようやく、完璧に仕上げました。SESSION変数、GET変数、POST変数を、再編成して実現しました。バグ部分は、PHPでは$_SERVER["REQUEST_URI"]を利用し、JavaScriptでは#を?hash=または&hash=に置き換えることで、問題を回避できました。

 パソコン版が仕上がったので、近いうちにスマホ版に移植します。


P.S. セキュリティ上、再ログインのダイアログが開いて、一定時間が経過したら、そのダイアログを消すアイデアを頂きました。→実装しました。30秒で消えます。


P.S.2 子猫の手 Ver.2で追加予定の機能を作成中です。

・ブログの分類を編集する機能
・配色、背景イメージの自由選択
・カウンターのブラッシュアップ
・公開ページのブラッシュアップ
 
 『子猫の手』では、ログインして作業します。最後の作業から180分経過したり、接続が切れたりすると、今まではエラーとなり、せっかくの作業が水の泡となっていました。

 セッション管理を見直し、再ログインできるようにしました。


P.S. オリジナルダイアログに登場する猫たちは、7種類。大昔に作ったGIFアニメーションで、ちょこちょこっと動きます。


P.S.2 不具合を1箇所発見して頂きました。結構深刻なエラーで、修正には時間が掛かると予想しています。通常のご利用には問題ありません。
 
 セッションとセキュリティのロジックを、一から見直して、セッション解除からの再ログインが成功しました。

○セッションのチェック
○再ログインのチェック
○セッションの再構築
○ページの移動
 ・リンク方式(? & #も含む)
 ・フォーム方式
○セキュリティの確保

 わざとセッション破棄してテストするだけでなく、セッション開始から180分経過後でセッション解除となる状況でもテストしました。肝心なところなので、時間を掛けました。

 システム内のすべてのページに、展開作業中。下地が完成しました。ページの移動時に、セッション状況を確認して、接続が切れていたら、ログインダイアログを表示します。

【完了】
(1) メニューボタン
(2) スライド整理SYS、サイト情報SYS、ユーザ情報SYS
(3) カウンターSYSの表示部分
(4) ブログ作成SYS
(5) ホームページ作成SYS

【作業中】
・カウンターSYSの作業部分(リセット、古いデータの削除)
・ログアウトボタン・・・仕様で迷っています。


P.S. 再ログインできる他のサイトを勉強させてもらいましたが、セキュリティの甘いものばかりでした。Wi-FiのKRACKの件と同様、過信してプログラミングされているんですね。


P.S.2 PHPとJavaScriptの両刀使いでないと、書けないプログラミング。安易に考えていましたが、もう1週間もにらめっこしています。プログラミングにおいて、昔できたことができなかったり、当然と思っていたことが欠けていたり。まあ、すべては解決できましたけどね。

 苦労談を書きたいけど、かなり重箱の隅をつつくことばかりなので、別途、ボチボチ小出しにしていこうと思っています。
 
 画面の狭いスマホでも、見やすくしました。

 セキュリティ対策も、少しだけレベルを上げました。

 ついでに、薄化粧も施しました。
 
 ネットワーク通信環境やスマホの性能の向上を加味して、写真のサムネールのサイズを下記の通り変更しました。

長辺240px→長辺480px

 これまで登録した写真ファイルのサムネールは、すでに変更してあります。


P.S. サムネール[thumbnail]は、文字通り親指の爪のサイズという意味。もはや、そんな小さなサイズでは無いんだけどね。
 

お問い合わせ


by Network Communication Note