カテゴリー: ブログ共通

ブログ共通

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

2017-01-31

追記:2019/03/17 2019/01に、YQL APIが終了したようです。この方式はもう使えません。 追記:2017/09/16 ・Yahoo!ニュース AOSSL対応によるURL変更のお知らせ ・Yahoo!ニュ […]

ブログ共通

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

2017-01-04

追記:2019/12/31 結局、また画像サイズを大きくしました。 私の場合現在の結論は、3:2のアスペクト比で 600 x 400 ピクセルとしています。 アスペクト比が3:2の場合は 600 x 400 でいいとして […]

ブログ共通

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

2015-05-04

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

ブログ共通

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

2015-02-27

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

ブログ共通

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

2015-02-21

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

ブログ共通

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

2014-12-21

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

ブログ共通

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

2014-12-03

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

ブログ共通

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

2014-10-18

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

ブログ共通

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

2014-08-09

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

ブログ共通

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

2014-08-05

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

ブログ共通

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

2014-06-07

使い方のイメージ 1.調べたいページを通常通りに表示する 2.ブックマークしたブックマークレットをクリックする

ブログ共通

VALUESERVERにSSH接続する方法

2014-06-05

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

ブログ共通

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

2014-05-21

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

ブログ共通

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

2014-02-05

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

ブログ共通

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

2014-01-16

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

ブログ共通

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

2013-09-28

【SSL対応】ツイートボタン、いいねボタン、はてブ、LINEボタン簡単設置|忍者おまとめボタン 当ブログは、ソーシャルボタンを「忍者おまとめボタン」で表示しています。で、スマホとPCで上記画像のように表示を変えてるのです […]

ブログ共通

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

2013-09-28

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

ブログ共通

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

2013-07-25

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

ブログ共通

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

2013-07-06

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

ブログ共通

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

2013-06-28

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

ブログ共通

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

2013-06-18

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

ブログ共通

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

2013-05-30

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

ブログ共通

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

2013-05-21

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

ブログ共通

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

2013-05-20

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

Windows

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

2013-05-19

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

ブログ共通

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

2013-05-19

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

ブログ共通

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

2013-05-18

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

ブログ共通

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

2013-04-06

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

ブログ共通

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

2013-04-06

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

ブログ共通

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

2013-04-05

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

ブログ共通

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

2013-04-03

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

ブログ共通

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

2013-03-16

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

ブログ共通

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

2013-03-15

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

ブログ共通

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

2013-03-04

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

ブログ共通

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

2013-03-02

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

ブログ共通

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

2013-02-16

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

ブログ共通

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

2013-01-26

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

ブログ共通

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

2013-01-05

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

ブログ共通

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

2012-09-24

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

ブログ共通

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

2012-09-23

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

ブログ共通

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

2012-09-23

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

ブログ共通

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

2012-09-13

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

ブログ共通

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

2012-09-12

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

ブログ共通

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

2012-08-16

タグ閉じ忘れチェック 追記:2022/06/20 ・DIVタグ閉じ忘れチェッカー https://div.natureblue.com/ 最近使ったことがあるのは上記です。趣味レベルで簡易にチェックするのには十分だと思い […]

ブログ共通

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

2012-08-02

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

ブログ共通

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

2012-07-30

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

ブログ共通

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

2012-07-23

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

ブログ共通

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

2012-07-17

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

ブログ共通

ロリポブログの作成方法

2012-07-11

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

ブログ共通

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

2012-07-02

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

ブログ共通

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

2012-06-24

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

ブログ共通

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

2012-06-23

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

ブログ共通

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

2012-06-23

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

ブログ共通

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

2012-06-22

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

ブログ共通

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

2012-06-16

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

ブログ共通

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

2012-06-16

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

ブログ共通

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

2012-06-03

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

ブログ共通

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

2012-05-16

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

ブログ共通

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

2012-04-23

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

ブログ共通

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

2012-04-22

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

ブログ共通

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

2012-04-16

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

ブログ共通

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

2012-04-16

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

ブログ共通

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

2012-04-14

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

ブログ共通

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

2012-04-12

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

ブログ共通

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

2012-04-04

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

ブログ共通

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

2012-04-04

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

ブログ共通

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

2011-12-14

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

ブログ共通

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

2011-09-17

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

ブログ共通

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

2011-08-25

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

ブログ共通

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

2011-07-30

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

ブログ共通

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

2011-07-18

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

ブログ共通

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

2011-05-27

追記:2020/01/25 いまだに、アクセスがあるようなので、書き直しました。 idとかclassを調べる方法 Chromeの場合は、ブラウザ上で表示させて、右クリックメニューの「検証」を選択します。 <styl […]

ブログ共通

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

2011-05-20

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

ブログ共通

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

2011-04-14

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

ブログ共通

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

2011-02-20

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

ブログ共通

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

2011-02-08

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