2020年06月19日

間違ってデスクトップ背景が変わったときの直し方と、間違って変えてしまわないようにする方法

ブログ記事用の画像をWindowsアプリのペイントで編集することがあるのですが、そのときに操作に失敗して、その画像をデスクトップ背景にしてしまうことが、たまにあります。
エクスプローラーで編集する画像を右クリックして、[編集]をクリックすると、その画像をペイントで開いてくれるのですが、一つ上の[デスクトップの背景として設定]をクリックしてしまうんですね。
Snap200618194011.png


落ち着いてゆっくりやればこういう失敗はないのですが、急いでいるときに割とやらかしてしまいます。


デスクトップ背景が変わってしまったときの直し方


間違ってデスクトップ背景が変わったとしても、直し方は簡単です。


1)デスクトップ上で右クリックして、[個人用設定]を開きます。
Snap200618195249.png


2)[背景]が選択された状態で[設定]が開くので、「画像を選んでください」のところで、戻したい画像を選びます。
最近背景として使った画像はここに表示されるので、どの画像だったかな?と探すこともありません。
Snap200618195118.png


デスクトップ背景を間違って変えてしまわないようにする方法


そんなに頻繁に失敗するわけではないですが、失敗したときはイラッとしますし、失敗しない方法があればそれに越したことはありません。
右クリックメニューから選択するときに失敗するのだから、それを使わないでファイルをダブルクリックで、ペイントで開いてくれるようにすれば失敗がありません。
私の場合、画像はpng形式を使うことが多いですが、Windowsの標準設定では、png形式の画像をエクスプローラー上でダブルクリックすると、フォトで開いてしまいますが、これをペイントで開くように設定すればいいということになります。


1)[スタート]Snap191123174907.pngをクリックして、[設定]Snap191123174951.pngを開きます。


2)[アプリ]をクリックします。
Snap200618201007.png


3)左側で[既定のアプリ]を選択して、右側の「ファイルの種類ごとに既定のアプリを選ぶ」をクリックします。
Snap200618201117.png


4)左側で既定のアプリを変えたいファイルの種類を探して、右側の今既定になっているアプリの部分をクリックします。
ここでは「.png」を変えようとしていますが、「.jpg」など別の画像ファイルの形式を変えたい場合は、その形式を選択してください。
Snap200618201252.png


5)アプリを選ぶ窓が開くので、その中の「ペイント」をクリックします。
Snap200618201311.png


6)「.png」の右側が「ペイント」に変わったらOKです。
右上の[×]をクリックしてウィンドウを閉じれば作業完了です。
Snap200618201330.png


これで、エクスプローラー上で png形式の画像ファイルをダブルクリックすると、ペイントで開くようになり、右クリックから[編集]を間違えて[デスクトップの背景として設定]をクリックしてしまうことがなくなります。
ただし、フォトや他の画像表示アプリで画像ファイルを開くことが多い人は、この方法を使うと余計に面倒になってしまうので、エクスプローラーからフォトなどの画像表示アプリで開かない人限定の方法です。



にほんブログ村 IT技術ブログ フリーソフトへ

2020年05月24日

スマートホンのキャプチャーできない画面をキャプチャーする方法

パスワード管理アプリなど、安全のために画面をキャプチャーできないようにしてあるものがありますが、ブログなどで使い方の説明を書くときに、画面のキャプチャーはしたいので、その方法を調べてみました。


最近はテレワークのためにリモートデスクトップを使うことが増えてきています。
これと同じ方法でスマートホンをパソコンからリモート操作して、パソコン側に表示されたスマートホン画面をキャプチャーすればいいということになります。
パソコン同士では、Chromeリモートデスクトップで簡単にリモート操作できますが、スマートホンをパソコンからリモート操作する機能は、今のところChromeリモートデスクトップにはないようです。


そこで、今回は TeamViewer というリモート操作アプリを使います。
TeamViewer は、商用以外で個人で利用する範囲でなら無料で使うことができます。


パソコンにTeamViewerをインストールする



1)ブラウザで TeamViewer のサイトを開いて、[無料でダウンロード]ボタンをクリックします。
クリックするとダウンロードが始まります。
Snap200523170103.png


2)ダウンロードが完了すると、ブラウザ下部に「TeamViewer_Setup.exe」が表示されます。
それをクリックして実行します。


3)「TeamViewerへようこそ」の画面が開きます。
「TeamViewerの用途」の「個人/商用以外」のラジオボタンをオンにして、[同意するー終了]ボタンをクリックします。
Snap200523170600.png


4)「このアプリがデバイスに変更を加えることを許可しますか」と聞いてきますので、[はい]をクリックします。


5)インストールがはじまります。
Snap200523170906.png


6)インストールが完了すると、そのまま TeamViewer が起動します。
一旦、TeamViewer を閉じてもかまいませんが、起動したまま次のスマートホン側の作業に移ってもいいです。
Snap200523171144.png


一緒に下のような画面が開きますが、メールでお知らせを受け取るためのものなので、そのまま閉じてかまいません。
Snap200523171415.png


続けてスマートホン側の作業に移ります。


スマートホンにTeamViewer QuickSupportをインストールする



1)Playストアで TeamViewer QuickSupport を探してインストールします。


2)TeamViewer QuickSupport を起動すると、下のような画面になります。
ここに表示される「使用中のID」をパソコン側に入力することで、スマートホンとパソコンが接続できます。
Snap200523173955.png


次は、スマートホンとパソコンを接続して、パソコンで操作できるようにします。


スマートホンとパソコンを接続する



1)上の2)の TeamViewer QuickSupport を起動して表示される「使用中のID(4桁 3桁 3桁の数字)」をパソコン側の TeamViewer の「パートナーID」に入力します。
スペースは含まないで計10桁の数字を入力です。
Snap200523175234.png


2)スマートホン側の TeamViewer QuickSupport に「リモートサポートを許可しますか?」というメッセージが表示されるので、[許可]をタップします。
Snap200523173901.png


3)スマートホン側の TeamViewer QuickSupport の表示が「(コンピューター名)が使用中のデバイスに接続しました...」に変わります。
Snap200523174020.png


4)少し待つと、パソコン側の TeamViewer にスマートホンの画面が表示されます。
スマートホンの機種によっては、スマートホンの画面が表示される前に、アドインをインストールするようにメッセージが表示されるので、それをインストールします。
Snap200523172137.png


