あなたのSo-netブログのプロフィールを日英2ヶ国語のバイリンガルまたは3ヶ国語トリリンガル化に自動変換するページ

Blog.jpg  [電話]
加筆日時
ロシア語_2014/11/5
23:30
ポルト
ガル語
_
2014/11/4
23:40
動作
環境
_
2014/11/4
21:10
リンク
中国語
_
2014/11/4
13:00
 So-netに対してアカウント数は1つしか所有していませんが、わたしは5つのブログを、ここ So-netブログで拓いています。 つまり5つのプロフィール画面を持っています。 プロフィール画面をみなさんは、どう思われますか? 便利ですか? 活用していますか? わたしは、ブログのトップページから続く本文記事の多国籍バイリンガル化努力をサブブログで鋭意、遅々と行っていますが、それは HTML全体の変更を許して頂いているので着々と、遅々と進んでおります。 すると問題は HTML編集を許可されていない「プロフィール」ページです。 別のサイトで「プロフィール」をバイリンガルで公開するのも手ですが、折角の「So-netブログの世界」で、自分の「プロフィール」ページを多言語化してみます。
zoomable
Featured Image Zoomer サンプル
_ _
 以下文中「プロフ」とは「プロフィール」を示します。
 左の画像は「米国Yahoo!」での「So-net Ujiki.oO profile」検索結果です。 わたしが載っています。 みなさんのプロフィール画面のURLも他国の各検索サーバーに載っているに違いありません?! ロシア、韓国、中国などの検索サイトにも出ていませんか?
ニックネーム名: ここに米国Yahoo!での検索リンク文字が表示されます。 上の小さな白色の入力ボックスにあなたの So-net ブログで利用している「ニックネーム」を入力して「Enter」キーを押してください。 米国Yahoo!検索用のリンク文字が現れます!
 海外の方から「どうせSo-netブログに訪問しても文字化けブログだよね!排他的な日本人専用サイトだよね!(外国語会話!笑;)」の刷り込みを国際的な落胆の常識化させない努力が必要かなと感じたりします。(笑) もっとブログを始める最初に考慮しておけば米国Yahoo!検索ロボットに美味い情報を喰わせる事が出来たのかも・・・・・(爆笑)

以下の畳まれた記事を全て表示する

非表示にする
多言語プロフページのご紹介

※ 意味不明なメニューがありましたら、ご教授願います。
また実装されたオーナー様は「TB記事」なりトラックバック下さるか、
コメント下されば是非掲載します!
実際に、わたしのブログで機能しております (^^)/~

バイリンガル / トライリンガル
So-netブログ プロフィール

2014/11/05 現在
2014/11/04 現在「仏日英」では iPhone で正常動作しません。 後学の為に現在放置しております。 詳しくは「動作環境_」をご覧願います。
2014/10/29 現在、「日英韓」と「日英仏」だけですが、「日英中」などを追加する予定です。 2014/11/04 現在、「韓日英」と「仏日英」に加えまして、「中日英」と「ポルトガル語(ブラジル)+日英」を加えました。 2014/11/05「露日英」を追加しました。 これで7ヶ国語のプロフを用意できました。 このまま、5つのプロフ(プロフィール)画面で日本語を含めて7ヶ国語のプロフ遅々と完成させる予定ですしました。(笑) 完成といいましても、固定文字だけの多言語化です。 管理ページでいつでも変更できる自由定義文字は後からです。(大笑)
※ 次なるステップは管理ページで行える自由定義できるデーターの共通埋め込み作業です。 音源再生も iPhone などを含めた全ての機器で再生できることを目指します。(笑)

この記事で行いたいこととは

So-netブログのプロフィール画面の固定メニューのみを多国語化します。 工程はたったの3ステップ。 管理画面で自由に入力できる情報は「いつでも」変えれます。 目指すのは「固定文字のメニューの多言語化」です! 勿論、みなさんが自由入力可能なデーターも簡単な書式に変更するだけで、いつでも新しい多言語表現を実現させます。 つまり、3ステップの工程は1つのプロフィールに対して1度だけです。 2ヶ国語(日本語/英語)で良ければ(これでも充分だと思います)、たったの4箇所を定義するだけで埋め込み型の一行Javaスクリプトを自動生成しますので、誰でも等しく実現できます。 簡単に2ヶ国語(日本語/英語)化できます。 その後は埋め込んだ Javaスクリプトの編集は全く無用です。 全て So-netブログの管理ページで情報の変更・修正が可能です!!

