ガレコレ
Garage Collection
トップページ


 ■子猫の手
 ブログ作成の[本文]、および、ホームページ作成の[メモ]において、URL(HTTP://~)を一行で記述すると、公開ページで自動的にリンクになります。

○一行(ブロック)
http://www.yahoo.co.jp/

×同一行にURL以外の文字が入っている(インライン)場合はダメ。
ヤフー http://www.yahoo.co.jp/

 なお、今までのブログ作成の[リンク]は、[本文]の末尾に吸収して、[リンク]の項目を削除しました。
 
 公開ページの表示は、完成しています。作成ページのレイアウトが崩れたので、その微調整も済んでいます。

 本来は、この時点でマイナーバージョンアップ2.8にすれば良いのですが、今しばらくお待ち下さい。

 というのも、パソコン版の作成ページの刷新を進めています。これと現バージョンの作成ページを擦り合わせする必要が出てきましたので、足踏みしております。ご了承下さい。

 『子猫の手』スタート時、スマホに合わせたため、『猫の手』にあったリッチテキスト(文字修飾など)の機能を排除して、作成ページの画面もこじんまりとしてしまい、実はパソコンのワイド画面が活かされていません。

 また、今ではほとんどのノートパソコンはワイド画面になったものの、テンキーを含めたため、主キーボードの中心が画面の中心とずれて、慣れたとしても使いづらさを感じます。

 デスクトップパソコンは、キーボード本体を移動して利用できるので、このずれの問題は小さいのですが。。。

 今回の画面設計は、ノートパソコンのワイド画面に適したものにすることを理念としています。

 ブログ作成で、パソコン幅600pxとスマホ幅320pxに切り替えて入力できるWISYWIGを実現しています。本文入力では、入力エリアのスクロールだけ利用するようにしました。画面のスクロールとの二重スクロールで使いづらかったので。

 ホームページ作成で、編集ページと元ページを並べて表示します。これも、幅の切り替えができます。

 おそらく、これでバージョン3への土台が整います。

 バージョン3では、スマホでサクサク、パソコンでじっくりの二段構えでの使用を想定しています。ようやく、『子猫の手』を日の当たるところに出してあげれそうです。


P.S. 新画面は、パソコンの解像度W1336xH768以上で利用可能。


P.S.2 全画面表示、または、タスクバーを自動的に隠すが推奨。タスクバーの位置を左または右にされている場合、タスクバーを自動的に隠すが必須。


P.S.3 画面設計ページは、切りの良いところで公開します。
 
 今、お仕事でプログラミングしているサイトマップ作成機能を、『子猫の手』用にチャチャっと移植してみました。サイトマップのツリー構造の表示は、よく見かけるタイプのものです。

 一度に全ツリー構造を作成するのではなく、第一階層のフォルダだけ作成して、▶がクリックされたら、そのフォルダ配下のフォルダをD/Bから拾ってきて、追記する仕組みです。▷は下層のフォルダが無いということです。

 非表示にした<iframe></iframe>でPHPファイルを走らせ、結果をDOMを利用して、元の表示ページに追記します。

 [サンズイ]page5で、サイトマップを開いたという想定です。なので、サンズイはリンクしていません。

http://neconote.jp/tree.php?page=5

 セッションチェックで利用した手法ですが、『子猫の手』のホームページ作成においても利用できますね。いちいちページを再読み込みさせなくても良くなり、使い勝手が上がります。

 なお、20181201マイナーバージョンアップは、基本的に公開ページの調整です。次回のマイナーバージョンアップで、作成ページをガラリと変えたいですね。

 今年の夏、泳げなかった分、コツコツとプログラミングの勉強をしていたので、今まで出来なかったことが出来るようになっています。

 昨夜は、徹夜に近かったので、今日は23時で寝るぞ!
 

お問い合わせ


by Network Communication Note