これでパソコン側の TeamViewer に表示されたスマートホン画面がマウスで操作できるようになります。
この画面で、キャプチャーできないアプリを起動して、パソコン側の機能で画面をキャプチャーすればいいということになります。
パソコン・スマートホンの通信速度があまり早くない環境では、パソコン側の TeamViewer に表示されたスマートホン画面がマウスで操作しにくい場合があります。
そのときは、スマートホン側で操作すると、その画面が同じようにパソコン側に表示される(ゆっくりですが)ので、それでもキャプチャーはできます。



にほんブログ村 IT技術ブログ フリーソフトへ

2020年03月28日

ブログ記事に見出しを入れたら、ついでにidも設定しておくとリンクが便利になります

ブログの記事で「こちらにやり方が書いてあります。」みたいなことを書いて、自分のブログの他の記事や、他の人のブログの記事へのリンクを貼ることがあります。
リンクをクリックして開いた先の記事が、参照してほしい内容だけを書いてある記事だったらいいのですが、その記事には他にもいろいろなことが書いてあって、参照してほしい部分を見つけにくい場合も少なくありません。


そんなときは、「リンク先の記事の中ほどより少し下にある見出し「〇〇〇」を参照してください。」といった書き方をすることになりますが、やはり分かりにくいかなと思います。
見出しにidを設定しておくと、リンクをクリックして開いたときに、ちょうど参照してほしい見出し部分が先頭になるように、ページを開くことができます。


見出しにidを設定する


記事の最初に目次みたいにその記事の見出しのリストを設けて、それぞれの見出しにジャンプできるようにしているのを、最近よく見かけます。
私もそれを真似して、別のブログで使っています。↓


 全体目次/平成31年版 公共建築工事標準仕様書(建築工事編)

このやり方は、見出しごとに id を設定しておいて、リンクURLの後ろにその id を加えることで、その見出し部分にジャンプできるようにしています。
見出しに id を設定するときは、↓ このように赤文字部分を書き加えます。


<h4 id="a01">見出し1</h4>
見出し1の文章

<h4 id="a02">見出し2</h4>
見出し2の文章

<h4 id="a03">見出し3</h4>
見出し3の文章

見出しのリストに貼るリンクコードには、通常のリンクコードの後ろに、「 # 」に続けて設定した id を加えます。
「 https://〜〜〜 」部分がリンク先ページのURLです。


<a href="https://〜〜〜#a01">見出し1</a>
<a href="https://〜〜〜#a02">見出し2</a>
<a href="https://〜〜〜#a03">見出し3</a>

割と簡単にできます。
この id を使えば、「リンク先の記事の中ほどより少し下にある見出し「〇〇〇」を参照してください。」というような、ややこしいことをしなくても、丁度その見出し部分を表示するリンクが貼れます。


id のルール


この id の文字列には、少しルールがあります。
1)1つの記事に同じものがあってはいけない。
例えば、1つの記事に見出しが5つあったら、その5つの id は重複しないように別の id にしないといけません。
2)使える文字は半角で、英字と数字と一部の記号
3)英字は大文字と小文字が区別される
4)最初の1文字は英字(アルファベット)


ちょっと面倒な感じを受けますが、単純に考えて、記事ごとに「a01、a02、a03、・・・」といった使い方をしておけば、間違いないです。


自分のブログにしか設定できない


当然のことですが、id を設定できるのは自分のブログだけです。
ただし、他の人のブログへのリンクを貼るときでも、そのブログに id が設定してある可能性はあります。
特に、上で書いたように、見出しのリストからジャンプできるようになっている記事であれば、id が設定してあります。


他の人のブログの id を確認する方法は、ブラウザでそのページを表示した状態で、ページ内のリンクなどが何もない部分で右クリックして、[ページのソース表示]をクリックします。
ソース表示はちょっと読みにくいですが、[Ctrl]+[F]で検索ボックスを表示して、見出し文で検索すると見つけやすいと思います。
Snap200328134444.png


自分のブログ記事の見出しにidを設定しておくと、他の人がリンクを貼ってくれるときに、そのidを利用してもらえる可能性もあります。


id付きの見出しテンプレートを作っておく


ブログの編集機能で見出しを設定して、あとでhtml編集モードで見出しごとにidを加えていくこともできますが、あらかじめid付きの見出しテンプレートを作っておくと便利です。


<h4 id="a01">◯◯</h4>
<h4 id="a02">◯◯</h4>
<h4 id="a03">◯◯</h4>
<h4 id="a04">◯◯</h4>
<h4 id="a05">◯◯</h4>

メモ帳で作成してテキストファイルで保存しておいてもいいですが、テキストを管理できるフリーソフト(下のリンクを参照)などを使うと、他のブログでよく使うコードなども一緒に管理できて便利です。


 余計な書式を持たないプレーンなテキストを管理できるWindowsアプリ

 テキストメモは、プレーンテキストにこだわる必要がなくなった

ブログ記事内の見出しの設け方は、↓ こちらを参考にしてみてください。


 ブログの記事内に見出しタグを使うときは h3 か h4 から使うのがよさそう

にほんブログ村 IT技術ブログ フリーソフトへ

2019年12月11日

ブログの記事一覧を出力する方法(案)と、その一覧の利用目的

このブログの記事数は、この記事を含めると683記事になっていて、古い記事を書き直したり、全く必要ないものは削除したりしていきたいと考えているところで、すでに少し書き直しと削除を進めています。
その作業をやっていると欲しいのが、記事の一覧表です。


ブログの管理ページには、「記事の一覧」というページがあって、そこで過去の記事を編集できるのですが、削除したものはいいとして、書き直した記事とまだやっていない記事が、見分けがつきません。
記事ごとに何かしらマークのようなものが設定できれば、それでもいいのですが、そういう機能もありません。


ネットで何か方法がないか探してみると、WordPress(ワードプレス)だと一覧を出力できるプラグインがあるようです。
他にも、HTMLやJavaScript(ジャバスクリプト)などを使いこなせれば、記事一覧を出力できるんじゃないかと想像しますが、私の実力では遠くおよびませんし、WordPress以外は方法が見つかりませんでした。
ならばしようがないと、いろいろ試して見つけたのが、記事一覧ページをコピーしてメモ帳に貼り付けて加工する方法です。


ブログの記事一覧の作り方


このブログで使っているファンブログで説明しますが、他のブログサービスでも同じようにできると思います。


1)ブログの管理画面の「記事一覧」を開いて、表示件数を最大の「100件表示」に変更します。
「記事一覧」が記事カテゴリごとに表示できるブログの場合は、カテゴリごとの一覧にすることもできます。