非表示にする
お決まりごと(笑)とQ&A

  • このページの記事内で、どのボタンを押しても、どのリンク文字を押しても、
    • いっさいのアフィリエイトサイトへの誘導はありません!
    • 彼の地のサーバーへデーターを送信する事は皆無です!
    • 全ての処理はみなさんのブラウザーが、 JavaScript の機能だけで処理します。 つまりみなさんのパソコンが行う技です。
      ★ 古いブラウザーでの正常動作は保証出来ません!
    • 「えっ!わたしのプロフ(プロフィール)の全ソースをコピペ?!」で心配ですか? みなさんのプロフィールページは公開情報ですよ(微笑)
    最終処理のプロセスを司る JavaScript は最後のボタンを押した際に初めて「追加読み込み」通信され処理を実行します。 これは受信するだけです。
  • 生成された JavaScript コードも、一切、外部との通信は行いません! 安心してご利用願います。
     わたしとしては、隠したい位に超恥ずかしいです。 「なーんだ、これは、低レベルだなあ~」と笑われることを覚悟で、ソース大公開でご提供しているわけです。 近くにパソコンのプロがおられたら、生成された JavaScript コードを見せて戴いて結構ですよ。 本当に「素っ裸」で街を歩いている気分ですけど・・・・(笑)
  • Q&A
    • 非表示にする
      Q:なぜ英語なのですか
      A:特殊文字を含まない半角英数字であれば英語に固執しませんが・・・
       まず「日本語は外せません」で良いですよね。 「日本語メニューを全てマスクしたい!」と言う意見はありますか? 次に、何故「英語」にするのかですが、あらゆる環境下で「文字化け」しないで正常に、あらゆる相手に表示できる文字種が、特殊文字を含めない「半角英数字であるからです。 「たった一度の訪問」のチャンスに「文字化け」したのでは「再訪問」のチャンスは「ゼロ」となります。 相手の端末で「日本語」を表示できない可能性があり、相手の端末で「日本語」が化けてしまう可能性があります。 そんなギャンブルではなく、100%正常に表示する意味で特殊文字を含めない「半角英数字」である「英語」表示を志向(指向)します。 遠い外国の小学生が「先生!面白そうなんですけど、先生はこのブログ読めますか?」「なになに、(さっぱり分からない!糞だわ)別の検索結果を辿りなさい!」「ハーーーイ」(爆笑)
      ※ だから、「英語メニュー」を表示する事は急がれるべきこととして、最低限の配慮ではないかなと存じます。 訪問者の為に「日本語と英語」のバイリンガル対応は行ってみてください。 あなたの海外の友人や親戚の為に母国語に対応したトライリンガル対応にしてみてください。
    • 非表示にする
      Q:なぜソースをコピペするの
      A:全訪問者に対して高速表示を優先するからです。
       何も公開しないブログ・オーナーもおいでです。 その場合は無駄な処理を省きます。 全ての項目を公開されているブログ・オーナーもおいでです。 その場合はプロセスは増えますが全ての項目の固定メニューも置き換えたい選択固定メニューもプロセスに追加されます。 例えば選択固定である「性別」「出身地」など、また限定的な「ホームページURL」などなども「非公開」ならプロセスを省きます。 全ての訪問者に対して無用な処理をさせない為に「公開と非公開」を判断する目的で、ソースの分析が重要です。 だから、ブログ個々のソースが必要です。
    • 非表示にする
      Q:プロフのURL指定だけでは駄目なのですか
      A:あえて「コピペ」で対応します。
       プロフページURLを指定して読み込む手法は、とてもスマートです。 しかし「何か不安」を覚える方もおいででしょう。 手数は掛かりますが「コピペ」式でお願い致します。 何かトラブルが発生した場合に、「So-netさんのソースが変わったみたいです!」との情報を是非期待します。 わたしが生きており、痴呆に至っていなければ・・・・新たな「変換」プロセッサーを提供したいです。(笑)
    • 非表示にする
      Q:出来合いのスクリプトの配布は無いのですか
      A:考えていません。
       プロフ管理の「公開」「非公開」の組み合わせが多数の種類となるからです。 ここで「全公開」用のスクリプトを配布することは「高速処理」を断念してしまうこととなります。 よって、出来合いのスクリプトの配布は致しません。 但し、あなたさまの判断で、取得した1つのスクリプトを他のご自分のプロフでも流用することは可能です。 一度、サブ・ブログのプロフで様々な実験を試みてください。 「理屈」を知ることは近道となります。(微笑)
    • 非表示にする
      Q:1つのプロフで4ヶ国語以上の切り替えは可能ですか
      A:サポート対象外です。済みません。
       わたしの能力の限界を超えています。(爆笑)
       So-netブログさんは「追加4つまでのブログ増殖」を許可されておいでです。 「良し」「悪し」は別として、「5つまでのプロフ」を持つこととなります。 同一オーナーが別人を装うことが無い限り(笑)、同一オーナーとして同じプロフを5サイト所有することとなります。 同一オーナーですので「全く同じプロフ」を5つコピーするのなら、「日英」とは別に、任意の言語を5つ持てます。 都合「日本語」を含めて「7ヶ国語」のプロフィールを持てます。 それぞれの「プロフ」での高速処理を重視し、「1プロフ:最大3カ国」でも良いと結論付けました。 後は「フリースペース」の記事の前半にでも「7ヶ国語に対応している」ことをアナウンスして、4ヶ国語のリンクを「フリースペース」に配置すれば良いのではと考えています。 さて、「8ヶ国語以上の要望」って、ございますでしょうか?(微笑)

