Amazonアソシエイトは紹介した商品が購入されなくても収益になるPublished by Keiichi Yorikane on 2013年2月7日2013年2月7日 Google AdSenseに並び、ブログの収益化に用いられるのがAmazonアソシエイトです。 Amazon アソシエイト (アフィリエイト): アフィリエイトで副収入！ Amazonアソシエイトは成功報酬型（アフィリエイト）という点で、Google AdSenseのクリック報酬型と異なります。つまり、何かしら商品リンクを貼り、クリックしてもらい、Amazonで買い物が行われて始めて、報酬が得られるというわけです。 一見すると、Google AdSenseのよりもハードルが高そうですが、実際にはそうでもありません。個人的には、Amazonアフィリエイトのほうが好みです。 今回はAmazonアソシエイトの特徴と仕組みについ

main: レポジトリ概要 editorsの統括的なリポジトリですが、安定バージョンではありません。 安定バージョンはstableリポジトリ(今後追加予定)になります。

git pullは使わなくてもよい 初心者はgit pullを使わない方がよい 我々ソフトウェアエンジニアは勉強が大好きなので、コマンドがあるとそれを勉強して使いこなさなければいけないと考えがちですが、ときには「覚えない、使わない」という発想も大事なのではないでしょうか。 以下にその理由をのべます。 git pullは使う必要がない git pullを使わないとできないこと、というのはありません。 使わなくても全然困りません。 git fetchとgit mergeとgit rebaseだけですべての用は足せます。 私はチーム開発でGitを本格的に使い始めて数か月経ちますが、普段の作業でgit pullを使ったことはないしそれで困ったこともありません。 git pullを使わなければ、余計な落とし穴に落ちない git pullには落とし穴があります。 初心者はたいていその穴に落ちます。 「

JavaScript で縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。「竹取Web」につづく縦書き応援企画第２弾です。中国語と韓国語の縦書き化にも対応しています。 (2010年7月5日(月) 午前9時7分29秒 更新) Tweet これまで「writing-mode: tb-rl;」を指定可能な InternetExplorer5.5+ 以外の環境でレイアウトを保ったまま縦書きを表示することは困難でした。 ところが最近、IE 以外の主要ブラウザすべてが、CSS3 の「transform: rotate(deg)」に対応しました。つまり表示を自由に回転させることが可能になったわけです。 ということは、どういうことでしょう？ あるブロックを縦書き化したいとします。「回転できる」となると…、文字ごとに-90度回転させて、そのブロックを90度回転させれば…、そうです！　見た

CSSスプライトの作成、保存、共有が 可能なWebサービス・SpritePadのご 紹介です。少し大きめのプロジェクト 向けのサービスですかね。ドラッグ とドロップで作れるのはちょっと 良かったです。 昨日までずっとエラーで動かなかったんですが、改善されたようなのでご紹介します。simplessっていうLESSコンパイラがあるんですが、これを作成した会社さんのサービスみたいですね。 ドラッグ&ドロップで配置出来るCSSスプライトの作成ツールです。既に沢山にたようなのはありますが、直感的で使いやすかったので。 ここにローカル環境から画像をドロップすればアップロード出来ますので、あとは配置していきます。ユーザー登録すれば保存可能ですよ。 一纏めにされた画像とCSSが渡されます。class名は画像の名前を適応しますのでどれがどれだか、みたいな事も無いでしょう。 プレミアムユーザー プレミアムにな

要素のマウスオーバー時のhover効果をアニメーションさせるjQueryプラグイン。 リスト要素の各アイテムにマウスオーバーした時に、そのアイテムの背後にjQueryでhover用の要素を動的に生成して、アニメーション表示させています。 幅、高さ、オフセットなどオブジェクトの位置情報を取得するjQuery Dimensions Pluginを併用しています。 このプラグインを適用する要素には、CSS上のルールがあります。 マウスオーバーされたアイテムの親要素には、position:relativeあるいはposition:absoluteが指定されていること。 マウスオーバーされたアイテムには、z-indexが指定されていること。 動的に生成されたアイテムは、hoverされたアイテムのz-indexより小さいz-indexが指定されていること。 /* hoverされたアイテムの親要素 */

