タグ

ブックマーク / nelog.jp (15)

  • 無料WordPressテーマ「Cocoon(コクーン)」を公開しました

    SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。 以前公開したSimplicityの後継となるテーマです(※後釜ということで完全な互換性はないです)。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理

    無料WordPressテーマ「Cocoon(コクーン)」を公開しました
  • アドセンスで新しく出た広告ユニット「関連コンテンツユニット」の設定方法

    先日、Googleアドセンスの管理画面に以下のようなメッセージが出ていました。 関連コンテンツ ユニットに広告を表示することで、収益増加を図ることができます。広告のスタイルは、おすすめ記事のコンテンツやデザインに合わせてカスタマイズされます。 とりあえず、こういったものは使ってみないとよくわからないので、早速試してみました。 関連コンテンツユニットとは 「関連コンテンツユニット」は、サイト閲覧ユーザーに関連コンテンツを表示する機能のことです。 よくブログなどに表示されている「関連記事」みたいな機能のGoogleアドセンス版みたいな感じでしょうか。 「関連コンテンツユニット」を設置すると、そのページに関連した、おすすめのコンテンツがいくつか表示されます。そして、おすすめコンテンツの一部が広告に置き換えられます。 この「関連コンテンツユニット」の素晴らしい点は、従来のアドセンス広告数上限の以下

    アドセンスで新しく出た広告ユニット「関連コンテンツユニット」の設定方法
  • URLを入力するだけ!コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」

    import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。

    URLを入力するだけ!コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」
  • ソースコード検索エンジン「NerdyData」で世界1.4億のサイトから実用コードが探せる

    NerdyDataというソースコード検索エンジンを最近知りました。 通常の検索エンジンは、タグを取り除いたページ内のコンテンツが検索結果に表示されます。けれど、NerdyDataは、サイトにある生コードを検索することができます。 これを、使うことにより、コードの具体的な利用例なども見ることができ、便利だったので紹介です。 photo by Ruiwen Chua NerdyDataとは NerdyDataは、世界中の1億4000万サイト以上のソースコードの中から、HTMLCSSJavaScriptのコードを直接検索できる、ソースコード検索エンジンです。 Nerdyという単語は、あまり聞き慣れなかったので「どういった意味だろう?」と調べてみたら以下のような意味でした。 オタクっぽい A系, エー系, 秋葉系, アキバ系 おそらく、いい意味でPCオタク向けのデータが詰まった、ギーク御用達の

    ソースコード検索エンジン「NerdyData」で世界1.4億のサイトから実用コードが探せる
  • プログラミングで変数名や関数名のネーミングに迷ったときに便利なカンニングペーパーまとめ

    僕は、プログラムをする上で変数や関数に良い名前を付けるのはとても重要と考えています。 というのも、良い名前を付ければ、それだけでそのコードがしたいことの説明になり、コメントと同等の働きをすることもあるからです。 自分がちゃんとそれをできているのかはさておき、僕は普段から、できれば読みやすくて分かりやすい名前を付けたいと思っています。他の人も読むコードであれば、できればプログラムでよく使われるような単語を利用して書いた方がより分かりやすいです。 ただ、よい名前を考えるのって、ちょっと面倒くさいんですよね。僕はこれまで、英語の辞書を利用して、考えたりしていたのですが、「何か、プログラムでよく使われる単語をまとめたものはないか?」と探したら、ドンピシャのものがいくつかあったので、それらをまとめて以下で紹介します。 photo by Michael Coté codic codic – デベロッパ

    プログラミングで変数名や関数名のネーミングに迷ったときに便利なカンニングペーパーまとめ
  • パソコンを買い換えた時に真っ先にインストールしたWindows無料ソフトまとめ

    システム・汎用ソフト まずは、パソコンの一般的な操作に便利なソフトです。 GeekUninstaller GeekUninstaller Windowsソフトのアンインストーラーです。 Windowsデフォルトのアンインストール機能はめちゃくちゃ重いのに対して、このGeekは、とても軽く瞬時に立ち上がります。 加えて、通常のアンインストール機能では、残ってしまうファイルやフォルダ、レジストリキーをスキャンして綺麗に削除してくれる支援機能もあります。 とりあえず、新しいパソコンを購入したら、Geekを起動して、不要なソフトを削除することから始まります。 Clover Clover Brings Chrome-Style Tabs to Windows Explorer. Windows標準のエクスプローラーを、Google Chromeライクなタブ仕様にしてくれる、エクスプローラータブ化ソフ

    パソコンを買い換えた時に真っ先にインストールしたWindows無料ソフトまとめ
  • これが無料!?SEO・マーケティング分析ツールの「Nibbler」がスゴい

    先日、Nibbler(ニブラー)という、SEOとWEBマーケティング分析サービスを見つけました。 これを使ってみたら、無料ながら、かなり詳細にサイト分析(改善点の可視化)が行える素晴らしいツールだったので紹介です。 Nibblerとは Nibbler – Test any website Nibblerとは、フリーのウェブサイトテストツールです。 アドレスを入力するだけで、アクセシビリティ、SEO、ソーシャルメディアテクノロジーなどの観点から、ウェブサイトをクロールして、レポートを出してくれます。 加えて、適切な改善提案を示してくれるので、提案に従ってサイトを修正すれば、かなり良いサイトに仕上がるのではないかと思います。 Nibblerを英和辞典で調べてみると、「少しずつかじる(小動物)」、「打抜き切断工具」などという意味があります。サイトを細かく分析するツールという意味もあるのだと思いま

    これが無料!?SEO・マーケティング分析ツールの「Nibbler」がスゴい
  • 画像の無断転載を行っても良い写真サイトまとめ - nelog.jp

    今朝、歌手の伍代夏子さんが「WEB上の画像を自分のブログに無断転載したことにより、謝罪&当面ブログを閉鎖」というニュースを見ました。 伍代は、「お弁当作り」と綴った6月7日付けのブログで、タラコおにぎり、タコさんウィンナー、青ネギが入った卵焼き、焼きタラコの画像を掲載。しかし、タラコおにぎりはウェブマガジン「ライフハッカー」、ウィンナーの写真は一般人のブログ、卵焼きはキッコーマンのサイト、タラコは能登にある寿司屋のブログから、それぞれ無断転載していたことが判明した。 伍代夏子がブログ無断転載 – 日刊サイゾー 伍代さんの場合は、無断転載という問題と、自分で作ったと言いながら他人に著作権のある写真を掲載したという問題があります。 それはさておき、ただ単に卵焼きの画像を使いたいというだけならば、他の人に著作権があっても無断転載を行っても良いサイトというのもあります。(著作権を放棄しているものも

    画像の無断転載を行っても良い写真サイトまとめ - nelog.jp
  • これを無断使用しちゃっていいの?ブログのアイキャッチ探しがはかどる高クオリティーCC0写真サイトまとめ

    これを無断使用しちゃっていいの?ブログのアイキャッチ探しがはかどる高クオリティーCC0写真サイトまとめ
  • パソコンが突然故障したときのために、やっておいてよかったサドンデス対策

    裸族のカプセルホテルは、ドライバー不要でハードディスクを出し入れ出来るので、経年劣化によるハードディスク交換も手軽です。 データをそのままバックアップ 僕は、「大事なデータ用のハードディスク」を「バックアップ用のハードディスク」に、BunBackupというバックアップソフトで、3日おきにそのまま自動バックアップをしています。 こんな感じで、ドライブを設定するだけで手軽にバックアップ設定ができます。 あとは、バックアップ周期とバックアップ時間の設定を「詳細」から行うだけです。 BunBackupでバックアップをすると、一番最初だけ、全てのデータがコピーされるので、多少時間はかかります。 ただ、2回目以降は、変更のあったファイルのみをコピーするようになるので、バックアップ時間を深夜にでもしておけば、いつの間にかバックアップされています。(僕の場合は、スリープにするだけでPCの電源は切りません。

    パソコンが突然故障したときのために、やっておいてよかったサドンデス対策
  • 100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。

    Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード&設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css(縮小版はhover-min.css

    100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。
  • WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法

    主な手順 主な作成手順は、こんな感じです。 CSSをstyle.cssなどに貼り付ける CSSのclassを用いて文章を書く CSSさえ貼り付けてしまえば、あとは「吹き出しクラスを適用したpタグ」などで、書き込むだけです。それほど手間もかからないと思います。 作成方法 作成方法は以下です。 style.cssに貼り付ける 以下のCSSをstyle.cssにコピペします。 /******************************* * 左からの吹き出し ********************************/ .left_balloon { position: relative; background: #fff; border: 1px solid #777; margin: 10px; padding: 10px; border-radius: 15px; margin-

    WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法
  • コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション

    WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数(PHPPHP HTML CSS JavaScript(jQuery) ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ?」「あれなんて関数だったっけ?」なんて時に見ると便利なカンニングペーパー(チートシート)の紹介です。 WordPressチートシート WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日語版 WordPress

    コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション
  • WordPressテーマを作成するのに役立つサイト・ツール・サービスまとめ

    テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollownofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi

    WordPressテーマを作成するのに役立つサイト・ツール・サービスまとめ
  • ブログPV数88%激減…開設3ヶ月半、順調に伸びたPVが「ある記事」の投稿をきっかけに一瞬でなくなってしまった原因

    そもそもどんな記事? これまで僕の中では順調だったブログ運営が、なぜ急にこんなことになったかというと、全ては僕が書いた「NHK教育はクラシック「カトゥリ・カルミナ」で歌われる「お〇ぱ〇」「ち〇〇ん」連呼のちょっとお下品な歌詞をいかにして公共の電波に乗せたのか」という記事のせいだと思います。伏せ字になってる部分と、リンク先がウェブ魚拓になっているのは、勘弁してください。今回のことで、記事を僕のブログ中に置いておきたくなかったので消してしまったからです。 簡単に経緯を説明します。あるニュースをきっかけに僕は、「カトゥリ・カルミナ」という大変下品な…もとい上級者向け歌詞のクラシック曲がある事を知りました。(歌詞についてはまるでエロ小説!? なクラシックの歌詞に仰天を参照してください。)その曲の歌詞がものすごく卑猥にもかかわらず、4月13日にNHK教育「クラシック音楽館」にて放送されるというじゃあ

    ブログPV数88%激減…開設3ヶ月半、順調に伸びたPVが「ある記事」の投稿をきっかけに一瞬でなくなってしまった原因
  • 1