非表示にする
実装するメリット、手順など

  1. So-netサーバーへの負担が無い。つまり高速です!(笑)
     サーバーサイドプロセスで多言語を実現しているサイトが多いです。 そうなりますと「言語を選択し直す度にWebサーバーとの通信が起きる」システムですのでストレス無く言語が切り替わりません。 これでは「重い、遅い」時間帯、So-netブログでは特に困難です!
     この記事で実現する機能とは、1度だけのインターネット通信のみで実現します。 だから言語選択による待たされる時間はありません! わたしの古いパソコンでも瞬時に切り替わります!(大笑)
  2. 日本語環境ではない環境からでも英語(半角英数字)ページとして完全完璧に文字化けしないで世界中の誰でも読める!
    国旗をクリックするといつでも高速に表示言語が切り替わる。
  3. 限定された情報以外を配信できる
    1. 性別も任意の文字指定可能
    2. 出身地も任意の文字指定可能
      これで海外でお生まれになった多くの方も公開できます。
    3. ホームページの複数指定可能
      + それぞれのリンク文字で判り易く
      + 多言語リンク文字をサポート
    4. 全角文字のニックネーム
      文字化けする場合が起こりえます。 「英語メニュー」用に半角英数字化しましょう。 ニックネームが文字化けしたら相手は対話に困ってしまいます。(笑)
  4. 「公開」「非公開」は優先されます! 後から好きなタイミングで「非公開」化が可能です!
     So-netブログのルールを尊重します。 但し「高速処理の為の時間」を最優先する意味において、以下に流し込むソース内の「非公開」情報を多言語範囲外として無視しますのでご注意願います。