SC191209211403.png


2)記事のタイトルが並んでいるところを、マウスでドラッグ(左クリックしたまま移動)して、100件分選択した状態にして、コピー([Ctrl]+[C]キー同時押し、または右クリックからコピー)します。
SC191209211446.png


3)メモ帳またはテキストエディタに貼り付け([Ctrl]+[V]キー同時押し、または右クリックから貼り付け)ます。
SC191209211218.png


4)あとは、このテキストの要らない部分を削除して加工すれば、目的の記事一覧ができます。
必要なのは、日付と記事タイトルだけだと思いますが、それぞれ「,(カンマ)」で区切ってCSV形式に加工すれば、Excelに読み込むこともできます。
このあたりの加工は、マクロ機能のあるテキストエディタが使えれば、割と簡単にできそうです。
いずれにしても、少し手間はかかってしまいますが、一度一覧を作ってしまえば、その後何度もやる作業ではないので、この方法でいいかなと思います。


ブログの記事一覧の利用目的


ブログの記事一覧のテキストができると、いろいろ利用できそうだと考えています。


1)書き直した記事の把握(当初の目的です)


2)記事の賞味期限をメモ
1)と関連しますが、記事の内容によっては、何らかの時期によってまったく必要ないものになることがあります。
このブログで言えば、何周年記念の臨時サイトの紹介記事や、クリスマスなどの時期に毎年更新されるサイトの紹介記事などです。
こういった記事はメモしておいて、サイトが更新される時期に、ブログの記事も更新しておきたいところです。
賞味期限の設定は難しいですが、Windows2000やXPのときの記事とか、ファンブログのリニューアル前の記事とか、紹介したフリーソフトの公開が終了したり、紹介したウェブサイトが閉鎖されたり、といったものも、記事の更新をした方がよさそうな時期の予想が立った時にメモしておけば、記事の更新に役立ちます。


3)記事の一覧テキストを加工して、ブログに記事の目次ページを作成
ブログでどのようなテーマについて書いているかにもよりますが、目次ページを作っておくと、見に来てくれる人の役にたつ場合があります。
記事の目次ページを作る場合は、記事の一覧テキストを加工して、それぞれの記事へのリンクを埋め込まないといけないのでなかなか大変ですが、もし作るとしたら、記事の一覧テキストは役に立ちそうです。


4)カテゴリ・ラベルの整理
ブログの記事が増えてくるとカテゴリも増えてきて、過去に書いた記事のカテゴリを新しく追加したカテゴリに変更したくなることがあります。
(ブログによっては、カテゴリの代わりにラベルによって分類するものもあります)
記事数が少ないときは、どの記事のカテゴリを変更するか判断しやすいですが、記事が多くなると、なかなか判断が付きにくくなります。
記事の一覧があれば、変更した方がよさそうな記事を見つけ出しやすくなります。
記事の一覧にカテゴリを加える必要が出てくるので手間が増えますが、ここまでは是非やっておきたいところです。


5)記事公開後の更新予定をメモしておく
記事をとりあえず公開したものの、後日もう少し情報を加えたいと思いながら公開することがありますが、その後そのことをすっかり忘れてしまったりします。
そういった場合に、メモしておくと忘れなくていいかなと思います。


ブログの記事の一覧を出力する方法は、もう少しよさそうなものが見つかるかもしれません。
もし見つかったら、この記事も書き直そうと思います。
これもメモしておくことにします。



にほんブログ村 IT技術ブログ フリーソフトへ

2019年10月02日

swf2jsを使って表示したFlashがスマホ版で、はみ出さないようにする

swf2jsを使ってFlashをブログで表示する方法(概要と準備編)の最後に、さっちゃんの部屋 さんからお借りしたFlashを表示していますが、Flashを元の大きさで表示すると、スマートホン版で、はみ出してしまうので、スマートホンで、はみ出さないで表示できる大きさに縮小して設置しました。
そうすると、スマートホンで見るとちょうどいい大きさで表示されますが、パソコンでは小さく表示させているので、少し残念です。


元の大きさで表示すると、スマートホンでは ↓ こんな感じになり、画面から、はみ出してしまいます。
Screenshot_2019-09-26-20-24-51.png


Adobe Flash Player を使わず、swf2jsを使ってFlashをブログで表示する方法は、以下の記事を参考にしてください。
swf2jsを使ってFlashをブログで表示する方法(概要と準備編)
swf2jsを使ってFlashをブログで表示する方法(FC2ブログ編)
swf2jsを使ってFlashをブログで表示する方法(ファンブログ編)
swf2jsを使ってFlashをブログで表示する方法(SeeSaaブログ編)


今回は、パソコン版では元の大きさで表示して、スマホ版では画面の幅いっぱいに収まるように表示してみます。
ただし、私はHTMLやCSSの知識がイマイチなので、正しいやり方かどうかは怪しいです。
FC2ブログでのやり方で説明しますが、他のブログでも同じようにできると思います。


やり方は、使っているテンプレートがレスポンシブか、そうじゃないかで2通りになります。
レスポンシブというのは、スマートホンもパソコンも同じテンプレートで表示するもので、表示するデバイスの解像度によって、文字や画像が自動的に収まるように縮小されるものです。


使っているテンプレートがレスポンシブかどうかの確認


使っているテンプレートを選ぶときに、説明に「レスポンシブ」と書いてあればレスポンシブということになります。
テンプレートを選んだのが、ずいぶん前なのでよく分からないという人は、レスポンシブの場合は、スマートホン版の表示設定が「無効にする」になっているはずなので、そこで確認できると思います。


1)管理画面で[設定]の中の[環境設定]を開きます。
SC190927103053.png


2)[ブログの設定]の中の[スマホ版の表示設定]を開きます。
SC190927103340.png


3)「スマートホン版の表示設定」を見ます。
「無効にする」になっていればレスポンシブ、「有効にする」になっていればレスポンシブじゃないということになります。
SC190927103200.png


テンプレートがレスポンシブの場合のやり方


ブログ記事に書いた、Flashを表示するコードの最後の行に「max-width: 100%;」を書き加えます。

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 540px; height: 380px; max-width: 100%;"></div>


以上です。


テンプレートがレスポンシブではない場合のやり方


9月28日追記
以下、スタイルシート(CSS)を使ったやり方を書きましたが、上で書いた「max-width: 100%;」を書き加える方法で出来そうです。
なので、レスポンシブかどうかにかかわらず、上に書いた方法で良さそうです。

