ブログ共通

ブログ共通で使えるカスタマイズの仕方、また分類できないものに関して書いています。

【YQL API利用】JavascriptでRSSを読み込んで表示する方法【2017年】

追記:2017/09/16 ・Yahoo!ニュース AOSSL対応によるURL変更のお知らせ ・Yahoo!ニュース - RSS yahooニュースのRSSが、2017/03頃から変更になったようなので、それに合わせて修正しま...

ブログに載せる画像サイズについて

私の場合現在の結論は、3:2のアスペクト比で 600 x 400 ピクセルとしています。 アスペクト比が3:2の場合は 600 x 400 でいいとしても、他の場合も横幅600ピクセルのままでいいのか、長辺600ピクセルとしたほうがい...

FacebookのOGP設定済みだと、Twitter Cardsの設定は2行で済むので設定したほうがよいと思う

・設定は2行で済む ・Twitter Cardsの申請らしきものも、今はない感じ(2015年5月現在) なので、OGP設定済みの場合は難しいことが何もないので、設定してみてもよいかもと思います。 Twitter Cardsの設...

自身のブログが、スマホ対応(Mobile-friendly)かどうかを調べる方法

https://www.google.com/webmasters/tools/mobile-friendly/ 「モバイル フレンドリー テスト」で、調べたいURLを入力すれば判定してくれます。 ブログの場合は、ト...

各種ブログで、記事一覧を表示する方法

ブログの機能で用意されているもの URLを指定するだけで、記事一覧表示ができる ブログカスタマイズされていても、記事一覧のリンクが無くても、URLを直うちすれば表示される ■FC2ブログ 例:http://fc2informat...

PHPで404エラーコードを返す方法 【ソフト404問題の回避】

ソフト404問題 200(成功) - サーバーはリクエストを正しく処理しました。 404(見つかりませんでした) -サーバーは要求されたページを見つけることができません。 HTTP ステータス コード - ウェブマスター ツール ヘル...

1つのPNG画像から、ファビコン(favicon)を簡単に作る方法 【マルチアイコン】

X-Icon Editor ・X-Icon Editor 上記のサイトを使うと簡単に作成できるかと思います。 ・PNGで透過にした部分は、そのまま透過になる ・大き目の画像PNGを1つ用意するだけで、マルチアイコンにしてくれ...

リダイレクトされてサイト乗っ取られたかなぁと思ったら、ブログパーツも確認したほうがよい

たまに見に行っていたブログが、リダイレクトされて海外サイトに飛ぶのでおかしいなぁと思ってちょっと調べたら、ブログパーツの中のコードが書き換えられていました。 ※安全の為、example.com等に一部書き換えてあります。 &...

GALAXYアンバサダープログラムで、モニター機を借りてみた

参加してみようかどうか悩んだときに、検索しても見つからなかった情報を含めて書いておきます。 検索しても、トラブルらしきものも見つからなかったのでたぶん大丈夫そうだと思うのと、現状の感触では心配する必要はあまりないかなと思います...

jQuery.ajax でリクエストをキャッシュさせない方法

Jquery.load("example.dat")のように、拡張子をdatにしてもキャッシュされるみたいなので、その時調べた回避方法。 load関数の場合 $.ajaxSetup({ cache: false })...

「タグの閉じ忘れをチェックする」ブックマークレットが便利

使い方のイメージ 1.調べたいページを通常通りに表示する 2.ブックマークしたブックマークレットをクリックする 3.別ウインドウで、上記のような画面が表示される 導入の仕方 このブックマークレットは...

VALUESERVERにSSH接続する方法

※xrea、coreserverと同じ 事前準備 VALUESERVER側の管理画面の「ホスト情報登録」で、SSH登録をします。ここで設定したIPからしか接続を受け付けないという設定のようです。 SSH接続する方法...

Chromeの標準機能で、スマホ(モバイル)表示確認の仕方