非表示にする
仕様

  1. 実装後もプロフ管理(So-netブログ管理ページ)画面での様々なテキストボックス文字入力箇所は「いつでも」任意に So-net管理ページでの入力・編集可能です。
     プロフ管理(So-netブログ管理ページ)画面の左側の「基本情報」と「好きなモノ」については「|」半角縦棒で区切るだけで、「|」の左側を「日本語」、右側を「英語」、そして第3国を指定したなら2つ目の「|」を追加して、追加した「|」の右側は任意の指定言語と解釈します。 「|」半角縦棒とは106日本語標準キーボードですと「¥」キーの上です。「Shift」+「¥」です。
    例3カ国: 日本語|英語|任意言語
    例2カ国: 日本語|英語
  2. プロフ管理(So-netブログ管理ページ)画面での「基本情報」の「ホームページURL」だけは特殊書式です。
    1. URLとURLを「|」半角縦棒で区切ります。
    2. URLの左側には、
      1. リンク文字列の指定が可能です。
        全角半角の空白文字の入力も可能です。
        例: あ い うhttp://blog... は「あ い う」がリンク文字となります。
      2. リンク文字列を多言語化可能です。
        「/」半角斜線文字(スラッシュ)で言語を指定します。「/」の左側を「日本語」、右側を「英語」と認識します。そして第3国を指定したなら2つ目の「/」を追加して、追加した「/」の右側は任意の指定言語のリンク文字と解釈します。
    例3カ国: 日本語/英語/任意言語http://www....com|日本語/英語/任意言語http://www....jp
    例2カ国: 日本語/英語http://www....com|日本語/英語http://www....jp
  3. ※ 実際に、わたしが、So-netブログの管理ページ」の「設定」の「プロフィール設定_」画面の、「基本情報」内の「ホームページURL欄に入力し直した3カ国仕様の情報は以下の通りです。 参考にしてみてください。


  4. プロフ管理(So-netブログ管理ページ)画面でのフリースペースでの多言語指定は、CLASS指定願います。
    SPANタグでもDIVタグでもPタグでも任意に区間指定してください。
    • 日本語データー区間:
      class="lng_ja" を指定します。
    • 英語(半角文字)データー区間:
      class="lng_en" を指定します。
    • 任意の言語を追加した場合:
      class="lng_fr" と、この例では「仏蘭西語」ですが指定します。
    • 何も指定しなかった場合:
      言語の選択に関わらず常時表示します! 例えば、画像などは指定しなくて良い訳で常時表示させます。 各国語用の画像切り替えをしたければ、CLASS指定タグの区間内に指定します。
     念力ではコンピューター制御出来ませんので、明確な区分け情報が必要です。 高速化を優先しますので、CLASS指定の情報に対してCSSによるマスキングの切り替えで実現させています。
    例: <p class="lng_en">英語を選択すると表示されます</p>
    や、 <span class="lng_ja">日本語を選択すると表示されます</span>
    ルールはHTMLのタグ文法のルールに準拠します

非表示にする
手順

  1. まずは、みなさんの「So-netブログのプロフィール」を表示します
    みなさんのブログURLに _pages/user/profile/index で表示されるページの事です。
     公開予定のある項目があるのでしたらソースを取得する前に「公開」に設定してください。ボタン式とテキストエリアの空欄判断とが在ります。 適当な1文字でも入力して「保存」して「公開」出来ていることを確認してください。 ソースさえ入手し終えましたら、元の非公開に戻してください。 くれぐれもブログを削除する」リンク文字をクリックしないように注意願います。 何故なら「プロフィールを見る」リンク文字と「ブログを削除する」は同じ位置にあるからです。 何人の方が間違えてご自分のメインブログを消し去ったかと思うと、その方の「慚愧に堪えない」悔しさと失意に想像を絶するものを感じます!(涙)
  2. みなさんの「So-netブログのプロフィール」のソースをコピペします
    【MS-Win Chromium 系ブラウザーの例 】
    1. 右クリック
    2. 「ページのソースを表示」を選択。 ページが新しく表示されます。
    3. キーボードの「Ctrl」キーを押しっ放しで、キーボードの「]を押して、次に「」を押します。 ここで「Ctrl」キーを放します。 これでクリップボード・メモリーに「ソース全体」を記憶しました。 「コピ」完了です。
  3. このブログページの「別ソース処理前の初期化ボタンの直下のテキストボックスに全てを流し込みます。
     ブラウザーが古くなければ、右の様な模様を表示し、この場所は実は TEXTAREA領域です。 そこに「コピペ」の「」です。 マウスで TEXTAREA領域をクリックしてから、キーボードの「Ctrl」キーを押しっ放しで、キーボードの「]を1度だけ押します。 2度、押さない様に致しましょう。 情報が多重に流れ込みますと、以後の処理が不能となります。 「Ctrl」キーを放します。
  4. 第三言語の扱いを決めます。
     定義する場合は、国際標準化された「言語コード」(半角小2文字)を入力し、当該国の国旗の画像のURLを指定します。
  5. バイリンガル化の準備ボタンを押す前に、「英語[ en ]欄の編集を行う」場合は、チェックしてから、ボタンを押します。
  6. 第三国言語を指定すると入力するべき設問が増えます!
     全ての空欄を埋めて下さい。
  7. エラー検査用デバッグモード」は選択したままでお願いします!
     選択しないと、エラー結果を表示しません。
  8. 「エラー」が完全に無くなったら、「エラー検査用デバッグモード抜いて、「バイリンガルコードの生成」ボタンを再度押します!
  9. 出現したテキストエリア内の情報を全てコピペ」願います。
     みなさんの「管理ページ」の「設定」の「プロフィール設定_」内の「フリースペース」に流し込み、「設定を保存するボタンを押して処理を待ちます。
    「フリースペース」のどこでも構いません。 既存のデーターを消す必要はありません!
    「フリースペース」で配慮し、注意するべきルールとは改行すると HTMLタグの<br />になってしまうことです。 つまり入手するスクリプトは1行で扱うことが必須です!