スマートホン版のテンプレートのスタイルシート(CSS)に、スマートホンで表示する場合の設定を書き加え、ブログ記事に書いたFlashを表示するコードに、スタイルシートを適用するためのコードを加えるとういうやり方になります。


1)管理画面の[設定]の中の[テンプレートの設定]を開きます。
Snap190926210359.png


2)スマートホン用の[テンプレート管理]を開きます。
もし、スマートホン用テンプレートを適用していなかったら、好きなテンプレートを選んで適用しておいてください。
Snap190926210530.png


3)「スタイルシート編集」で、一番最後に以下のコードを追加して、下の[更新]ボタンをクリックします。
「sumahosyukuso」の部分は好きな文字列に変えてもいいですが、他のCSSと重複しないものにしてください。

/* ▼ スマホ版縮小 ▼ */
.sumahosyukuso{
max-width: 100%;
height: auto
}
/* ▲ スマホ版縮小 ▲ */

Snap190926210657.png


4)ブログ記事に書いた、Flashを表示するコードの最後の行に「class="sumahosyukuso"」を書き加えます。
「sumahosyukuso」の部分が、3)で設定したCSSと同じ文字列になります。

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 540px; height: 380px;" class="sumahosyukuso"></div>


以上です。


これで、パソコンで見ると元の大きさで表示され、スマートホンで見ると画面の幅に収まった大きさで表示されるはずです。
Screenshot_2019-09-26-20-23-34.png



にほんブログ村 IT技術ブログ フリーソフトへ

2019年09月24日

swf2jsを使ってFlashをブログで表示する方法(SeeSaaブログ編)

SeeSaaブログは、JavaScriptとFlash(swfファイル)ともに、そのままでアップロードできる仕様になっていますが、記事設定などで少し工夫が必要です。


swf2jsを使ってFlashをブログで表示する方法の概要と、swf2jsのダウンロード方法などの事前準備などについては、下の記事 ↓ を参照してください。
 swf2jsを使ってFlashをブログで表示する方法(概要と準備編)


別の記事で、FC2ブログ、ファンブログでのやり方も書いていますので、参考にしてみてください。
swf2jsを使ってFlashをブログで表示する方法(FC2ブログ編)
swf2jsを使ってFlashをブログで表示する方法(ファンブログ編)


swf2jsをSeeSaaブログにアップロードする


まずは、Flashを表示するためのプログラム swf2js.js を、SeeSaaブログにアップロードします。


1)SeeSaaブログの上部メニューの中の[ファイルマネージャ]をクリックします。
Snap190922211707.png


2)「クリック、もしくはここにファイルをドロップ」のところで、言葉のとおり、クリックして swf2js.js を指定するか、swf2js.js をドラッグ&ドロップします。
Snap190922212245.png


3)そのまま少し待つとアップロードが完了し、下部のファイル一覧に swf2js.js が表示されます。
Snap190922212634.png


以上で、swf2js のアップロード完了です。


Flash(swfファイル)をSeeSaaブログにアップロードする


すでにブログ記事内にFlashを設置している場合は、swfファイルをアップロード済みですから、この作業は不要です。


新しくFlashを設置する場合は、上の swf2js のアップロード方法にならって、Flash(swfファイル)をアップロードします。


アップロードしたファイルのURLをメモ帳などにコピーしておく


ブログ記事に Flash を表示するためのコードには、上でアップロードした2つのファイル(swf2js.jsとswfファイル)のURLを入れることになります。
ここで、アップロードしたファイルのURLをメモ帳やテキストエディタなどに、コピーしておきます。


1)上の作業で、アップロード完了後に下部に表示されるファイルの一覧で、ファイルの右側の[HTML]ボタンをクリックすると、右側にコードが選択された状態で表示されます。
Snap190922214606.png


2)コードが表示されている枠内で右クリックからコピーするか、[Ctrl]+[C]キー同時押しでコピーして、メモ帳やテキストエディタなどに貼り付けます。
下の画像は、swf2js.jsと、swfファイルを、貼り付けた状態です。
Snap190922214229.png


3)コードの中のダブルクオーテーション( " )で挟まれた部分がURLなので、その部分をコピーして、下の行に貼り付けておきます。
Snap190922214306.png


4)URLの中の「 .up 」は不要なので、「 .up 」削除したURLを、下の行に貼り付けておきます。
Snap190922215402.png
「 .up 」が不要な理由は分かりませんが、「 .up 」を削除するとFlashが表示できるというのは、swf2jsの作者がswf2jsを公開している記事のコメント欄で書いてくれていました。


以上で、アップロードしたファイルのURLをメモ帳などにコピーする作業は完了です。


ブログ記事内にFlashを表示するためのコードを入れる


ブログ記事の編集画面で、[通常エディタ]ボタンをクリックしてHTML編集モードにし、下のようにコードを入れます。
Snap190923115234.png

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 324px; height: 228px;"></div>

(ここに swf2js.js のURLを入れる)と(ここに swf ファイルのURLを入れる)のところには、上でメモ帳などにコピーしておいた swf2js.jsswf ファイル のURLをそれぞれ入れます。


「width: 324px; height: 228px;」のところの数値は、表示させるFlashの幅(width)と高さ(height)に置き換えてください。
幅(width)と高さ(height)は、パソコン版の表示で大きめにすると、スマートホンで表示したときにはみ出してしまう場合があります。
スマートホン側のCSSで縮小する方法もあると思いますが、とりあえずここでは、スマートホン側でもはみ出さない大きさにしてください。


スマートホン版で、はみ出さない方法を考えました。↓
 swf2jsを使って表示したFlashがスマホ版で、はみ出さないようにする。


SeeSaaブログは、記事の編集モードが通常エディタ(HTMLモード)とリッチテキストに分かれていて、通常エディタでコードを入れますが、コードを入れた後でリッチテキストに切り替えると、どういうわけかコードの最後の行が削除されてしまいます。
そのため、リッチテキストで文章を完成させたあとで、最後に通常エディタに切り替えてコードを入れたら、そのまま投稿するようにしてください。


以上で、ブログ記事内にFlashを表示するためのコードを入れる作業は完了です。


記事の詳細設定の変更


SeeSaaブログの場合、今回のやり方でFlashを表示する記事では、一部設定を変更する必要があります。
[記事の詳細設定]の[編集機能]の[URL補完]を、「補完しない」に変更してください。
Snap190923132300.png

PCプレビュー、スマホプレビューで、設置したFlashの動作が確認できます。