お名前.comのVPS（KVM）では2012年10月からvmvgaドライバに対応し、仮想マシン上のサーバーサービスでも高解像度環境が利用できるようになった。一般にVPSサービスを活用する場合、WebブラウザベースのコンソールやSSH経由のターミナルで操作する場合が多く、これまではX Window SystemのGUIを使うことを想定していないユーザーも多かっただろう。一方でGUIを使える場面はいくつかあり、設定ツールなどによってはGUIで操作したい、もしくはGUI操作を前提に作られてしまっているものもある。ここでは、vmvgaドライバを利用した高解像度X環境の利用と、Windows上のPC Xサーバーを利用したWebブラウザ上のphpMyAdmin管理画面をローカル接続に限定する、2つの活用方法について解説していく。 vmvgaドライバが使えるKVM VPS環境 お名前.comのVPS（K

さくらVPS 2GB SSDのCentOS 6.4をセットアップしてイケているRailsサーバに仕上げるまでのシリーズです。第3回はlogwitchの導入〜設定まです。このlogwatchとはログを整形してメールで1日1回送ってくれるようになるので、サーバのプロセスやログインの履歴確認を簡単に行うことができます。 ################### Logwatch 7.3.6 (05/19/07) #################### Processing Initiated: xxx xxx xxx 17:26:55 2012 Date Range Processed: yesterday ( 2012-Dec-13 ) Period is day. Detail Level of Output: 0 Type of Output: unformatted Logfiles f

v　多数のフォントライブラリを使用するデザイナの場合、作業に応じて必要とするフォントに素早くアクセスできるようプロジェクト別にカテゴリ分けしつつ、不要なフォントは随時無効化してシステムメモリの浪費を防止するという使い分けができれば理想的であろう。GNU/Linuxデスクトップにてこれらのニーズをすべて満たすフォントマネージャはわずか2年前には皆無であったのだが、将来的な可能性をも含めるならば、今では実に4種類ものフォントマネージャがその候補として上るようになっているのである。 Fonty Python 私が Fonty Python のレビュー記事を最初に執筆したのは1年前の話であった。それ以降の変化として、Type 1（PostScript）フォントのファイルフォーマットが追加サポートされはしたものの、その他には特に目に付く拡張は施されていないようである。 Fonty Pythonの場合

「Webデザイナーのためのタイポグラフィと文字組... / Webデザイナー（私）によるタイポグラフィーレイ... / Illustratorで文章を扱うとき（文字組版...他...全9件

フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

Webデザイナーのためのタイポグラフィと文字組版　by　鷹野 雅弘 [CSS Nite LP11] CSS Nite LP11の鷹野さんのセッション「Webデザイナーのためのタイポグラフィと文字組版」のメモ的まとめ。twitterも合わせてチェック！ 画像フォント ベタ組み ツメ組み 和文フォント 基本的に正方形の仮想ボディ内に文字が配置されている。 オーソドックス（仮想ボディーに対して小さ目・文字間が大きく感じる） モダンスタイル（仮想ボディーに対して大き目・文字間を感じない） イラストレーターで文字詰め 自動（フォントの情報から詰める） オプティカル（字面から詰める） その後、手動で詰める MSPゴシックとMSP明朝だけ仮想ボディを持たないポロポーショナルフォント。 欧文フォント プロポーショナル（文字ごとにサイズが違う） 欧文向け(ベースラインに余裕がある) line-height:

メッセージ #44528 への返信 > Hi, > > I would like to use these font for my Firefox 3.5 extension. Deos this site : > http://mplus-fonts.sourceforge.jp/webfonts/ > > allow cross-site font usage?

