スマホでAkira風ブログカードを使う方法。ブックマークレットはスマホでも使える【FC2ブログ・リンク】

♨の人

-

スポンサーリンク

スマホだけでブログ運営してます

どうも、となぶろ運営者の♨の人です


本日は、ブログカードでおなじみのAkiraさんのブログカードをスマホでも使う方法を書いていきたいと思います

調べてみたところ当たり前ですが出てこなかったので……



それではどうぞ







①そもそも元ははてなブログカードを使っていた。しかしはてなブログカードはSSLに非対応



そもそも私のブログは、元はFC2の無料ドメインでしたし、SSL化もしておらずURLもhttpsではなくhttpでした


なので、私は普通にはてなブログカードを使用していました




私の中ではブログカードといえばはてなブログ、という感じで、シンプルなデザインに見やすいレイアウトなのでFC2ブロガーながら愛用してきました




しかし、独自ドメインを取得しブログを独自ドメイン&SSLにすると、はてなブログカードが全く使い物にならなくなったんです

どうやらはてなブログカードはSSLに対応していないようで、SSL化するとはてなブログカードは使い物にならなくなってしまうそう

非常に困った、ということで私は急遽他のブログカードを探し始めました






 

②Embedlyというブログカード作成サービスもあるが個人的にはイマイチ



世の中には色々なサービスが存在し、その中にはブログ用の埋め込みコード、つまりはブログカードを作成してくれるというサービスも存在します


それがこのEmbedlyです

コードジェネレータを埋めます。埋め込む

URLを入力すると、埋め込むことでサイトやブログに埋め込むことができるHTMLが生成されます。



ですが、このブログカードは私はあまり好みのデザインではありませんでした


しかし、他に方法もない。

私はHTMLもCSSもほとんど使えないので、他の人が作ったテンプレートやHTMLタグを使うしかないんです

なので100%自分の思い通りにするなんてのは無理で、妥協が必要ということは理解していました






しかし、やっぱり諦めがつかない


とはいえ代換え作もなくいよいよ困り果てて、仕方がないのでAkiraさんのブックマークレット式ブログカードをどうにかして使うと決めました
 





③Akira風ブログカードはブックマークレット式。ブックマークレットをドラッグ&ドロップで作成できるPCブラウザでないと作成できない



Akiraさんのブログカードは、俗にAkira風ブログカードと呼ばれており、幅広いブログで使われています

デザインもはてなブログカードに近いシンプルで綺麗なデザインです

ブログカードのブックマークレットを作成しました

SSL化後の悩ましい作業のひとつ。 ブログカード これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。 かといって はてなブログカード はSSLに対応できてないですし。 私のブログの特定ページでEmbedlyがどうしてもOGP画像を出してくんない(笑) そしてEmbedlyは非常にカスタマイズし辛いんですね。 ほとんどできないと言っ...



ただね、やっぱり普通にスマホで使うなんて考えてないようで、PCでしか出来ないような方法でした




実は、スマホでもブックマークレットというのは使用できます

例えばChromeなら適当なサイトのブックマークのURLの部分を、そのブックマークレットのものに書き換えて、使いたいサイトにてアドレスバーからそれを呼び出せば使えます


しかし、今回のケースはそもそも作成ができないケース

ドラッグ&ドロップする場所を長押しして出てきたリンクをコピーしたりしても、普通に全く使えませんでした




 


④やはり最初にPCを使うしかない。しかし1度作成してしまえばスマートフォンでも問題なく使用できる



というわけで仕方が無いので、私の所有する超絶オンボロなPCを使いました

PCでChromeを起動し、Akiraさんのブログカードのページを開きます

そしてブログカードのリンクをブックマークバーにドラッグ&ドロップ
とても呆気ない、これで完成です



あとはサイト内にあるCSSをブログのテンプレートにコピペして、リンクを貼りたいページでブックマークレットを起動すればHTMLタグがホップアップにて表示されます

あとはそれを記事内にコピペすれば、ブログカードが使えるという訳ですね






で、ここからがスマホで使う方法の話です

まずはPCで作ったブックマークレットを右クリックして、「編集」というボタンを押します


そしたらそこにあるURLの欄を全て選択でコピペして、それをメモ帳やテキストエディタでtxtファイルにします。

あとはそれをGoogleドライブなりGmailなりBluetoothなりUSB接続なりでスマホに送ります




次はスマホで、Chromeにて適当なページをブックマークします

そしてそのブックマークを編集するページを開き、そこでブックマークの名前を「ブログカード」に、そしてURL欄をtxtファイルの中身に置き換えます

名前はなんでもいいですが、わかりやすくかつ入力しやすいものがいいので推奨はブログカードです



これで完成です




あとはリンクしたいページを開いて、アドレスバーに「ブログカード」と入力



すると、このようにブログカード JavaScript(以下略)と表示されます



で、それをタップするとこんなのが出てきます



そしてこのHTMLタグをコピーして貼り付けると


となぶろ♨│とりあえずなんでもありなブログSECOND

主に百円均一の商品をレビューしていくブログ



こうなります




こうすると、スマホでもAkira風ブログカードを使うことができるという訳です





 

⑤あとがき。もしPCが無いなら友達に頼んだり学校や職場のPCを貸してもらったり、最悪はネカフェに行こう



いかがでしたか?

今回は、スマホでもFC2ブログにてAkira風ブログカードを使う方法にて解説していきました


少しでもPCを触れる人なら全く難しいことではないので、是非ともチャレンジしてみてください



また、「PCを持ってないから困ってるんだけど!」という人も居るでしょうけど、今の時代PCなんで本当にどこにでもあります

友達の家、学校、職場、ネカフェ……どこにだってありますよね


例えば友達に頼んだり、学校や職場のPCを運良く貸してもらえた場合はタダで済みますし、最悪ネカフェに行ったとしても数千円程度でブログカードを使えるようになります

少なくとも、新たに5万程のPCを買うより全然マシですよね
(これ以下のPCは新品ならほとんどまともに使えません)

ソフトクリームとドリンク食べ放題に行った、とでも考えればいいんじゃないでしょうか(笑)




というわけで、PCを持っていない人はどうにかしてPCを使える環境を見出してください

「友達にブログやってるのバレたくない」的な人は、SNSの友達なり親なりなんなりに頼まれた体で「やって欲しいと頼まれたんだけど俺PC持ってないからさ~」とでも言っておけばいいです




というわけで、ここまでご覧くださり誠にありがとうございました

それでは

以上です

ブログパーツ
関連記事

スポンサーリンク