swf2jsを読み込むためのコードをHTMLに入れられない


上のFlashを表示するためのコードの1行目は、swf2jsを読み込むためのコードです。
この部分は、通常は記事内に入れずにHTMLに入れることもできますが、SeeSaaブログの場合は、スマートホン用のHTMLは編集できないので、swf2jsを読み込むためのコードも、各記事内に入れることになります。


画質を上げるオプション


高画質だと結構CPUとメモリを消費するため、標準では75%-80%程度縮小し、少し画質を下げているそうです。
上の説明で書いたコードは、高画質にするための「, quality: "high"」を加えているので、くっきり表示されます。
swf2js.js の作者によれば、「表示や動作を見ながら設定してもらえればと思います。」とのことです。
CPUとメモリの消費を抑えたい場合は、コードの中の「, quality: "high"」を削除してください。

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 324px; height: 228px;"></div>



にほんブログ村 IT技術ブログ フリーソフトへ

2019年09月23日

swf2jsを使ってFlashをブログで表示する方法(ファンブログ編)

ファンブログは、JavaScriptはそのままアップロードできる仕様になっていますが、Flash(swfファイル)はそのままではアップロードできないので、少し工夫が必要でした。



swf2jsを使ってFlashをブログで表示する方法の概要と、swf2jsのダウンロード方法などの事前準備などについては、下の記事 ↓ を参照してください。
 swf2jsを使ってFlashをブログで表示する方法(概要と準備編)


別の記事で、FC2ブログ、SeeSaaブログでのやり方も書いていますので、参考にしてみてください。
swf2jsを使ってFlashをブログで表示する方法(FC2ブログ編)
swf2jsを使ってFlashをブログで表示する方法(SeeSaaブログ編)


swf2jsをファンブログにアップロードする


まずは、Flashを表示するためのプログラム swf2js.js を、ファンブログにアップロードします。


1)管理画面の上部メニュー[画像管理]を開いて、「クリック、もしくはここにファイルをドロップ」のところで、言葉のとおり、クリックして swf2js.js を指定するか、swf2js.js をドラッグ&ドロップします。
Snap190922101623.png


2)そのまま少し待つとアップロードが完了し、下部のファイル一覧に swf2js.js が表示されます。
Snap190921191850.png


以上で、swf2js のアップロード完了です。


Flash(swfファイル)をファンブログにアップロードする


ファンブログは、そのままではFlash(swfファイル)をアップロードできないので、エクスプローラでswfファイルの拡張子(swf)を編集して(js)にします。
拡張子を変えることで、ファンブログにアップロードできるJavaScriptのふりをしてアップロードするわけです。
中身が変わっているわけではないためか、これでもちゃんと表示できます。
Snap190921192023.png
  
Snap190922104520.png


あとは、上の swf2js のアップロード方法と同じように、拡張子を js に変えたFlash(swfファイル)をアップロードします。


アップロードしたファイルのURLをメモ帳などにコピーしておく


ブログ記事に Flash を表示するためのコードには、上でアップロードした2つのファイル(swf2js.jsと拡張子を js に変えたswfファイル)のURLを入れることになります。
ここで、アップロードしたファイルのURLをメモ帳やテキストエディタなどに、コピーしておきます。


1)上の作業で、アップロード完了後に下部に表示されるファイルの一覧で、ファイルの右側の[HTML]ボタンをクリックすると、右側にコードが選択された状態で表示されます。
Snap190922104755.png


2)コードが表示されている枠内で右クリックからコピーするか、[Ctrl]+[C]キー同時押しでコピーして、メモ帳やテキストエディタなどに貼り付けます。
下の画像は、swf2js.jsと、拡張子を js に変えたswfファイルを、貼り付けた状態です。
Snap190921192902.png


3)コードの中のダブルクオーテーション( " )で挟まれた部分がURLなので、その部分をコピーして、下の行に貼り付けておきます。
Snap190921192936.png


4)URLの前半が省略されているので、自分のブログのURLをコピーして、URLの前に貼り付けます。
Snap190921193029.png


以上で、アップロードしたファイルのURLをメモ帳などにコピーする作業は完了です。


ブログ記事内にFlashを表示するためのコードを入れる


ブログ記事の編集画面で、[HTML表示]ボタンをクリックしてHTML編集モードにし、下のようにコードを入れます。
Snap190922112200.png

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 324px; height: 228px;"></div>

(ここに swf2js.js のURLを入れる)と(ここに swf ファイルのURLを入れる)のところには、上でメモ帳などにコピーしておいた swf2js.jsswf ファイル のURLをそれぞれ入れます。


「width: 324px; height: 228px;」のところの数値は、表示させるFlashの幅(width)と高さ(height)に置き換えてください。
幅(width)と高さ(height)は、パソコン版の表示で大きめにすると、スマートホンで表示したときにはみ出してしまう場合があります。
スマートホン側のCSSで縮小する方法もあると思いますが、とりあえずここでは、スマートホン側でもはみ出さない大きさにしてください。


スマートホン版で、はみ出さない方法を考えました。↓
 swf2jsを使って表示したFlashがスマホ版で、はみ出さないようにする。


以上で、ブログ記事内にFlashを表示するためのコードを入れる作業は完了です。


投稿の詳細設定の変更


ファンブログは、記事の編集モードがHTMLモードと通常モードに分かれていない、ちょっと特殊な編集モードになっています。
そのため、今回のやり方でFlashを表示する記事では、一部設定を変更する必要があります。

1)[投稿]などのボタンの上にある[詳細設定を開く]ボタンをクリックします。
Snap190922113431.png


2)改行タグ変換を「改行を<br />タグに変換しない」に変更して、URLに自動でリンクを付けるを「無効」に変更します。
Snap190922113556.png


詳細設定の変更はこれだけですが、この変更によって、記事内で[Enter]で改行した部分に自動で<br />タグが入らなくなります。
そのため、Flashを設置した記事の文章部分は、改行したい部分に自分で<br />タグを入れておく必要があります。
(Flashを表示するコード部分は、<br />タグを入れません)


また、プレビューでは設置したFlashが表示されないので、投稿してからその記事を見るまで、Flashがちゃんと表示されるか確認ができません。


swf2jsを読み込むためのコードをHTMLに入れられない


上のFlashを表示するためのコードの1行目は、swf2jsを読み込むためのコードです。
この部分は、通常は記事内に入れずにHTMLに入れることもできますが、ファンブログの場合は、スマートホン用のHTMLは編集できないので、swf2jsを読み込むためのコードも、各記事内に入れることになります。