個人でブログやっていて、仕事でも何でもないので実機での確認ができないとかそういう場合に、意外と使えると思います。今まで、Chromeの拡張機能でやっていたのですが、使い方がわるいのかあまりうまくいかなかったのですが、今回の標準機能はすんなり...

あとから、おまけ的に、IE7・IE8対応する方法

※趣味でやってる人はという内容です。 HTML5、CSS3対応にする HTML5 <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/htm...

IE11で、IE7/IE8/IE9/IE10をエミュレーションで表示確認するときの注意事項

IE10までは、F12の開発ツールでドキュメントモードをIE8などに指定することにより、過去のIEバージョンの表示を確認してきたんですが、IE11になってから、どうもうまくいかないな?と悩んでいました。 IE11にもF12...

忍者おまとめボタンで、PCとスマホで表示を変える方法

当ブログは、ソーシャルボタンを「忍者おまとめボタン」で表示しています。で、スマホとPCで上記画像のように表示を変えてるのですが、その方法を書いておきます。 原理は簡単で、「忍者おまとめボタン」をPC用とスマホ用の2つ登録し...

Googleアナリティクスを見ると、Android Browserの表示速度が遅いので、原因を調べてみた

まずは、下記の図をご覧ください。PCからの読み込みに対しての【Android Browser】での表示速度になります。 PCブラウザーなどからの速度は、2秒台前半なのに対して、明らかに表示速度が遅いです。 グーグルアナリティクスを見てい...

Webページの表示速度を計測するサービス 5つ

Bloggerから、Wordpressに移行して、WEBページの計測を時々してるのですが、結局、前より速くなったのか遅くなったのか?わからずじまいなんですね。Google アナリティクスのデータを見る限りでは、遅くなってはいないのですが・・...

PHPでアクセス解析を自作してみよう 【第一回】

今回は、アクセスログをファイルに書きだすところまでです。 たぶん、第2回とかはありません・・・。 1.アクセス解析を導入することで重くなるのを防ぐために、非同期(async)で呼び出す 2.検索から来た時のみ、呼び出す...

allow_url_fopen =offのレンタルサーバーで、動作させるためのソースの変更方法について

・file_get_contents() ・fopen() ・simplexml_load_file() PHPで上記のような関数を使っている場合は、「allow_url_fopen =off」の環境では動作してくれません...

FlickrのURLから、サムネイル画像を取得する

貼り付けてあるURLから変換 http://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg orhttp://farm{farm-id}.staticflick...

UTF-8の0xC2A0問題 【ブログ掲載のソースをコピペして、動作しないときに疑うべきこと】

ブログとかでサンプルをコピペして動作させようとして、なぜか動作しない場合があります。 その原因の一つに、コピペしたものがもともと間違っているという場合です。 厳密にいうと、記事を書いた人は間違っていない場合が多く、掲載後に文字が勝手...

JavascriptでRSSを読み込んで表示する方法 【jQuery, Google Feed API】

追記:20167/01/31 このAPIは正式に廃止されており、12月15日後に動作を停止します、 Google Feed API  |  Google Developers ということで、当記事のサンプルは動作しなくなっ...

CSSでテキストリンクを画像リンクに置換

