自作ブログパーツ：はれるかなん？（Yahoo!ブログ上等&専用）

YouTubeの動画を載せられるかどうかのテスト

Thu, 16 Nov 2017 15:09:57 +0900

YouTubeの動画をアップしてみます

https://www.youtube.com/watch?v=Do2sAn8sVvU

普通にアップできそうです

続いて、自動再生、無限ループなどのフラグを加えたタグでアップできるかどうかを試してみました

https://www.youtube.com/embed/Zl_4LXPcYjk?rel=0&autoplay=1&showinfo=0&loop=1&playlist=C5fSlgLgwdU,bflMzWrjQmE

どうやらリンクとして扱われてしまうみたいです

なかなか厳しいですね

今日からブログのβ版がスタートしたみたいです

Thu, 16 Nov 2017 14:48:19 +0900

ヤフーブログのβ版がスタートしました

今後、このブログを新しいブログにどのように移行できるのかテストしていきます

テストしているβ版の方のブログはこちら↓

https://blog.yahoo.co.jp/fe6206ff4abd47b64148330f798b9bd09878f80b7fe912315410aeaa35d3767d/

本日スタートしたばかりのβ版ですので、機能がまだそろっていないようです

今後に期待ですね

ちなみにβ版の方で使用したアニメーション画像はこちらです↓

新しいブログの機能をテストしています

Thu, 16 Nov 2017 14:20:40 +0900

タイトル画像にアニメーションgifを適用・・

ブログのタイトルの後ろにつけれる画像ですが、アニメーションgif(横幅560 x 高さ560 2Mbyte程度)を入れてみました

動いていないみたいですね

カバーの画像のサイズにかんしても高さ560は長すぎるようです

記事内↓にも同じ画像を上げてみます

う～ん、今のところ記事内のアニメーションgifも動かないみたいですね・・

もしかして2Mbyteだとサイズが大きすぎるのかな？

小さなアニメーション画像をアップしたら、すごい大きく表示されました

やっぱりアニメーションしていないようです

アニメーション画像のもとは↓

https://blogs.yahoo.co.jp/rutouch_rutouch/27351727.html

今の段階ではアニメーションgifは動かないと考えていいのかもしれませんです

そういえば、コメント欄もない・・

[Kirakira5 Rep] 輪廻する光

Sun, 12 Nov 2017 19:04:13 +0900

SSLに対応させたKirakira5 Reprint Editorにバグがないかを見るためいくつか作品を作っています

[Kirakira5 Rep] Welcome to My Blog.

Sun, 12 Nov 2017 13:39:31 +0900

SSLに対応させたKirakira5を使って作品を作ってみました

[JavaScript] jQuery_非同期通信のテスト

Sat, 28 Oct 2017 19:36:27 +0900

javaScriptの勉強のためにアップしてテストしています

Flash廃止後のブログパーツを考える

Thu, 26 Oct 2017 23:49:21 +0900

Flashの廃止時期が決まってから、私の方でもFlashに替わるブログパーツのプログラムを模索しています

参考になるのは、やはり今の段階で「YouTubeの動画」のブログパーツをブログ内に組み込めるという点です

このYouTubeの動画のブログパーツは「HTML5」でできているということですから、なんとなくHTML5の勉強をしていけば、何かブログパーツ的なものを作れるかもしれないと考えています

そういうわけで、とりあえずHTMLの勉強をしていきます↓

JavaScriptを使ったHTMLをブログパーツとしてブログに組み込んでいます

今は何ともピンと来ないただのストップウォッチのブログパーツですが、10年前に初めてFlashで作った時のような感覚に似ています

また「最初」からの勉強となります

今度の勉強も楽しいものになることを期待しています（ぺこ）

[ブログパーツ] Flash & Picture Sandwich Editor + SSL

Sat, 15 Jul 2017 12:18:50 +0900

前作、Flash & Picture Sandwich Editor

https://blogs.yahoo.co.jp/rutouch_rutouch/28735856.html

・・の後継版です

[ブログパーツ]Flash & Picture Sandwich Editor + SSL

・Flashや画像の重ね合わせ可能数が２つ増えました