お願い マック?!

 バージョン番号も無い「ホッカホカ」の出来立てです。 人柱になる可能性大です。(笑) わたしのブログで「韓日英」と「仏日英」そして「中日英」で実装できましたので、公開に踏み切りました。 尚、「葡日英」、「韓日英」と「中日英」につきまして、以下の機器での正常動作を確認しておりますが、自由に利用できるMACを所有しておりません。 Apple環境のコンピューターでは動作するでしょうか?!

【確認済みの動作環境】 2014/11/04 :

  1. iPhone 5s iOS:8.1 「PCモード!
    Safari 最新版と Chrome 最新版
  2. iPhone 4 iOS:7.1.2 「PCモード!
    Safari
  3. iPhone 3 iOS:6.1.6 「PCモード!
    Safari
  4. Nexsus 7(2013) OS: Abdroid 4.4.4 「PCモード!
    Chrome 38.0.2125.114
  5. SONY BRAVIA KDL32EX550 TV
    Opera/9.80(Linux InettvBrowser/2.2)
  6. SONY PS3 4.65
    Mozila/5.0
  7. 1 CD Linux Puppy
    • Original 5.7.1 Released Aug. 2013
      Seamonky
    • Japanese 5.7.1
      Opera 12.16
      Chromium 32.0.1700
  8. MS-Win XP
    Comodo Dragon 33.1.0.0(Chromium系)
以上で正常動作を確認しております。 但し初期バージョンの「仏日英」は一部ブラウザーで機能しませんが、後学の為に現在、放置しています。(笑)

制限事項

  1. 高速化を図るため、「今現在の公開意思のある項目」のみを多言語化します。
     後に公開項目を減らすのは何ら問題ありませんが、後になって公開していなかった項目を追加公開した場合は、その項目については多言語化機能が働きません! 最初に公開項目を熟慮し充分に検討願います。
  2. 2言語仕様なのに3言語目を定義登録すると常時表示してしまいます。
     当初は3言語仕様での運用を途中で2言語仕様に変更した場合も同様です。 また3言語仕様を異なる言語の3言語仕様に変更した場合は、元の3言語目の情報が常時表示されてしまいます。 表示無用な情報は手動で消してください。
  3. So-netブログさんが将来プロフィールの書式を改訂すると・・・・・
    プロフィールページの最下段には「Copyright 2010 So-net Corporation」と記載されています。 もうすぐ2015年。 そろそろ改訂されるのかも知れません。しないかも知れません。 ある日、突然にデザインが変わる・・・・ すると本件でご紹介した機能が不能となる可能性がございます。 ご理解願います。



言語管理 :

コード国旗国旗画像のURL
[ ja ]日本語国旗URL:
[ en ]英 語国旗URL:
[]第三国国旗URL:
言語コード一覧」でGoogle検索する_


[英語[ en ]欄の編集を行う]

以下のステップリンクは
So-net ブログのプロフィールページに関わる
改訂作業記事となります。 特色あるプロフを目指しましょう!