<span class="abx"><a href="#">テキスト</a></span> .abx a{ background:url(画像.jpg) no-repe...

初心者でもわかる正規表現のポイント 【これだけである程度自由にテキスト置換できる】

エディターやSearch Regex(Wordpressのプラグイン)で正規表現を少しでも使えると便利だと思います。 私は、正規表現がどうも苦手て何年たっても理解できないんですが、最低限これだけでもわかればいろんなことができま...

メインビジュアルをNivo Slider を使用してスライドショーにする方法

分かってしまう?と簡単にできます。 私は画像は、Picasaにおいているので、URL指定で画像を指定したいという希望もありました。 Nivo Slider WordPressプラグイン Nivo Slider For...

IE8で画像やdiv内の要素が表示されない場合の対応

現象 こんな感じでDIV要素に囲まれている画像やその他の要素が表示されない(消える)という現象です。 有名らしく、検索したらたくさん出てきます。 画像サイズ(width,height)を指定してても、表示されないんです...

Facebookのソーシャルプラグインの外枠を消すなどのカスタマイズの仕方

http://developers.facebook.com/docs/plugins/ ・Like Button (いいね!ボタン) ・Activity Feed (最近のアクティビティ) ・Recommendations (お...

表示(コンテンツ)の一部を開閉式にする 【jQuery,簡単】

・jQueryのみ使用で、特に他のプラグインは使用しません ・コンテンツの一部を開閉式やアコーディオン式にできる スタイルシート(CSS)部分 <style> .accordion dl,.accordion...

GoogleドライブにCSSやJavascriptファイルを置く方法

追記:2016/08/18 注: この機能は、2016 年 8 月 31 日以降はご利用いただけなくなります。 2016 年 8 月 31 日までは Google ドライブでウェブページをホストできますが、それ以降は googled...

chmod する時のパーミッションの数字の計算の仕方

パーミッション(アクセス権限)Unix系は、ファイルやディレクトリ(フォルダ)のアクセス権限を ・所有者の権限 ・グループの権限 ・その他のユーザーの権限 別に設定できます。 数字の計算について 暗算でもできるぐらい簡...

RSSのメール購読とその解除について 【Feedburner,メルマガ】

Feedburner・FeedBurner フィード メールマガジンの概要と FAQ - FeedBurner ヘルプ ・ TypePad/Blogger ブログに FeedBurner メール サービスを追加する - Feed...

フォローボタンにフォロワー数を表示する方法 【twitter-follow-button】

1.Twitterの公式のフォローボタンボタンを作成する https://twitter.com/about/resources/buttons#follow 2.フォロワー数を表示するパラメータの設定をする https://...

JavascriptでCookie以外で保存できる簡単な方法 【Web Storage】

//保存 //localStorage.setItem( キー , 値 ); localStorage.setItem("key", "data"); //取出し //変数名=localStorage.getItem( キー...

FC2拍手ブログパーツの人気記事ランキングの表示をカスタマイズする方法

FC拍手の設置方法・BloggerにFC2拍手を導入する方法 【拍手ランキングブログパーツ】 ・WordPressにFC2拍手を設置する|某氏の戯言 FC拍手は、敷居が低いのでアクセスの少ないところでも設置すると反応があるので、個人...

「いいね!」数の記事ランキングのブログパーツの設置方法 【2種類】

「いいね!」数の記事ランキングのブログパーツ・Activity Feed - Facebook開発者 ・FBLkit - いいね!ランキング 探してみると上記の2種類ありました。 FBLkitの方は、参加用タグをブログに設置してか...

CSSのfont-family指定の前知識とその問題点 【読みやすいフォント指定】

font-family指定に必要な最低限の前知識をもって、すでに分かっている問題点を知ったうえで、サイトの運営者が考えて決めればよいでしょうというが、本記事の内容です。 font-family:Helvetica,Arial,'ヒ...

ブログのCopyright(コピーライト)の年を自動で更新させる方法

Javascriptを使用する方法です。 サンプルの動作■2011年度の表示 Copyright© 2011 ブログの名前 ALL Rights Reserved. ■2013年度の表示 Copyright...

IETesterで表示確認をしてみる 【IE5.5,IE6,IE7,IE8,IE9】

追記:2013/12/18 IETester v0.5.2をWindows8.1で使用していますが、問題なさそうです。 IE6の確認をどうしよう IE9だけで、IE7、IE8,IE9の確認が可能なのですが、IE6だけ無理な...

Javascript で明示的にエラーを発生させる方法 【エラーの箇所の特定】

Javascript で明示的にエラーを発生させる方法 throw new Error("エラー発生"); Jaascriptがエラーを起こして、行数が表示されるがそれでも場所が特定できないときに、明示的にエラーを起こして、エラーが...

FC2ブログで記事下の広告を消す方法

記事の内容は以下の通りです。 ・記事下の広告を消す方法 ・上部の検索バー(&広告)を消す方法 ・スマートフォン向けの広告を消す方法 ・消してはいけない広告について 記事下の広告を消す方法FC2ブログに有料プランができま...

Microsoft Wordからブログを更新してみる

Microsoft Word 2007から、XML-RPCなどを使用してWordからブログ更新ができるようになったようです。Word 2010で試してみました。 Wordpressで試してみましたが、BloggerやXML-RPCをサ...

各ブログのXML-RPC,Atomのアドレスについて

情報が公式に公開されてなかったり、提供をやめていたりするようなので実際には試してみないとわかりません。参考には、公式のところにリンクを貼るようにしています。 XML-RPCblogid =たいていは設定なし username/pas...

HTMLタグの閉じ忘れを簡単に見つける方法

後で困らないように divタグなどは、画像のように対応する閉じたタグのところにコメントを書いておくと意外と便利です。たいていclass名とかid名がついてますから、それをコメントに埋め込んでおけば対応がわかりやすいですね。 ...

簡単★ブログ表示の高速化の為に「小さい画像にbase64」をかける 【data URI scheme】

「画像をbase64に」と「CSSスプライト」の2種類小さい画像対策に、CSSスプライトを使う手法があります。CSSスプライトに関しては、「一番簡単なCSS Spriteのやり方 」を参考にしてください。 「画像をbase64に」のほ...

LinkWithinのちょっとした裏技 【カスタマイズ】

基本的な使い方・LinkWithinをBlogger,WordPress,アメブロなどのブログに見出し付きで導入する方法 見出しタイトルを画像化するタイトル変更は以下のようにするわけですが、linkwithin_textに設定する値...

ブログにソーシャルボタン類を簡単に導入する方法 【Twitter、Facebookボタン等】

忍者おまとめボタン 忍者おまとめボタン http://omatome.shinobi.jp/ 「忍者おまとめ」特有のボタンは、外すことが可能です。標準の機能で外れます。私にとっては非常に重要な話ですが、そのことを言及している人はあ...

FC2拍手のスパムやらbotの攻撃に対抗する方法

大量拍手はbotがやっているのか?・FC2拍手でのコメント機能は使用していない ・FC2拍手の連打はできないようにしている 上記の設定で数年前から利用しています。 この設定でも、記事数だけFC2拍手することが可能で以前からそれらし...

ロリポブログの作成方法

登録の仕方 「ユーザー名(JUGEM ID)」「JUGEM サブドメイン」「お名前」以外は、後から変更可能。「お名前」はハンドル名(通り名)でも登録できた。 GMOとくとくポイント会員ロリポブログを登録するときは自動的にGMOとくと...

IE6/IE7/IE8/IE9/IE10に別々のスタイルシートを適用する「CSS hacks」

バージョンベクタを使えないときは、「CSS hacks」? <!--[if gte IE 8]> IE 8 以上を使用しています</p> <![endif]--> 上記のように、バージョン...

Picasaのバックアップ方法 【Picasa ウェブアルバム】

Google データエクスポートhttps://www.google.com/takeout こちらで簡単にできます。 サービス名にバックアップが可能で、Picasaを選択するとPicasa ウェブアルバムのバックアップがで...

ロリポップでsafe_modeの設定が反映されないときの対応

safe_modeの設定ロリポップのユーザー専用ページの「WEBツール」->「PHP設定」->「php.ini設定」で、safe_modeの設定を現在の値と反対の値を設定してから、その後設定したい値にして再設定すると反映されます。 p...

ブログにFlickrの写真や画像を貼り付ける方法

FlickrFlickr http://www.flickr.com/ Flickrにアップロードした写真をブログに貼り付けることができます。プライベートに設定されている写真でも、貼り付けることが可能です。 Flickrの...

ブログにPicasaの写真を画像のみ貼り付ける方法

Picasaウェブ アルバム Picasa http://picasaweb.google.com/home?hl=ja ブログに標準についている画像サービス?には写真サイズの制限があるとか、1記事あたりに掲載できる写真の数が制限...

5分でできるブログのスマートフォン対応 【iPhone,Android,Webサイト】

5分でできるスマートフォン対応 ・viewportの指定 ・フォントサイズの変更 この2つをうまく指定するだけで、PCサイトがそのままスマートフォンでもそれなりに使えるサイトになると個人的には思いました。 viewportの...

CSSでIEの特定バージョンだけに対応する簡単な方法

バージョンベクタ <!--[if gte IE 8]> <p>IE 8 以上を使用しています</p> <![endif]--> 参考: ・バージョンベクタ - msdn ...

はてなブックマークの記事タイトル、サムネイル、要約の変更の仕方

記事タイトル、サムネイル、要約の更新後述の「事前設定」を行うと、ブックマークの概要の下あたりにこのような「更新する」ボタンが表示されます。これを押下すると、再度、記事タイトル・サムネイル・要約を取得してくれるようです。 即時でなくて、...

Seesaaブログの広告を消す設定 【非表示,PC・スマートフォン】

広告を消す Seesaaブログの広告を消す設定をまとめてみました。 PC表示の場合は、この「powerd by Seesaa」以外のものをすべて消すことができます。 スマートフォン表示の場合は、基本的にはSeesaa側が出す広告を...

ブログにTwitterのTweetを引用する方法

困った、公式のBlackbird Pieが使えない?https://dev.twitter.com/media/blackbird-pie 引用で調べたら多くの物がこれを紹介してるか、代替えを紹介している。しかし、前者はもう使えないよ...

はてなブログProは実は安い

ブログ比較 1サイト98円/月で運用 はてなブログProは一見高いように感じるが、独自ドメインで1サイト98円/月で運営できるとするのなら安い方ではないでしょうか?はてなブログProのターゲット層が不明ですが、スパムと間違えかね...

FC2メールフォームに初期値を設定する方法

FC2メールフォームが生成するHTMLを調べるを使いましたが、ほかのツールでもできると思います。 ブラウザでFC2メールフォームを表示させて、その部分を選択してコピーします。で、ホームページ・ビルダーの方でペーストすると、HTML形式...

FireFoxでinnerTextが動作しないときにできる簡単な対応 【Javascript】

FireFoxではinnerTextが使えないFireFoxでは、innerTextがサポートされてなくて、代わりにtextContentを使用するようです。 innerHTMLはOKみたいです。 document.writeはあま...

DropboxにJavascriptファイルを置く方法

Dropboxを外部ファイル置き場にするアメブロ、Bloggerなどの無料ブログの場合、Javascriptなどのファイルを置く場所に困ることが多いわけです。以外と、Dropboxなんかが良いのではないか?と思ったので記事にしてみました。 ...

はてなブログの記事下(コメント欄の下)にZenbackを表示する方法

はてなブログ(Hatena Blog) http://hatenablog.com/ Zenbackを記事下とコメント欄下に設置する方法の2種類を記事内で書いています。記事下に導入するほうが明らかに簡単です。 ただコメントが書...

FC2アクセス解析を設置しているとページ表示が遅い(重い)ときがある 【未解決】

簡単に対応できることFC2アクセス解析をなるべくHTMLソースの後ろの方に設置するのをおすすめします。なるべく正確にアクセス解析をするために、なるべくページの上の方に設置する旨書いてますが、たぶんあまり意味ありません。というのは、多くの場合...

FC2拍手をページロード後に読み込む方法

FC2拍手が表示されないときがあった去年のゴールデンウイーク前後にFC2拍手が当ブログで表示されないと言うことがありました。表示されないだけならよいのですが、どうも画像データをサーバー側に取得するところでページ表示が固まるというか遅くなる現...

ブログをきれいに表示するためにフォントを指定する 【CSS,font-family】

海外の人が作ったと思われるWordPressやBloggerのテンプレートをそのまま使うと、日本語表示ではきれいに表示されないことが個人的には多いなと思います。原因は、日本語フォントが明示的に指定されていないからだと思われます。 そこ...

一番簡単なCSS Spriteのやり方 【CSSスプライト】

表示の高速化の手法としてCSS Spriteというものがあります。 今回、これを使ってみたのですがいろいろつまずいたので一番簡単なやり方をまとめてみました。 CSS Spriteが使える場所 背景とイメージタグに使えます。ただ...

ブログ投稿ツール「Windows Live Writer」をアメブロで使う方法 【metagateway】

Windows Live Writer マイクロソフトから無料で提供されているブログ投稿ソフトです。ローカル(パソコン)でWordのように編集して、投稿ボタンを押すとブログにアップされます。 下書きなどをローカル(パソコン)...

ブログに翻訳機能を追加する方法【無料のGoogle翻訳ガジェット】

以下で配布されているブログパーツを張り付けるだけです。Javascriptが許可されているブログならどんなブログにも導入可能だと思います。 http://translate.google.com/translate_tools?hl=...

Javascriptでshiftjisやeuc-jpエンコードなども可能なescape、unescape関数ライブラリ「ecl.js」

Javascriptには「encodeURI」「encodeURIComponent」「escape」のビルドイン関数があるがJavascriptの文字列を変換するとUTF-8の文字列としてエンコードされる。 しかし、文字列をEUC-...

FC2メールフォームをCSSでカスタマイズする方法

idとかclassとかわからないからと悩んでいる人向けの記事です。 HTMLのソースを見るとJavascriptなので分からないです。そこでブラウザー上で範囲を指定してホームページ作成ツールに貼り付けします。すると、出力されているHTML...

FC2拍手の画像が表示されないことがある

5月の連休頃から、FC2拍手の画像が表示されないことがあります。 ・拍手が0件のみの画像が表示されない ・拍手が0件以外の画像が表示されない ・拍手が0件と0件以外(つまりすべて)が表示されない どうも上記の3つのうちどれかがた...

はてなブックマークボタンの表示の高速化&Bloggerの設置サンプル

使いやすくなりました! はてなブックマークボタンで、貼り付け用のコードが作成できます。Bloggerの場合は下記のように書き換えて、テンプレートに書き込めば導入が可能です。 今までは、下記のコードを上下ワンセットで記事下に入れていまし...

LinkWithinをBlogger,WordPress,アメブロなどのブログに見出し付きで導入する方法

LinkWithinは関連記事を画像付きで載せてくれるブログパーツです。おそらくどのブログでも簡単に導入することが可能だと思います。私は、BloggerとWordPress、アメブロで確認しました。 意外と簡単で、また満足度も大きいで...

Zenbackの横幅を指定する方法

<style> .zenback { width:550px ; } </style> Zenbackの横幅を調整したいときの方法です。Zenbackの貼り付けるコード(スクリプト)の前に上記の...

コメントの投稿欄を開閉式にする

コメントの投稿欄をJavascriptで開閉式にしてみました。BloggerとWordPressで動作確認しました。おそらくJavascriptが許可されているブログならどこでも設置可能だと思います。まずはJavascript部分です。 ...

IE8でimgの横幅だけ縮小表示される不具合?(max-widthがうまく反映されない)

画像を縮小表示しようとして、320pxX240pxに指定するとなぜか、横幅だけが24pxで表示される不具合にあい困りました。Bloggerの投稿画面で画像挿入したときの動作です。IE8だけ起こって、他のブラウザでは問題なく表示されていること...