画質を上げるオプション


高画質だと結構CPUとメモリを消費するため、標準では75%-80%程度縮小し、少し画質を下げているそうです。
上の説明で書いたコードは、高画質にするための「, quality: "high"」を加えているので、くっきり表示されます。
swf2js.js の作者によれば、「表示や動作を見ながら設定してもらえればと思います。」とのことです。
CPUとメモリの消費を抑えたい場合は、コードの中の「, quality: "high"」を削除してください。

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 324px; height: 228px;"></div>


にほんブログ村 IT技術ブログ フリーソフトへ

2019年09月22日

swf2jsを使ってFlashをブログで表示する方法(FC2ブログ編)

FC2ブログはJavaScript、Flash(swfファイル)ともに、そのままアップロードできる仕様になっているので、あまり迷わずに設置できました。


swf2jsを使ってFlashをブログで表示する方法の概要と、swf2jsのダウンロード方法などの事前準備などについては、下の記事 ↓ を参照してください。
 swf2jsを使ってFlashをブログで表示する方法(概要と準備編)


別の記事で、SeeSaaブログ、ファンブログでのやり方も書いていますので、参考にしてみてください。
swf2jsを使ってFlashをブログで表示する方法(SeeSaaブログ編)
swf2jsを使ってFlashをブログで表示する方法(ファンブログ編)


swf2jsをFC2ブログにアップロードする


まずは、Flashを表示するためのプログラム swf2js.js を、FC2ブログにアップロードします。


1)管理画面の左側のメニュー[ホーム]の中の[ファイルアップロード]を開きます。
SC190920170905.png


2)[ファイル選択]ボタンをクリックして swf2js.js を指定するか、「ここにファイルをドロップできます。」のところに swf2js.js をドラッグ&ドロップします。
SC190920171255.png


3)「アルバムに追加」と「サムネイル」は必要ないので、チェックを外して、[アップロード]ボタンをクリックします。
SC190920171419.png


4)「ファイルをアップロードしますか?」のメッセージが出た場合は、[OK]ボタンをクリックします。
SC190920171732.png


5)アップロードが完了したら、下部のファイル一覧に swf2js.js が表示されます。
SC190920171848.png


以上で、swf2js のアップロード完了です。


Flash(swfファイル)をFC2ブログにアップロードする


すでにブログ記事内にFlashを設置している場合は、swfファイルをアップロード済みですから、この作業は不要です。


新しくFlashを設置する場合は、上の swf2js のアップロード方法にならって、Flash(swfファイル)をアップロードします。


アップロードしたファイルのURLをメモ帳などにコピーしておく


ブログ記事に Flash を表示するためのコードには、上でアップロードした2つのファイル(swf2js.jsとswfファイル)のURLを入れることになります。
ここで、アップロードしたファイルのURLをメモ帳やテキストエディタなどに、コピーしておきます。
上の作業で、アップロード完了後に下部に表示されるファイルの一覧で、「ファイル情報」の下段の枠内にあるのがURLです。


枠内をクリックするとURLを選択した状態になるので、右クリックからコピーまたは、[Ctrl]+[C]キー同時押しでコピーして、メモ帳やテキストエディタなどに貼り付けます。
SC190920172609.png


ブログ記事内にFlashを表示するためのコードを入れる


ブログ記事の編集画面で、[HTML表示]ボタンをクリックしてHTML編集モードにし、下のようにコードを入れます。
Snap190921210549.png

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>
<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1"});
</script>
<div id="test1" style="width: 324px; height: 228px;"></div>

(ここに swf2js.js のURLを入れる)と(ここに swf ファイルのURLを入れる)のところには、上でメモ帳などにコピーしておいた swf2js.jsswf ファイル のURLをそれぞれ入れます。


「width: 324px; height: 228px;」のところの数値は、表示させるFlashの幅(width)と高さ(height)に置き換えてください。
幅(width)と高さ(height)は、パソコン版の表示で大きめにすると、スマートホンで表示したときにはみ出してしまう場合があります。
スマートホン側のCSSで縮小する方法もあると思いますが、とりあえずここでは、スマートホン側でもはみ出さない大きさにしてください。


スマートホン版で、はみ出さない方法を考えました。↓
 swf2jsを使って表示したFlashがスマホ版で、はみ出さないようにする。


以上で作業完了です。
記事編集画面下にある[プレビュー]ボタンをクリックすると、Flashの動作が確認できます。


swf2jsを読み込むためのコードはHTMLに入れてもいい


上のFlashを表示するためのコードの1行目は、swf2jsを読み込むためのコードです。
この部分は、記事内に入れずにHTMLに入れることもできます。
HTMLに入れてしまえば、各記事内ではこの1行を入れなくていいので、少し効率がいいと思いますが、逆にswf2jsを読み込む必要がないページを見るときも、swf2jsが読み込まれるのかもしれません。
このあたりのことは、私には今のところよく分かりません。


ブログサービスやテンプレートによっては、パソコン用のHTMLを編集できても、スマートホン用のHTMLは編集できないという場合もあるので、swf2jsを読み込むためのコードも、各記事内に入れることにした方が、簡単かもしれません。


swf2jsを読み込むためのコードをHTMLに入れたい場合は、パソコン用のHTMLであれば、やり方は以下のようになります。


1)管理画面の左側のメニュー[設定]の中の[テンプレートの設定]を開き、使っているテンプレートのHTML/CSSの[編集]をクリックして開きます。
SC190920172907.png


2)開いたHTMLの最初の方にある <head> と </head> の間に、下記のコードを挿入します。
</head> の前の行に入れるのがいいと思います。
SC190920173209.png

<script type="text/javascript" src="(ここに swf2js.js のURLを入れる)"></script>


画質を上げるオプション


高画質だと結構CPUとメモリを消費するため、標準では75%-80%程度縮小し、少し画質を下げているそうです。
高画質にするためには、下のように「, quality: "high"」を加えると、くっきり表示されます。
swf2js.js の作者によれば、「表示や動作を見ながら設定してもらえればと思います。」とのことです。

<script type="text/javascript">
swf2js.load("(ここに swf ファイルのURLを入れる)", {tagId: "test1", quality: "high"});
</script>
<div id="test1" style="width: 540px; height: 380px;"></div>



にほんブログ村 IT技術ブログ フリーソフトへ

2019年09月21日

swf2jsを使ってFlashをブログで表示する方法(概要と準備編)