・SSLに対応していないFlash(http://～.swf)を疑似SSL化させるオプションを追加

(サイズは、560x300 , 560x420 , 560x560 , 560x800 , 560x1000 , 560x1200)

その他の機能につきましては、「前作」の記事をご覧ください（ぺこ）

Welcome!

Have a better Blog life!
Thank you!
☆彡Flash and Picture Sandwich Editor + SSL☆彡

エディターはこちら↓

疑似SSLの機能がついただけで、基本的な変更はほぼありませんです

※疑似SSL(SSL+)

ブログパーツのタグがhttp://～のようにSSLに対応していない場合、「SSL」ボタンから、SSLの箱を選択して、SSL化することが可能です

(ブログパーツの大きさよりも大きなSSLの箱をご使用ください)

※SSL化できるブログパーツのタグは、「http://～.swf」の形式に限ります

疑似SSLを使うことにより、Flashを表示できる多くのブラウザでブログパーツを表示することが可能となります

ではご質問をお待ちしております（ぺこ）

[ブログパーツ] ブログパーツアップツール3

Sun, 09 Jul 2017 12:48:45 +0900

ブログパーツアップツール２

https://blogs.yahoo.co.jp/rutouch_rutouch/28718221.html

・・の後継バージョンです

ブログパーツを手軽に記事にアップするためのツールです

疑似SSL化する機能もついています

～使用方法～

・「SSL+」ボタン

ブログパーツのタグがhttp://～のようにSSLに対応していない場合、「SSL+」ボタンから、SSLの箱を選択して、SSL化することが可能です

(ブログパーツの大きさよりも大きなSSLの箱をご使用ください)

※SSL化できるブログパーツのタグは、「http://～.swf」の形式に限ります

・「Tag」

ブログパーツのタグを枠内に入力(貼り付け)します

http://～のようにSSLに対応していないタグの場合は、「SSL+」をご使用ください

・「横幅」「高さ」

ブログパーツの大きさを設定します

「SSL+」をご使用の場合、「SSL+」の箱の大きさの設定となります

・「かんたん」ボタン

新規記事を立ち上げ、かんたんモード用の記事に直接ブログパーツを貼り付けにいきます

※SSL化していないブログパーツの場合、記事を決定させて作っても、ブログパーツの上のタグは非表示になりません

※SSL化されたブログパーツの場合は、記事を決定させると、ブログパーツの上のタグは非表示になります

※「2000文字以上のエラー」が出た時は、「かんたん２」ボタンの方をご使用ください

・「かんたん２」ボタン

別ページが立ち上がりますので、マウスでドラッグアンドロップ後、「すべて選択」→「コピー」をして、「かんたんモード」用の記事に貼り付けてお使いください

[コピーするコツ]

四角い枠の外側の余白の部分から枠内に向けて

ドラッグ＆ドロップして枠を青くします

そのあとに、「すべて選択」、「コピー」を

すると失敗が少ないようです

すべて選択～「Ctrl」+「a」

コピー～「Ctrl」+「c」

・・のショートカットを使うことも可能です

・「Wiki」ボタン

新規記事を立ち上げ、Wiki、HTMLモード用の記事に直接ブログパーツを貼り付けにいきます

※「かんたん」ボタンの時と同様にSSL化してるかしてないかでブログパーツの上のタグの表示が変わります

※「2000文字以上のエラー」が出た時は「Wiki２」ボタンの方をご使用ください

・「Wiki２」ボタン

Wiki、HTMLモード用記事に使えるブログパーツのタグを生成し、クリップボードにコピーします

手動で記事に貼り付けてお使いください

・「Guest」ボタン

ゲストブックに貼り付けるためのタグを生成し、クリップボードにコピーします

手動で貼り付けてお使いください

※ゲストブックでは、横幅560だと右端が切れてしまいますので、横幅、高さを同率で縮小した値を入力する必要があります

・「Make Me」ボタン

現在の設定が入ったこのツールを呼び出すためのリンクURLを生成します

ブログパーツを再配布する場合など、このリンクタグからツールを呼び出すことで色々なモードの記事にブログパーツを貼り付けることが可能になりますので、便利です

※「2000文字以上のエラー」が出た時は、「Make Me」ボタンを使用することはできません

のちほど「スライドショー」「くるくるピクチャー」などのブログパーツに対応いたします

[更新] 2017年7月11日「くるくるピクチャー改二」

https://blogs.yahoo.co.jp/rutouch_rutouch/28680449.html

と連携を開始しました

ではご質問をお待ちしております（ぺこ）

[SSL対応ブログパーツ] 縦書きテキスト

Mon, 29 May 2017 16:25:02 +0900

ヤフーブログの記事に縦書きをするためのブログパーツです

↑サンプルは、「Flash and Picture Sandwich Editor」にて「縦書きテキスト」のブログパーツを入れています

このブログパーツの利点は、指定の「フォント」を確実に反映するというところです

「フォント」が確定されることによって、文字の位置が正確に決定されますので、イメージの作りこみをしっかりとしたい方向きです

また、文字の縁取りや、簡易的にアニメーションを実装しています

エディターはこちら↓

・エディターの下部に文章を書いていくと、上の方に縦書きでプレビューされます

※1行、間をあけるには、スペース(半角、全角)を入れて改行してください

・「絵文字」～絵文字を選択すると、カーソルのある場所に絵文字を差し込みます

入力部分では「番号」として表示されますが、プレビューでは絵文字として表示されます

・「フォント」～現在40種類以上のフォントをカバーしています

※フォントの中には縦書きに不向きな字体や、日本語をカバーしていないフォントがあります

・「サイズ」「色」～文字の大きさ、色を変更します

・「アニメ」～文字の表示方法を変更します

※「縁取り」と「アニメ」の組み合わせによっては、相性が悪いものがあります

・「縁取り」～文字の外側を縁取ります。2段階の縁取りが可能で、それぞれ縁取りの色、縁取りの強さ(透明度)を選択できます

※縁取りの強さ(透明度)の部分を「0」にすると縁取りをしません

・「背景」～ブログの記事の背景色を想定して、「白」「黒」にします

※実際のブログパーツには背景色は反映されません

・エディターの上の方の「サイズ」～ブログパーツのサイズを設定します

(横幅560 x 高さ400)(横幅440 x 高さ400)(横幅285 x 高さ400)(横幅180 x 高さ400)

・「タグ」～ブログパーツの「生タグ」を発行します

「ブログパーツアップツール3」や「Flash & Picture Sandwich Editor」に貼り付けてお使いください

ブログパーツアップツール3

※ブログパーツアップツール3

https://blogs.yahoo.co.jp/rutouch_rutouch/28837882.html

Flash & Picture Sandwich Editor + SSL

https://blogs.yahoo.co.jp/rutouch_rutouch/28849030.html

・・などを使用して、記事に貼り付けてください

説明用動画は作成しなくてもいいかなと思っています