ブログをするのに便利なWordPressですが、もちろんその中でもアフィリエイトがメインの方も多いのではないでしょうか？よく「アフィリエイト乙」みたいな意味のわからないコメントを頂いたりもしますが、有益な記事を書いたり見たりした上でその代償で僅かなアフィリエイト（人によっては多額）を得る事は非常に理に叶っている事だと思います。誰も損していないし嫌な思いもしていない。「ユーザーは良い情報を手に入れ」「サイトオーナーは収入を得て」「企業主は広告から顧客を獲得する」という素晴らしいシステムだと思います。 まぁ、前置きはここまでにしてどんなブログをするにしろ、「どこに広告を置くのか？」や「どのようにアクセスを稼ぐか？」という事はアフィリエイトの成功に大きく影響します。せっかく記事を一生懸命書くなら、効果的なデザインで公開したいものです。 WordPress（ワードプレス）でアフィリエイトを行う上で

UEFI環境下では、BIOSでサポートされているMBRに代わりGPTと呼ばれる新しいパーティーションテーブルを用います。 2TB以上の大容量なHDDをサポート出来る、と説明される事が多いのですが、具体的にどのような違いがあるのか比較してみます。 MBR MBRはLBA 0に置かれる512byteのパーティーションテーブルで、以下の様なレイアウトになっています： オフセット サイズ 内容 0x000 446byte ブートストラップローダ 0x1be 64byte パーティーションテーブル（4エントリ） 0x1fe 2byte ブートシグニチャ（0xaa55） ブートストラップローダはBIOSからロード・実行されるブートプログラムで、パーティーションの情報はパーティーションテーブルに存在します。 なお、最大パーティーション数は４個と決められており、４つのパーティーションを「物理パーティーショ

In the initial entry in this series, we took care of the UI-aspect of our Twitter-clone, called Ribbit. Now, we'll begin coding the application in a number of languages. This lesson will leverage standard PHP (with homegrown MVC), but, in future articles, we'll review other implementations, such as with Rails or Laravel. There is a lot to cover, so let's get started. Where We Last Left Off For the

WordPressのユーザーコミュニティである『WordBench』（2018年9月23日をもって終了　WordPress Meetup に移行しています）にて「ループ」をテーマにした約4時間のハンズオンセミナーを行いました。 4時間、ループのことしかやらない勉強会はWordBenchでも異色だと思うのですが、参加された方の感想はおおむね好評だったようです。公式ドキュメントのCodex日本語版の「The Loop」の項が未翻訳というのも理由の一つかもしれません。 ［2017.3.11追記 日本語訳されてました！］ さて、WordPressカスタマイズのキモともいえるこのループ。私もかつて解説本から学んだとおり、 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <!-- 記事があるときの表示内容をここに書

