以下の Tips を公開しました。
ちなみに ,NET の Tips のカテゴリについてですが、本来今現在では .NET Core のカテゴリにすべきなのですが、今年中にはもう .NET に代わるはずですので .NET というカテゴリに含めることにしました。
そういえば ASP.NET Core はどうなるんでしょうか。ASP.NET に戻る・・・？
5/8 の夜に旧 sorceryforce.net と core.sorceryforce.net を統合する作業を行い、5/9 に細かい部分の修正作業を行ってようやく完了しました。
とりあえず今のところ不具合は確認されていないので大丈夫だと思いますが、不具合があれば随時対応していきたいと思います。移行後サーバーの内部処理が走っており接続しにくい状態でしたが今のところは落ち着いているようです。もう一か所直したいことろがあるのですが、閲覧する分には影響ないので後で対応したいと思います。
移行における他の変更点としては、今まで多言語対応として言語を選択できるようにしていたのですが、いくつかの言語を選択した場合に「???????」と表示されてしまう問題がありました。今回移行と一緒にその点を直しました。
逆にいくつかのページでは前まで多言語対応されていたものが今回日本語のみの表示となってしまっています。これは今回翻訳の仕組みを変えたため、前の翻訳データが移行できなかったためです。これについては随時再対応していく予定です。主に影響を受けているのが「ちーたんタッチボード」のページになります。
sorceryforce.net を運用しているサーバーの入れ替え作業と、sorceryforce.net と core.sorceryforce.net を統合するため、一時的にサーバーと当ブログがつながらなくなります。
作業は今日の夜に行います。
また、移行後も少し作業が入るので接続した後でも一部の表示がおかしくなるかもしれません。
移行後のホームページについてですが、sorceryforce.net と core.sorceryforce.net 両方のコンテンツが統合されるので基本的にコンテンツがなくなることはないのですが、一部ツールなどの古いバージョンのページが削除されます。
また、各ページの URL が変わりますので、以前のページにリンクを張っていた場合はページがないと表示されます。リダイレクトも考えましたが、統合前と統合後では階層的に統一されていないので諦めました。必要であれば新たにリンクの張り直しをお願いします。
【URL変更例】
sorceryforce.net の Tips 全般 (core.sorceryforce.net のみの Tips はつながりますが、ホスト名 core.sorceryforce.net は推奨しなくなります)
https://sorceryforce.net/littlesavior => https://sorceryforce.net/little-savior
https://sorceryforce.net/tiitantouchboard => https://sorceryforce.net/tiitan-touch-board
https://sorceryforce.net/jsonorthopedy => https://sorceryforce.net/json-orthopedy
https://sorceryforce.net/saveglobalipaddress => https://sorceryforce.net/save-global-ip-address
https://sorceryforce.net/winformcolordesigner => https://sorceryforce.net/win-form-color-designer
問い合わせページ https://sorceryforce.net/webapp/webmail/ => https://sorceryforce.net/home/inquiry
以下の Tips を追加しています。
基本的には 3.0 以降向けに書いているつもりですが、調べきれずに古いバージョンで書いていることがあるかもしれません。おかしいところがあれば Twitter とかでご連絡ください。(あんまりリアルタイムに返信はできないかもしれませんが・・・)
※「実装した」と書いていますが、実装方法を書いているわけではありませんのでご注意ください…
もともと小さい画像であれば原寸で載せても別に問題ないのですが、でかい画像を載せるときに原寸で載せてしまうと画面いっぱいに画像が表示されてしまい見る人に圧迫感を与えてしまいます。(個人的な感想)
こういう時に一般的な対応方法としては、ある程度縮小した画像を表示させておき、画像をクリックしたときに原寸画像へジャンプさせたり、LightBox などの javascript ライブラリを使用して拡大画像をポップアップ形式で表示させたりすることが多いです。
ただ、これらの対応方法として個人的にあまり好きでない点が２つあります。(きちんと探せば満足のいくライブラリはあるかもしれませんが…)
そこで私が考えた案としては、「最初は画像を縮小表示させておき、画像をクリックするとポップアップせずその場で拡大表示する」です。
実際にやると下のような感じになります。
初期表示ではある程度小さな画像で表示します。
画像にカーソルを合わせると指アイコンになるのでクリックするとその場で画像が大きくなります。拡大したまま放置しても問題ありませんし、もう一度クリックすれば縮小します。
原寸で表示されるといってもブラウザのサイズよりは大きくならないようにしています。もちろんブラウザを広げれば可能な限り原寸サイズまで広がるようにはなっています。
試しに Visual Studio の Tips のページで実装したので下記のリンク先で拡大の動きが確認できると思います。600px 以下の画像は拡大処理しないので指アイコンにはなりません。
ただ、これを実装するには事前に画像単位で仕込みが必要になるので、ブログなどのような投稿サイトではこのような動きにするのは難しいかもしれません。とはいうものの、ページ表示のタイミングで javascript を駆使すれば実現出来そうな気もするので、もしかしたらこんな感じの動きを実装できるライブラリがすでに存在しているかもしれません。
探すのがめんどくさいので、気になる方は調べてみるのもよいかもしれません。]]>