Flashはネット上で多くの人に利用されてきましたが、Adobe Flash Player の脆弱性の問題から、HTML5への移行が進められています。
Google Chrome の場合、Flash Player のサポートも2020年12月で終了しますし、現状でも Flash Player をブロックする設定にしておかないと、ちょっと面倒くさい状態になっています。
参考に ↓
 「Flash Player のサポートは2020年12月で終了します」が表示されないようにする

他のブラウザでも、そのままでは表示されない仕様になっている場合が多く、いずれはどのブラウザでも Flash Player が動作しなくなると思われます。

概要


フリーで公開されているFlashや自作のFlashを、ブログなどに設置している人は少なくないと思います。
それをすべてあきらめてしまうのは、あまりに惜しいので、HTML5で表示できる形式に変更する方法を考えないといけませんが、なかなか良さそうな方法が見つかりません。

そんな中で見つけたのが、JavaScript製FlashPlayer(swf2js)でFlashをそのままHTML5に変換するというものです。
簡単に言うと、ブログ側で swf2js を設置して、Flashを表示する部分のコードを変更すれば、そのままFlashが表示できるということです。
Adobe Flash Player を使わないので、ブラウザ側で Flash Player をブロックした状態でも、ブログに設置したFlashを見てもらうことができます。
おそらく現状で、最も手間をかけないで Flash を表示させられる方法だと思います。

以下、swf2js を使ってFlashをブログで表示するための準備を説明していきます。

エクスプローラーでファイルの拡張子を表示させる


Windowsの標準設定では、エクスプローラーでファイルの拡張子が表示されていないと思いますが、説明を分かりやすくするためと、Flashを設置ブログによっては拡張子を変更する必要があるため、拡張子を表示する設定にしておいてください。

エクスプローラーの[表示]タブを開いて、「ファイル名拡張子」のチェックを入れると、拡張子が表示されます。
ファイル名の後ろの「.zip」「.xlsx」などが拡張子で、たいてい3文字か4文字です。
SC190920150558.png

swf2jsをダウンロードする


ダウンロードの作業になれている人は特に読む必要はないですが、簡単に説明しておきます。

1)swf2jsの作者ienagaさんのQiitaのページを開きます。
ブラウザで下のリンクをクリックするとページが開きます。
 JavaScript製FlashPlayer「swf2js」swfをそのままHTML5に変換。 - Qiita

2)完成品のところにある「swf2js/swf2js」をクリックします。
SC190920143904.png

3)開いたページの[Clone or download]ボタンをクリックします。
SC190920144755.png

4)[Download ZIP]をクリックすると、ダウンロードが始まります。
SC190920145332.png

5)ダウンロードしたファイルは、「ダウンロード」フォルダに swf2js-master.zip というファイル名で入っています。
これは圧縮ファイルになっていますので、展開(解凍)しておきます。
Windows10での展開方法は、↓ こちらを参考にしてください。
 121ware.com > サービス&サポート > Q&A > Q&A番号 018844

6)swf2js-master.zip を展開すると、swf2js-master というフォルダができて、その中に swf2js.js というファイルがあります。
これがFlashを表示するためのプログラム(JavaScript)です。

以上で、準備完了です。

Qiitaの記事のコメント欄について


swf2jsを公開されているQiitaの記事 JavaScript製FlashPlayer「swf2js」swfをそのままHTML5に変換 では、コメント欄で作者による丁寧な説明が書かれています。
とても参考になるので、コメント欄も読んでみることをおすすめします。

ただし、記事の最後にも書いてありますが、現在はその記事のコメント欄では返事を書かないで、株式会社SONICMOOV で製品として問い合わせを受け付けているそうです。

設置テストのためにお借りしたFlashのことなど


記事を書くにあたってテストで使ったFlashは、ブログ友達のさっちゃんさんにお借りしました。


下部の水色の花をクリックすると、障子が開き、景色が変わります。
左右2つの花で景色が違うので、試してみてください。

さっちゃんさんは、同じswf2jsを使ってFlashを表示する方法で、他にもいくつか自作のFlashを公開されていますので、参考にしてみてください。
右サイドバーのカテゴリ「フラッシュでお遊び♪」にあります。

実際にブログに設置する方法の詳細は、私が試せるFC2ブログ・ファンブログ・SeeSaaブログの場合について、別の記事で順に書いていきます。

FC2ブログに設置する方法の詳細

ファンブログに設置する方法の詳細

SeeSaaブログに設置する方法の詳細

swf2jsを使って表示したFlashがスマホ版で、はみ出さないようにする

にほんブログ村 IT技術ブログ フリーソフトへ

2019年08月06日

ブログのリンクを新しいタブで開かせる「 target="_blank"」は、余計なお世話なのか

ブログの記事内に参照先のリンクを埋め込むとき、URLの後ろに「 target="_blank"」を付け加えると、リンクをクリックしたときに新しいタブで開きます。
これまで私は、新しいタブで開いてもらうように、必ず「 target="_blank"」を付け加えていました。
リンクは、元の記事を読んでいるときに、ちょっと参照するためのもので、たいていは元の記事に戻りたいはずなので、その方が便利だろうと考えていたからです。


そう考えていたから、他の人のブログやWebサイトでリンクをクリックしたときに、同じタブでリンク先が表示されたときは、どうして「 target="_blank"」を入れてくれていないのだろう、不便だなと思っていました。


ところが最近、この「 target="_blank"」は余計なお世話かもしれないと、思うようになりました。
ブログを見てくれる人にとって、「 target="_blank"」はない方がいいのではと。



「 target="_blank"」はない方がいいと思ったきっかけ


スマートホンのブラウザは、Sleipnir Mobile を使っています。
Sleipnir Mobile はパソコンのブラウザのようなタブの使い方なので、とても使いやすいからです。
SC190805170822.png
ところが、自分のブログのリンクのチェックのために、リンク部分をタップしてみると、「 target="_blank"」を入れているのに、新しいタブで開かないで同じタブでリンク先が表示されてしまいます。
Sleipnir Mobile の設定ミスなんじゃないの?
一瞬そう思いましたが、少し考えて、Sleipnir Mobile には Hold and Go という機能があるからだろうと、気付きました。
Hold and Go は、リンク部分をロングタップ(長押し)すると、新しいタブで開く機能です。
つまり、「 target="_blank"」があろうと、なかろうと関係なく、読者側が自由に開き方を決められるわけです。