前回めでたくクロスドメインからレスポンスもらえるようになったけど、Cookieが送れなかった件。 参考をよーく見直してみたら、なんかCookieセットできそうな文章を発見。で、再度お試し。 RPC側を次のように修正。Access-Control-Allow-Credentialsヘッダーを追加する。 <?php header('Access-Control-Allow-Origin:http://localhost'); header('Access-Control-Allow-Credentials:true'); header('Content-Type:text/plain;charset=UTF-8'); $msg = ' World'; if(isset($_COOKIE['_test_'])) { $msg = ' Again'; } else { setcookie('_te

Access-Control-Allow-Origin使うと、 XmlHttpRequestでクロスドメイン接続できるらしいので、そりゃおもしろいとレッツトライ。 とりあえず、テストドメインtest.devの公開領域に次のスクリプトを準備。 <?php header('Access-Control-Allow-Origin:http://localhost'); header('Content-Type:text/plain;charset=UTF-8'); echo 'Hello World'; で、localhostの公開領域に次のHTMLを置く。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http

2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単

Serveltのフィルタを使う場合 私のWebサービスはJavaのサーブレットで作成しているので、フィルタを作って、Servletのレスポンスに上記のヘッダを付加してあげることにしました。 こんな感じです。 public class CorsFilter implements Filter{ public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req = (HttpServletRequest)request; HttpServletResponse res = (HttpServletResponse)response; res.setHeader

var XHR = new XMLHttpRequest(); query = "http://www.muratayusuke.com/"; XHR.open("GET",query,true); XHR.onreadystatechange = function(){ if (XHR.readyState == 4 &amp;&amp; XHR.status == 200){ alert("hoge"); } }; XHR.send(null); 上記のコードなんかよく見るXMLHttpRequestのコードだと思いますが、最近のChromeでこいつがエラーを吐くようになりました。そう、 "XMLHttpRequest cannot load http://www.muratayusuke.com/. Origin http://muratest is not allowed by A

■「ソーシャルデトックス」を手軽にできるキャンペーン そんな「SNS疲れ」を感じている人によさそうなキャンペーンを友人のFacebook投稿で見つけました。 からだ巡茶 ソーシャルデトックス TwitterやFacebookをお休みする「ソーシャルデトックス」を実施することで、癒しグッズが当たるプレゼントキャンペーンに応募できるという仕組み。からだ巡茶のティーバッグ発売に合わせたキャンペーンのようです。 こちらキャンペーンに関連したCM。 「つぶやきません。いいね、もしません。今だけは、私の時間。邪魔しないでね。」と言いながらお茶を飲む広末涼子さん。 早速応募してみました。 まずキャンペーン応募ページにアクセス。「はじめる」ボタンを押します。 TwitterかFacebook、お休みするソーシャルメディアを選びます。私はFacebookを選びました。 お休みする日数を選びます。1日お休みす

はてなは2月6日、「はてなブックマーク」トップページのデザインを変更した。1月に行ったリニューアルに対するユーザーの声を踏まえ、記事一覧からユーザーのコメントを消すなどして「情報密度を高め、コンテンツを見渡しやすくした」としている。 トップページの「人気エントリー」では、記事ごとに表示していたブックマークコメントを省いた上で、高さを圧縮したタイルデザインを採用し、コンテンツを見渡しやすくした。右カラムにあった新着エントリーや、はてなブログの人気エントリーといったメニューは下に移動させ、メインカラムの情報に集中しやすくした。 リニューアル時に変更したカテゴリ名についても説明。従来と同じカテゴリ数・分類アルゴリズムを維持しているが、「長年の運用を経て、当初のカテゴリ名とコンテンツがやや乖離していたため」カテゴリ名のみ変更したという。新旧カテゴリ名の対照表は以下の通り。 新カテゴリ名 旧カテゴリ

超絶行きたい！ やってみたい！ 東京は池袋にあるサンシャイン水族館で、スマートフォンに水族館の情報を取り込み各種SNSと連携して楽しめるサービスが、2月7日より始まります。 来館者は、水族館に設置されているNFCタグまたはQRコード付きのスマートポスターを使い、専用アプリ｢Ikesu｣をダウンロード。Android版とiOS版があります。 あとは、水族館の水槽脇に設置されている魚名板に取り付けられたNFCタグやQRコードを使って、魚の情報をスマートフォンに取り込んでいきます。スタンプラリーみたい。 集めた魚の情報でオリジナルの魚類図鑑を作ったり、スマートフォンのなかに自分だけの水槽を作って魚を泳ぎ回らせたりできるそうです。この様子はFacebookで共有が可能です。 あーーーーーーー、いってみてーーーーーーーー!! スマホの中に水槽作りてーーーーーー!! サンシャイン水族館、久しく行ってな

ぷるぷるしてたw 何枚も重ねたら面白そうだなぁ。('A')っ｜ぷるぷる！飛び出す？！CSSでテキストを3Dっぽくしみた！ :. SQUEEZE .: squeeze.jp/blog/web-desig… — すしぱくさん (@susipaku) 2013年2月6日 それでは・・・ まずは、何枚も重ねたような絵の素材が必要です。「街並みのシルエットを何層にも重ねて」など色々と考えていましたが、なかなかしっくり来ません。 そこで思い出したのがこれ↓ ・CSSで絵を描く！？今日から作れる達人のコツをご紹介 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話 『よし！キャラを描こう！』 まずは2D ORAEMON なかなか良いできです。 「box-shadow」「border-radius」など駆使して描きました。 （※CSS3に対応した最新のブラウザでご覧ください。）

まずは有料アプリ編ということで。 アプリについては価格設定ができますが、今は最安値で85円となります。 そして、1つのアプリに対してApple手数料分を差し引くとおおよそ60円の売上になります。 1667ダウンロード獲得すると、100,020円となり約10万となりますので、 仮に、1ヶ月30日とすると、55～56ダウンロード獲得すればいいということになります。 案外少ないと思われた方いらっしゃるかもしれません。でもこれがけっこう大変なんです。 やはり有料のアプリというのは、無料に対して圧倒的にダウンロードされにくく、 有料はデイリーダウンロードで全くされないということも多々あるようです。 ただ、やはり最安値で55～56DLですから、そこまで高くない目標ではないかなと思っています。 そこで、有料でもダウンロードしてもらうためにどうすればいいのか、弊社なりに行ってきた対策をまとめてみたいと思い

スマートフォンやタブレット端末の普及に伴い、社内の業務アプリケーションとiPhone／iPad上で動くiOSアプリを連動させて業務の効率化を図る事例が増えています。開発したiOSアプリを使えば、いつ、どこからでも社内システムにアクセスできるので、当日の売り上げを確認する、業務日誌を外部から記入する、顧客の要望に応じてプレゼンの資料をダウンロードして編集する、といった様々な作業が端末内で可能になるのです。 例えば、営業支援ツールとしてiPadを使ったシステムの構築事例は数多く存在します（表）。ダイキン工業では営業支援ツールとしてiPadを導入し、営業担当者が資料や情報を活用できる専用アプリを開発しています。アサヒビールでは、iPadでファイル共有のクラウドサービスにアクセスし、提案書やマニュアル、カタログなどの資料を閲覧できるシステムを導入しました。住友信託銀行は、iPhoneで顔認証させて

iPhoneとVPSを連携！ ｢さくらのVPS SSDプラン｣で自分だけのサーバーを構築した2013.02.06 11:00Sponsored サーバーいじるの楽しいよ。 ギズをご覧の方でサーバーを使われてる人ってどれくらいいるんでしょう？ この記事では今けっこう熱い｢VPS（バーチャルプライベートサーバ）｣についてと、iPhoneとVPSを組み合わせた応用技をご紹介します。ギズではかなり珍しいシステム的なサーバー構築記事です。 VPSはレンタルサーバーの1つで、共有サーバーに仮想OSをインストールさせて、あたかも専用サーバーに見立てているもの。1台のサーバーに複数のサーバーが動いてるというイメージが分かりやすいかと思います。 見立てているというのが重要で、こうすると専用サーバーと同等の機能が使えるようになり、使用ユーザーは比較的自由にサーバーをいじれるので非常に人気が出ています。それと、

The Next Webによると、Google DriveでHTML、JavaScript、CSS filesの一般公開が可能になったとのこと。これにより、簡単なWebページの公開であればGoogle Driveで行えることになる。 利用方法は「Host webpages on Google Drive」に詳しいが、 （1）Google Driveでフォルダを作り、共有設定を「ウェブ上での一般公開」を選択。 （2）作成したHTMLファイルをGoogle Driveでにアップロードする。この時点で公開される。 （3）公開したページを見るには、アップロードしたファイルをGoogle Drive上で閲覧し、閲覧しているページのアドレスのユニークの値（例えば、私の場合はhttps://docs.google.com/file/d/以下の値）をコピー。 （4） 「https://www.google

Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない（一部再生できるブラウザアプリはありますが）ので、困った困ったなのです。 そこで次代を担う（であろう）コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる！ 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi

http://www.ez0.net/distribution/font/kiloji/ より移転しました きろ字とは 表示できる文字 きろ字のダウンロード Version 2.1.0 きろ字のダウンロード（Debian or Ubuntu） ライセンスについて きろ字とは 「きろ字」は手書き風の総合書体フォントです。 "kilo" (kirononoの2004年当時のハンドルネームです) が2004年くらいに初めて作ったフォントでもあります。 このフォントを使って文字を表示すると上のイメージのようになります。 表示できる文字 きろ字に収録されている文字は以下のとおりです。 英数字、各種記号 ロシア文字、ギリシャ文字 罫線 ひらがな、カタカナ 第一水準漢字、第二水準漢字、IBM拡張漢字 きろ字のダウンロード 下記のリンクをクリックするとGoogle Driveの画面が開きます。お使いのPC