MSDNフォーラムで表記の質問を見かけました。同フォーラムの活動実績がないせいか、回答にリンクを貼ると拒否されましたので、こちらに回答します。 ここからが質問なのですが、プログラムの実装が完了したあと、脆弱性が潜んでいないかをチェックする必要があるのですが、脆弱性を検出するツールなどがありましたら教えてください。できれば、無償で使える物で、環境にあまり依存しないもの(Windows Serverのバージョンや、DBMSの種類に依存しないもの）がよいです。 Webアプリの脆弱性を検出するツールはありますか？ 以下、回答です。 ご要望の条件をすべて満たすツールは、おそらくないと思います。 少し古いエントリになりますが、以下のブログにWebアプリケーションの脆弱性を調べるツールがまとめられています。 サーバ/Webアプリケーション脆弱性チェックツールの個人的まとめ（フリー/有償） 良い物は高価、

はじめに WordPressに移行して今までずっとバックアップを取らずに年越ししてしまった@fwhx5296ことシゲちゃんです。 今までトラブルなくきたのは運がよかったのでしょう。新年を迎えたら早々にバックアップできるプラグインを導入しようと考えていました。 以前は、「WordPress Database Backup」というプラグインを使おうとチャレンジしたのですがどうもうまくいかず、結局なにも入れていませんでしたｗ 「BackWPup」を導入 去年とあるセミナーでりくま（@Rikuma_）さんとお会いしたときに、バックアップのプラグインについていろいろご教授頂きました。 本人はかなり苦労されていた様子で、過去のエントリーを見ても明らかｗ しかし今から挑戦しようという私みたいな人にはとても参考になります。（りくまさん、ありがとうございますｗ） それらのエントリーがこちら・・・ 巷で最近話

jQueryベースのUIツールキット・jKit のご紹介です。タブやアコーディオン などの良く使われるものから、簡易的 なパララックスやバリデーション、ズ ーマーなどなど多機能なUIキットとな っています。 2013年になりました。喪中により新年の御挨拶を控えさせて戴きます。皆様に取って本年が充実した年でありますようお祈りいたします。 さて、今日はUIキットのご紹介。jQueryベースとなっています。　jQuery UIでいいじゃんと思う方も多そうですけど、選択肢があるに越した事はありません。 ずらっと並んでいます。機能は42種とかなりの数です。 使い方は基本的には他のプラグインと変わりありません。コアとjKitを読み込んでセッティングします。 DOM要素にrel属性を与える形で実装します。 <div id="foo" rel="jKit[accordion]"> 例えばアコーディオンなら

年末は openFrameworks で遊んでました。成果物は適当に G+ とか youtube に上げてました。しょうもないデモだけど暇な人は見てみてね、って感じの用途だとこういうソーシャルメディアは便利な気がしますね… twitter だと短すぎるし、はてなとかだと大袈裟すぎる感があって。 https://plus.google.com/101346259708096774693/posts http://www.youtube.com/user/shinichirohamaji/videos?view=0&flow=grid 感想としては、 openFrameworks よくできてるなーと。良いなと思ったのは Linux, Mac なんかでとりあえずあんま考えなくてもビルドできて、まあ動く 公式非公式ともに addon が色々あって、たとえば opencv とか物理演算とか、簡易 G

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

今日会社の開発サーバでhitode君と遊んでて、動いているプロセスを調べていたのでメモ。 動いているプロセスを知りたい 基本的。 ps ax ps auxとかすると、メモリ使用量とかいろいろ見れる。 動いているプロセスの関係も含めて知りたい pstreeコマンドでできる。とりあえずどんな感じに実行されているかサマリーを知りたい時は以下のコマンド。 pstree いろいろ折りたたまれているので、それを展開したい時は-cをつける。 pstree -c コマンドの引数とかも表示したい時は-aつける pstree -ac pidを知りたい時は-pつける pstree -acp 表示してみると{}で囲まれているやつがあるけど、これは多分threadなんだろうと思う。linuxではthreadのidはpidのように管理されているみたい。 メモリやCPUを消費しているプロセスを知る topとかでいろいろ

Unlimited Plugins, WordPress themes, templates & assets! Unlimited asset downloads! Get Started

Sass は ネイティブ関数 のほかに、@function ディレクティブ を使ってカスタム関数を自由に定義することができます。僕もより共有や再利用のしやすいものを作るべく試行錯誤していますが、ここではそのうち最近試しているいくつかのパターンについて書いてみました。ご意見求む。 接頭辞 attr() や calc() など CSS のネイティブ関数や percentage() や type-of() といった Sass のネイティブ関数と名前が衝突するのを防ぐため、カスタム関数の関数名に接頭辞をつけることを検討しています。現行の CSS/Sass だけではなく将来追加される新しいネイティブ関数も考慮するとやはり何らかの対策をしておきたいところで、接頭辞は現実的な解であるように思います。Sass リファレンスの 関数ディレクティブの項 でも以下のように接頭辞の採用を勧めています: It is

Redmine 2.2.0がリリースされたので、CentOS 6.3上で動作しているRedmine 2.1.4からのアップデートを実施してみました。今回は、大きな変化がないと予想していたのですんなりアップデートできると思っていましたが、予想は外れていろいろ障害を乗り越える必要が出てしまいました。 bundle install時、xapian-fullでエラー bundle installを実行したときに、xapian-full gemをインストールしようとし、その際にエラーが発生しました。 Installing xapian-full (1.2.3) with native extensions Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension. : configure: err

yajl(Yet Another JSON Library)っていう高速なJSONライブラリがあって、 yajl こいつをrubyから使えるようにするyajl-rubyってgemがあって、これをMultiJsonのBackendに変更することで、RailsにおけるJSON処理の高速化が期待できるデス。 brianmario/yajl-ruby · GitHub 素のjson.gemと、yajl-rubyとで適当なActiveRecordオブジェクトからJSONへのエンコードと、その逆のデコードで簡単にベンチってみると、約2倍の差があることが分かる。 -------------------------------------------------------------------------------- Benchmark of json encoding/decoding json_

作成：2013/01/7 更新：2013/06/16 WordPress > 集客もSEOもちゃっかり強くしたい プラグインの中で強力に集客の効果を発揮するものをインストールしておきたい。 これと・・・このプラグインを入れてっと（１５分） よっしゃ！あとはブログを書くだけでOKOK！ 初心者さんも、熟練者さんも絶対に入れておくべきSEO強化に必須のプラグイン。今回は僕がWordPressをインストールしたらまず最初に必ず入れている秘蔵のプラグインと設定方法を用途ごとにまとめました。もちろんアクセスアップさせるためのものです。 使い方をどこよりも詳しく解説してあるサイトのURLをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．画像検索でも、ちゃっかり集客したい ２．内部SEOをトコトン強くしたい ３．メタを個別に自動生成させたい ４．リンクのち

あけましておめでとうございます。SF アドベントカレンダーも書けず、2012 年のまとめとかも書けず、まぁ何をしてたかというと生きるのに精一杯だったんですが、あともう一個やってたのがアプリ書くってことでした。前から、自前で簡単につかえる Heroku っぽい PaaS があるといいなぁと思ってたのですが、やっと動くものができましたので公開します。”My Heroku”で Myroku。 riywo/myroku-cookbooks · GitHub riywo/myroku-server · GitHub どういうもの？ 基本の挙動は超シンプルです。Heroku っぽい感じ。 好きな名前のアプリを作成する(sample-app) .llenvに使いたい LL のバージョンを書く(node-0.9.3) Procfileに起動するプロセス書く(web: node app.js) 一番最初に

「カスタムフィールド」「カスタム投稿タイプ」「カスタムタクソノミー」「カスタムメニュー」など、カスタムカスタム言い過ぎなWordPressですが、そういった機能をちゃんと理解するのはわりと難しいし、ちゃんと理解している人は少ないのではないかと思います。(僕も正確に理解していません) なので、自分の勉強も兼ねて、カスタム系機能を整理しています。 2013/1/5に WordBench神戸で発表した資料です。 Read less

this はインスタンス自身を指す、ただそれだけの話でしょう？ そんなふうに考えていた時期が私にもありました。そう、JavaScript の this に出会うまでは・・。 用語について 私は Java 脳で書いてるので、言葉遣いが JavaScript と若干違う部分があると思います。 下記のようなイメージで言葉を使っています。 用語 意味 クラス インスタンスオブジェクトの元となる設計図 コンストラクタ クラスのコード部分で、new したときにコンストラクタの内容で初期化する インスタンス クラスを元に実体化したオブジェクト メンバ変数 クラスやインスタンスに属するローカル変数 メソッド クラスやインスタンスに属する命令（関数） オブジェクト指向とプロトタイプと this JavaScript のオブジェクト指向開発では、元になるクラスを new することで、インスタンスを生成します。

gems ディレクトリの */spec/**/*_spec.rb ファイルに対して 'it .* do' を grep する。 cd ~/.rvm/gems/ruby-1.9.3-p327/gems find */spec -type f -name '*_spec.rb' | xargs grep -ho 'it .* do' | sort | uniq | lessみたいな感じ。以下のような出力が得られる。 : it "accepts a URL as the path" do it "accepts a block to change output" do it "accepts a block" do it "accepts a body" do it "accepts a class as argument with a task to invoke" do it "accept

In a recent discussion on Google+, a friend of mine commented, "Test-Driven Development (TDD) and Behavior-Driven Development (BDD) is Ivory Tower BS." This prompted me to think about my first project, how I felt the same way then, and how I feel about it now. Since that first project, I've developed a rhythm of TDD/BDD that not only works for me, but for the client as well. Ruby on Rails ships wi

はじめに PhantomJS - Scriptable Headless Browser PhantomJS はヘッドレスな（ブラウザ画面のない）QtWebKit ベースのブラウザで、JavaScript の API を通じて、そのブラウザを自由自在にあやつることが出来ます。使用シーンとしては、Jenkins などの CI ツールとの組み合わせによる Web ページの GUI の自動テストや、Web ページのスクリーンキャプチャ、スクレイピングなどが挙げられます。 今回は、ログインが必要なページの情報をパースして自分専用に RSS 化したいなと思い、３つ目のスクレイピング用途をベースに調べてみました。その内容を備忘録として残しておきます。 出来るようになること ログインが必要なページの HTML を取ってくる ログインが必要なページのスクリーンキャプチャを撮る PhantomJS の導入

移転しました http://please-sleep.cou929.nu/20121229.html

Mac に memcached をインストールしようと思ったら、Lion には最初から入ってたので、それを有効にした。 検索しても Lion に memcached が入ってることはほとんど知られてないみたいで、↓このへんぐらいしか出てこなかった。 https://gist.github.com/1462820 これを参考に、 ~/Library/LaunchAgents/com.danga.memcached.plist というファイルを作って、 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <k

ニコニコ動画の複雑系コミュニティの発起人のはむくんがライフゲームの世界というとても面白い動画を投稿されています。Twitterでは何度かツイートしてたけど完結したのでブログでも紹介させていただきます。 ライフゲームの世界1 John Horton Conwayが提案したライフゲーム（Conway's Game of Life）の基本的なルールを解説しています。また頻繁に現れる4種の物体（ブロック、蜂の巣、ブリンカー、グライダー）を紹介しています。最後の作品紹介は、P416 60P5H2V0 gunというすさまじいパターンが出てきます。グライダー銃から発射したグライダーたちが滑走路を通ります。グライダーの集合先では、発射された複数のグライダーが合体して宇宙船が組み立てられます。 ライフゲームの世界2 いろんな振動子（パルサー、タンブラー、銀河）が鑑賞できます。作品紹介では大量の振動子が勢揃い

alike での類似画像検索の主要な部分は上記の既存OSSを利用しているため、alike 自身は非常にコンパクトな構造になっています。下図にalikeのアーキテクチャを示します。 Apache alikeのデモ 下記のリンクをクリックすると、類似画像検索を体験できます。リンクをクリックして表示された画面の一番上の画像が「検索元」の画像で、2番目以降の画像が検索元と似ていると判断された類似画像一覧です。Luceneにより「似ている順」に表示されています。 http://rondhuit-demo.com/p/alike/ukbench/full/ukbench01700.jpg http://rondhuit-demo.com/p/alike/ukbench/full/ukbench01990.jpg http://rondhuit-demo.com/p/alike/ukbench/full

During the holidays, I spent some time catching up on the developments in ES6 (next version of JavaScript). While going through some of the proposals such as Minimal Class Definitions, Proxy API and Weak Maps; I noticed most of these enhancements make extensive use of the object manipulation features introduced in ES5 (ie. ECMAScript5 - the current JavaScript standard). One of the main focuses of

動作サンプル消しちゃったの直しました。 以下の内容は、『 mixi Engineers' JavaScript Advent Calendar 2012 』の12月19日分として投稿したものの転載です。内容に差異はありません。 bfcache について覚えて帰ってもらいます。 こんばんは。日々、一体お兄ちゃんだけど愛さえあれば関係ないのかどうなのか、そこのところについて確認作業を怠らないものです。 今日、偶然にもこれを閲覧してしまったみなさまには、近代ブラウザの誇る謎機能、 bfcache について覚えて帰っていただきます。どうぞよろしくお願いいたします。 bfcache （正式名称なのか、別名なのか定かではありませんが Back-Forwad Cache とも呼ばれます）をおもむろに Google さんに検索いただくと、権限のありそうな回答は Using Firefox 1.5 cach

画像処理だけで飯が食えるかっ！？ 主にコンピュータ関連の話題中心にしていこうかと思ってますがどうなるかは不明です。 写真の加工や顔認識といった画像処理の話題が多くなるかと思います はじめまして。京都の会社で画像処理エンジニアをしてますsakiyamaKです。 いつからかinstagramとかで写真をお洒落に加工するフィルタが流行りだして、ずっと興味があったので自分のプログラムで再現できないかと調べてみました。 で、一応コツがつかめる程度には再現できたんですが、いかんせん画像処理といえばC言語系でやるのが普通です。でもそれだとウェブ系の人たちにウケが悪そうだなと思ったんで、まずjavascriptの画像処理ライブラリを作ってみました。 名づけてOpenCVjs！ 名前の通り画像処理ライブラリのデファクトスタンダードであるOpenCVのjavascript移植版です。 せっかく作ったんで誰かに

久しぶりに mbstring モジュール(特にマルチバイト正規表現)のソースコードを眺めていたのですが、いくつか面白い(知らなかった)挙動がありましたでメモしておきます。 確認した PHP のバージョンは 5.4.10 ですが、PHP 5.0 以降であれば、あまり変わりません。 パターン修飾子 m と s の解釈 これまでは Perl 互換の正規表現と同じと思っていたのですが、マルチバイト正規表現のパターン修飾子 m と s は Perl 互換の正規表現(preg)と挙動が違います。 mb_ereg_replace() と preg_replace() で、改行を含む文字列置き換えの結果を比較すると以下のようになります。 パターン修飾子 s(マルチバイト正規表現:ONIG_OPTION_SINGLELINE, Perl互換正規表現:PCRE_DOTALL) $ php -r 'echo m

Why do we hate testing? How do we test JavaScript? How do we test Backbone.JS? (Credits to @searls for slides 6 through 12, used with permission).

In 2012, we covered a ton of new apps, resources, and more for designers and developers. In fact, we covered nearly 500 such resources! So rather than yhou having to go back through our archive of posts, we've gathered up the best of what was new over the past year in one place! We're not including everything (after all, some resources are no longer available, sites may have changed hands, apps ma

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

前回ざっくりWEBアプリが来る!という記事を書きました。 というわけで今回はWEBアプリの作り方!特にcanvasを利用したアプリの作り方について書いていこうと思います。かなり内容は入門者向けですので、まだプログラミングを知らないという人でも記事を読みながらプログラミングが出来ると思います。 これも連載形式で書いていこうと思います。 連載が終わる頃にはcanvasでWEBアプリを作れるようになっていることでしょう! 第一回目のテーマは色々やってみようということでcanvas関連メソッドのリファレンスを書いていきます。 参考図書 canvasで出来ること canvasを使う準備 canvasで良く使うメソッド まとめ という流れで書いていきます。 参考図書 参考図書にはこちら。 HTML5 Canvas 作者: Steve Fulton,Jeff Fulton,安藤慶一出版社/メーカー: オ

One notable thing about JavaScript in the browser compared to other popular languages is the almost lack of a standard library. Even some of the most common tasks can require a fair chunk of code. You can write it all yourself, but crafting cross-browser compatible code remains a minefield. If you don’t want to do it yourself, what can you do? The “traditional” way in JavaScript was to copy dubiou

皆さんはご存じですか？jsdo.itが行っている 「第三回全国統一HTML5実技コンテスト」 http://jsdo.it/event/html5csc/vol3 お題はHTML５で表情を豊かに表現する「顔文字（・∀・）」です。 エントリーは誰でも簡単にできるみたいです。 また、選ばれると豪華な賞品をゲットできます。 凄いですね。 MacBookProはめっちゃ欲しいです～ スクリプトを勉強中の方や得意な方は挑戦してみて下さい。 応募期間は1/16日までなので気をつけてくださいね。 学生やクリエーターなどたくさんの人がエントリーしてますね。 またjsdo.itは作品のコードも閲覧できるので、気になった動きなどを参考にして みるのもいいかも知れません。 またスクリプトが苦手な方はこちらで勉強してみてください。 とほほのJavaScriptリファレンス http://www.tohoho-we

ずいぶん前ですが Amon2 が WebSocket に対応したということで、今更感のあるチャットプログラムを書いてみることに。 今更とは言いつつも社内では IRC を使うことができないので、ちょっとしたメッセージがやりとりできるものを作ってみようかなと思い、そのベースとなるようなイメージで作ってみました。 オマケで以前から使ってみたいなぁと思っていた Redis や Proclet なんかも (無駄に) 使ってみました。 適当な Heartbeat で WebSocket を維持していたり、エラー処理が適当すぎて Member の一覧が嘘つきだったり *1 と、まだまだイケてない部分ばかりですが、最近時間がなかなか取れないこともあり、とりあえず動くし晒してみようかと思います。 Twincle の名前は昔テストで Twitter Client を作ったときに押さえた ID をそのまま踏襲し

なかなか良さそうだったのでメモ。 Webサイトの使い方などを教えてく れるツアーコンテンツを実装出来る ライブラリです。ツアーはハイラ イトを使って実装します。シンプル でいい感じ。 ツアーコンテンツスクリプト。なかなか良いです。mootools.js依存みたい。 ツアーコンテンツを実装するtour.js。まんまなネーミングですね。shift+?というショートカットキーがトリガーになってるみたい。 こんな感じでアニメーションエフェクトつきでハイライトしてくれます。 コードは・・元サイトのソースをご参照下さい。手抜きですみませんが少しバタバタしてるのでこの辺で。 以下よりどうぞー tour.js

何かこれいいよ、と言われたので入れて見たメモ。 まぁ、普通にインストール パッケージコントローラーインストール http://wbond.net/sublime_packages/package_control/installation に書いてるのをおもむろに実行。 これで cmd-shift-P で出てくるコマンドに Pac と入れたらパッケージコントロールのタブが出てくる。 設定変更 文法は、Python の dict っぽいけど、コメントは「//」なので注意 できることは、Preferences→Settings - Default に書いてること。 Settings - Default は基本弄らないと思う、代わりに Settings - User の方をイジる。 僕の考えた設定例 { "color_scheme": "Packages/Color Scheme - Defaul

gistfile1.textile Sublime Text 2 – Useful Shortcuts (Mac OS X) General ⌘T go to file ⌘⌃P go to project ⌘R go to methods ⌃G go to line ⌘KB toggle side bar ⌘⇧P command prompt ⌃ ` python console ⌘⇧N new window (useful for new project) Editing ⌘L select line (repeat select next lines) ⌘D select word (repeat select others occurrences in context for multiple editing) ⌃⇧M select content into brackets ⌘⇧↩

Posted 12月 13th, 2012 by codechord. 8 Comments Tweet Tweet こんにちは。Sublime Text 2 Advent Calendar 2012 の13日目です。 http://www.adventar.org/calendars/20 釣りタイトルですいません。 記事が思ったより長くなってしまったので、まず簡単に何をしたいかを説明します。 僕だけじゃないと思うんですが、sass/SCSSを使っている場合に限りですが、サーバにアップするのが自動でできなくて、イライラを感じたことはありませんか？SublimeText2使ったら解消でき、作業効率化できますよ。というお話で、一連の設定手順を紹介します。 SublimeText2を使って、Sass/SCSS(compass)を使い自動生成したcssファイルを自動でサーバにアップロード。これっ

Sublime Text 2 Advent Calendar 2012 とりあえず作ってみました！ Sublime Text 2に関することであれば何でもOKです。 ということで、Advent Calendarでは与えられたテーマから外れた内容で記事を書くことに定評のある@t32kがラストを飾ってやんよ(o°3°b)b 私、恥ずかしながらSublime Textのプラグインを作ろうと思ってもPythonも書けない最下級サブライムテキスターなので、そんな僕でもいつかはPythonとかRubyとかSublime Textで書きたいと思うわけです。そこで今はその悔しい気持ちをアイコンにぶつけるわけです。 ST2のアイコンですけど、まぁそんなに、いまいち、いわんや、それほど、ましてや、はたまた、それでいて、かっこよろしくないわけですね。なんだろう色かなぁ、角度？形状？S? そんなわけで、こう思って