そもそも、ネット上のリンクには「 target="_blank"」が設定してあるものもあれば、設定していないものもあって、クリックしてみるまでどちらか分からないので、Sleipnir Mobile のリンクの開き方はまったく正しいと言えます。


他のブラウザだとどうかというと、Sleipnir Mobile と同じようなことはできそうです。
スマホ版の Google Chrome だとロングタップでメニューが開いて、そのメニューの中に「新しいタブで開く」があるので、Sleipnir Mobile より劣るとしても、大差はありません。
パソコンのブラウザだと、[Shift]キーを押しながらクリックすると、新しいタブで開くことができます。
つまり、読者側が新しいタブで開きたければ、「 target="_blank"」がなくても、方法はあるわけです。


逆に、新しいタブで開きたくないときがあったとしたら、「 target="_blank"」が設定してあったら、それを回避する方法がない。
リンクを同じタブで開いたとしても、元のページに戻りたければ[戻る]ボタンをクリック(またはタップ)すればいいだけなので、新しいタブで開きたくない場合もあるはずです。


だとすれば、「 target="_blank"」は設定しない方がいいということになります。


ブログエディタでの「 target="_blank"」のあつかい


各ブログサービスのエディタでリンクを設定するときは、基本的には「 target="_blank"」は付けることもできるし、付けないこともできるようになっています。


SeeSaaブログでは、リンクを設定するときに、「 target="_blank"」を付けるかどうか選択するようになっていて、付けない方が選択された状態になっていますが、簡単に変更できます。


Blogger でも、同様に「 target="_blank"」を付けるかどうか選択するようになっていて、付ける方にチェックが入っていますが、簡単にチェックが外せるようになっています。


ここファンブログでは、自動的に「 target="_blank"」が付いたコードが挿入されますが、挿入されたコードの「 target="_blank"」部分を削除すればいいだけなので、どちらでもできると言えます。


でもやはり「 target="_blank"」を設定した方がいいかも


「 target="_blank"」設定の是非についてネットで検索してみると、意見は2つに分かれていることがわかります。
ある程度ブラウザの機能を知っている人なら、新しいタブで開く方法を知っているから、「 target="_blank"」はない方がよいと書いている人がいる一方で、何で「 target="_blank"」を設定してくれていないんだ、不便でしょうがないという意見もあります。


合理性で言えば、上の方で書いたように、「 target="_blank"」は設定してない方がいいということになると思います。
でも、本当にそれでいいのでしょうか。


Google の見解やHTMLの作法という点では、「 target="_blank"」についてどうしろという記述は見当たりません。
あとは基本に立ち返って、読者にとってどちらが便利なのかという視点で考える必要がありますが、それにしても、両方の意見があるわけです。
困りました。


ここで、ちょっと乱暴に「自分だったらどっちがいいか」で考えてみると、私の場合は「 target="_blank"」は設定しておいてほしいと思います。
リンク先を新しいタブで開く方法も知っているけど、リンクを開くときに常に「このリンクは別タブで開きたい」とか「このリンクは同じタブで開こう」とか考えながら、クリックしているわけではありません。
リンクをクリックしたら同じタブで開いてしまったから、「「 target="_blank"」設定してないのかぁ〜」と思いながら、[戻る]ボタンで元のページに戻って、リンクを開きなおすこともあります。
やはり、「 target="_blank"」は設定しておいてほしいと思います。


それに、考えてみると、「 target="_blank"」の有無にかかわらず新しいタブで開く方法を知っているようなユーザーなら、新しいタブで開いてしまったページや、不要になった元のページを簡単に閉じる方法も知っているはずです。
「 target="_blank"」が設定してあることに、不満は感じないんじゃないでしょうか。


前半では「 target="_blank"」は要らない、余計なお世話というようなことを書いておきながらですが、最終的には、やはり「 target="_blank"」が設定してあった方がいいという考えに変わってしまいました。


「 target="_blank"」の使い分け


「 target="_blank"」の是非についてネットで調べているときに、外部リンクは「 target="_blank"」を設定して、内部リンクは「 target="_blank"」を設定しないという使い分けがよいと書いているものがありました。
(内部リンクは自分のブログの他の記事へのリンクで、外部リンクは自分のブログじゃない他のブログやサイトへのリンクです)


私の考えは少し違っていて、外部リンクだろうと内部リンクだろうと「 target="_blank"」は設定してあった方がよいと考えています。
唯一「 target="_blank"」が設定してない方がいいかなと思うのは、見出しを設けて長い文章を書いたときに文頭に目次を設けた場合です。
(この記事にも試しに作ってみました)
この場合だけは、さすがに「 target="_blank"」がない方がいいかなと思います。


ちなみに、このブログには記事の先頭に戻るためのボタンを右下に設置しているので、目次に戻ることは簡単ですが、ボタンを設置していないブログでも[Home]キーを押せば記事の先頭に戻ることはできます。


ブラウザ側の設定で「 target="_blank"」を無視できればいいのでは


それでもやはり「 target="_blank"」がない方がいいという人がいるのも、無視できません。


となると、ブラウザ側が Sleipnir Mobile のように、「 target="_blank"」を無視できるようになっていれば、いいのではないでしょうか。
もちろん「 target="_blank"」があった方がいいという人もいるので、設定でどちらでもできるように。


もしかしたら、すでにそういう機能のあるブラウザもあるかもしれないし、拡張機能(プラグイン・アドオン)にそういうものがあるかもしれません。
これについては、別に調べてみました。


 「 target="_blank"」問題から解放してくれる Google Chrome 拡張機能



にほんブログ村 IT技術ブログ フリーソフトへ
ブログ内を検索
ファン

最新記事
カテゴリー
最新コメント
ツイッター
広告設置のお知らせ

当ブログは、Amazonアソシエイト・プログラムの参加者です。
(Amazonアソシエイト・プログラムは、amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムです)
記事内で使用している画像の一部は、Amazonの商品画像を使用しており、その商品へのリンクになっています。

また、その他のアフィリエイト・サービス・プロバイダなどの広告も表示しています。
当ブログをご覧の際は、cookie を有効にし、Webブラウザの広告ブロック機能を使用しないで、ご覧いただきますようにお願いいたします。

プロフィール
ぽん太親父さんの画像
ぽん太親父
建築関係の小さな事務所で、他に適当な人間がいないことから、コンピューター関連の担当をさせられています。 趣味でけっこう長い間パソコンを使っていますが、ちゃんと勉強していないので、うまくいかなくて冷や汗をかくこともしばしば。
プロフィール