リンクのクリックやタップをフックしてリンク先URLをすり替えることにより、ユーザーを追跡しようという試み他を行っているウェブサイトは多い。Googleの検索結果などもそうだ。ユーザー追跡の是非はともかく、よく出来ていないウェブサイトでは中クリックやロング・タップを考慮しておらず、ユーザーが期待する動作をしてくれないことがある。 わざと中クリックやロング・タップを殺しているのだろうか？　常に同じタブ(ウィンドウ)でページを開かせ、ユーザーのウェブサイトの平均滞在時間を長くみせることができるから？　ブラウザーの「戻る」よりも、別に開いたタブを閉じる方が速いので、そうさせないことにより滞在時間を稼げる。それによりアクセス統計から見た場合にページの価値を高いものに見せかけることができるというわけだ。 悪意に解釈するとこうなる。実際にはそれほど悪意を持って殺しているわけではなく、単純にシングル・ペー

@takehiro に教えて貰ったCircle CIを使ってみるともの凄く良くて、とてもお勧めなので記事を書きました！ Circle CIって何？ Travis CIと同機能でWebでのUIが若干違うサービスです。 CIとしての仕事はきちんと行えます。 Circle CIの使い方 https://circleci.com/ にアクセスします。 Githubアカウントでサインアップを行います。 画面に従って進むとプロジェクトをfollowする画面が表示されます。 CIしたいプロジェクトをfollow後、"Done Managing Repos"をクリックします。 ここでは"camelmasa/spree"を選択します。 するとfollowしたプロジェクト一覧のテスト結果の画面が表示される様になります。 これでCIが出来る環境が整いました！ 後はgithubにpushする毎にCIが実行される様

プログラムの実行を一時停止(ブレーク)させて変数の状態をチェックしたり、関数の呼び出し階層(コールスタック)を調査できる機能です。 使いやすくなった機能 タブで複数のファイルを開けるようになりました(複数のコードを比較することはできないようです) ミニファイされたコードの展開(ボタン1つワンクリックでできるようになった) ブレークポイントやテキスト検索でヒットした位置がスクロールバーに表示されるようになった ブレークしたときのローカル変数、ウォッチ式、コールスタックが同時に見られるようになった トレースポイント トレースポイントはIE11で追加されたものです。ブレークポイントに似ていますが、設定した行で停止せず、コンソールに残す一時的なログを設定できます。 ソースコードにconsole.logを書かなくて済んだり、リロードしなくてもよくなるのでかなり便利な機能かと思います。 条件つきブレー

『「話のおもしろい人」の法則』（野呂エイシロウ著、アスコム）は、放送作家として『天才・たけしの元気が出るテレビ!!』『ザ！鉄腕！DASH!!』『奇跡体験！アンビリバボー』『ズームイン!!SUPER』などのヒット番組に携わってきたことで知られる著者が、人の心をつかむための話し方をレクチャーした書籍。 「話し方の法則」について、さまざまな角度から考察しています。きょうは、ビジネスのシーンに最も活用できそうな第2章「会話が続く人、続かない人の話し方の法則」を見てみたいと思います。 会話が続く人は、意表をついて驚かせる。続かない人は、天気の話をして退屈がられる 本題へ入る前に「天気の話から入る」という常套手段がありますが、会話を続けたいのならそれは絶対に避けるべきだと著者は主張しています。なぜなら天気の話題を振られた相手は、「そうですね」としか返しようがなく、話が広がっていかないから。会話のきっか

フランツ・カフカは、20世紀でもっともクリエイティブかつ影響力のある作家と言われています。実はそのカフカ、労働時間のほとんどを、チェコの労働者傷害保険協会で弁護士として過ごしていました。いったいカフカは、毎日の仕事をこなしながら、どうやってあれだけクリエイティブな作品を生み出していたのでしょうか。その秘訣は、スケジュールを厳守することにあったようです。カフカの勤務時間は8時30分から14時30分。それから昼食を食べ、19時半までの長い昼寝をします。昼寝から目覚め、エクササイズの後、家族と一緒に夕食。23時から数時間の執筆をしたのち、ベッドに入るという毎日を繰り返していました。 カフカのようなスケジュール厳守は、決して珍しいことではありません。メイソン・カリー氏は、著書『Daily Rituals: How Artists Work』において、世界の偉大なるアーティストらが、自分のスケジュー

プレゼン自分ではすべったことないから得意だと思ってるのでいつも気をつけてることをシェアします。これさえ守ればすべらないのだから楽。 目次 目次 最初にめちゃくちゃおもしろい話をする 箇条書きせず一行ずつページを分ける 絵をでかくする 新しいページ作ったらデフォルトのパーツを全部消す 先に言う 意見や疑問を述べる スターウォーズエピソード4を見る 最初にめちゃくちゃおもしろい話をする 聴衆は懇親会のことしか考えてないので、とりあえず最初におもしろい話をして、注意を引きつけるとよい。つかみはこれでオッケーだって言えればよいくらいの面白い話をしましょう。よくある技術ブログとか、技術雑誌だと、こんにちは、最近温泉に行って心身共にリフレッシュしました、ヒトデです、とか書いてあるけど、そんなの読んで喜ぶ人が本人と家族と親類以外にこの世にいたらおかしいから、そういうのじゃないとよい。 箇条書きせず一行ず

a 興行チケットのEコマースでは、Ticketmasterが独占的な地位にある。米国でのマーケットシェアは83％とも90％ほどとも言われるが、その圧倒的な強さは、ネットショッピング全般におけるAmazonの存在感すらもしのぐほどだ。 米国におけるオンライン・チケット販売の市場規模は40億ドル約4090億円）（。あるいは46億ドル（約4700億円）（と言う声もある。これだけ市場が大きいということは、大手の隙間にスタートアップが活路を見出す余地もある。これまでも、独創的な手法で注目を集めているサービスをブログでいくつか紹介してきた。 たとえば、開催日直前になって売れ残ったチケットをディスカウント価格で提供する「Goldstar」や、試合前にフィールドに入る権利など、VIPな観戦体験を提供して差別化している「Fandeaver」。そしてプロスポーツのシーズンチケットに着目し、その二次売買というか

巨大なファイルをアップロードする際に欲しくなるのがリジューム機能です。万一途中でネットワークエラーになったりして最初からやり直し、なんてことになったらもはや二度とアップロードする気にならなくなるでしょう。 今後Webの利用範囲が広がっていく中で、動画をはじめサイズの大きいファイルをアップロードしようと思ったらリジューム機能は欠かせなくなります。そこで使ってみたいのがFlow.jsです。 Flow.jsの使い方 Flow.jsは通常のファイルアップロードの代わりに使えるようになっています。 デモです。ボックスにファイルを追加します。 アップロード中… 途中で止めたり、一つだけ再開もできます。 タネを明かすと、Flow.jsではFile APIを使ってファイルを読み込み、小さく分割（チャンク）してアップロードを行っています。その分ネットワーク接続の回数が多くなりますが、巨大なファイルによるネッ

人事担当者やリクルーターは、履歴書を数秒しか見ないと言われますが、だからと言って手を抜いていいわけではありません。仕事にありつく大事なチャンスを掴むためには、履歴書は念入りに仕上げたほうが良いでしょう。今回は、Googleの人事主任に聞いた、履歴書に適切な情報を載せるためのシンプルな書き方をお教えしましょう。米紙ニューヨークタイムズのインタビューで、Google人事の全権を握っているLaslo Bock氏が、「良い履歴書の書き方とは？」という質問に、次のように答えました。 大事なのは、自分の強味を次の方程式に当てはめて説明することです。 「Yと比べて、Zをすることで、Xを達成しました」 ほとんどの人が、「ニューヨークタイムズ紙で論説を書いていました」といった履歴書の書き方をします。先の方程式に当てはめるとこうなります。 「ほとんどの記者は平均で6つしか書きませんが、この分野における深い考察

初めての方へ パワフルでフリーなデザインツール イラストレーター、デザイナー、ウェブデザイナーなど、ベクターイメージを必要としている皆様に、Inkscape をオススメします。 柔軟性のあるドローツール さまざまなファイル形式との互換性 強力なテキストツール ベジエおよびスピロ曲線 Inkscape についてもっと知りたいですか?  機能の一覧をご覧になるか、今すぐ使ってみてください! Contributors 私たちのコミュニティに参加しませんか 私たちはいつも多くの方々からの支援に助けられています。あなたがコードを書けるなら、私たちの開発を助けてくださいませんか。コードを書く以外にもできることはたくさんあります: 機能のリクエスト バグの報告 ドキュメントの改善 より詳しい情報は 開発者向け セクションをご覧ください。

Twitterはテキスト中心のため動作が軽いのですが、逆に言うとその中で印象に残るツイートをするのは工夫が必要ということでもあります。超重要なツイートを目立たせることができるというサービスを利用するという手もありますが、GIF作品の投稿・共有サービスである「GIFMAGAZINE」を利用すると、通常GIFアニメが動かないはずのTwitterタイムライン上でアニメを動かせるようになります。 GIFMAGAZINE http://gifmagazine.net/users/sign_in GIFMAGAZINEのトップページを開くと、さまざまなGIFアニメ画像が表示されていました。キャプチャ画像は静止していますが、実際にページを訪れると全ての画像がアニメ表示されています。 実際にサービスを利用するためにはログインが必要。メールアドレスとパスワードで登録する方法と、FacebookかTwitte

「StyleSaint」は、オンラインから生まれたファストファッションブランドだ。 ファストファッションブランドの成功には、スピーディな商品開発に加え、販売価格を抑えるため、大規模生産も欠かせない。彼らは大規模生産を行わずに実現している。 米国のベンチャー・キャピタルなどから総額580万ドル（約5億8000万円）以上の投資も受けている、注目のスタートアップだ。彼らはどうやって、大規模生産を行わずに、ファストファッションブランドを立ち上げたのか？ そこには、インターネットの活用があった。 今日は、現在のアパレル業界に新風を吹き込もうとしているこのブランドについて見て行きたい。トレンドはどこで作られているのか？　その質問に一言で答えるのは難しい。ただ少なくとも、その傾向を見出すことはできる。 ファッション誌に載ったアパレルが注目され、多くの人が身につけることでトレンドとなる。ゴシップ誌に取り上

Windows版の音楽プレーヤーは数え切れないほどあります。どんなユーザーの要望にも応える最良のプレーヤーを決定するのは不可能に近いと言えるでしょう。 しかし、軽量にして強力、様々なカスタマイズが可能なMusicBeeがWindows上のベストプレーヤーとして私たちの心を鷲掴みにしています。 私たちの以前のお気に入りであるWinampは閉鎖されていますが、何も繰り上げでMusicBeeをベストとしているわけではありません。「死んでいる」アプリケーションであっても、最良のアプリならば使用する価値があります。 私たちは多くのテストを行い、熟慮を重ねて決定しました。Winampはもはや最良の音楽プレーヤーではありません。この記事の下部には、MusicBeeの競合アプリとしてWinampを掲載しています。 MusicBeeがこのアプリ・ディレクトリーの中で「最良の音楽プレーヤー」に君臨している間で

Device.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 最近はスマートフォン、タブレット、デスクトップとWebブラウザごとの処理分岐が多くなっています。そのような時に都度ユーザエージェントで判別しているのでは面倒です。使ってみたいのがDevice.jsです。 iPhoneで縦の場合。デバイスの種別やOS、向きが判別できています。 横向きにすれば判定が変わります。 タブレットの場合も同様です。 HTMLソースです。htmlのクラスに追加されています。 向きを変えればhtmlのクラスがリアルタイムに変わっています。 Device.jsではOS（iOS/Android/Blackberry）、向き（縦または横）、種別（スマートフォンまたはタブレット）といった情報をHTMLタグに対して定義してくれます。これを基準にすれば処理判定がとても簡単になるでし

ある機能を追加しようとした時、いくつかある手法から選択する条件として、シンプルであることや簡単であることをが重要視されることは多い。けど、それと同じくらい今だけでなくこれからの機能との兼ね合いも考慮するべきで、シンプルで簡単という作業上のメリットのみで選択してしまうのは良くない。フロントエンドの人なのでclearfixを例にして書く。 マークアップの追加によるものを論外とすると、clearfixの実装としては主に以下の4つが挙げられると思う。 オリジナルのcontent: "."を使ったもの マージンの相殺を考慮したもの Micro clearfix overflow: hiddenを指定するだけのもの シンプルであることや簡単であることのみを考えるのなら、間違いなくoverflow: hiddenを指定するだけのものを選択することになると思う。 なんといっても1行で済むことと、擬似要素が

Prototyping a new god. 宗教学においては、儀式は、思想が行動として表現されるもので、それによって特定の宗教を信仰する者と信仰しない者を具体的に判別する事が出来るとし、個人ではなく、集団で行う事で教団として社会から認知されるとする所から、宗教集団を構成する要素の1つとして位置づけている。 インターネットにつながるということは、テクノロジーという教義が支配するワールドワイドウェブと呼ばれるの宗教世界に入っていく体験に近い気がする。一昔前、インターネットにつながるためにはダイアルアップ接続の手順を踏まなければならず、当時学生だったぼくは電話代を節約するために夜23時の定額時間帯になった瞬間に、パソコンの前に座してダイアルアップボタンを押すのが日課だった。それは今思うと図らずして儀式めいていたように思う。 今やネットに常時接続されていることが当たり前になり、ダイアルアップのよ

当事者と観察者について。 当事者は、素直に本音を言う。 たとえば、仕事で働かない同僚を見つければ「あいつは俺と同じ給料を貰っているのに、働かないのは不公平だ」といい、テレビで生活保障が得られなかった親子が餓死すると「かわいそうだ。社会は彼らが生きていけるだけの糧を与えるべき」という。 相反した意見を吐く当事者を詰るのは簡単だが、そういう矛盾を心の中に幾つも抱えながら生きていくのが人間だ。 だから、往々にして「お前が言うな」とか「超大型ブーメラン」などが発生する。それらは、新しい状況を前にした本音を漏らすことが原因である。 そういう当事者が、アンケートで「自民党を応援しています」と回答したとして、政策別の質問で自民党の政策と合致しない回答を多くする場合もある。それは揺らぎなんだろうか？ 分かる人には分かって欲しいのだが、人間の感情というものはそもそも環境に流されやすく、理性だけで政治決定し、

「Stormboard」はブレインストーミングなど、アイデア出しや複数人での情報共有に便利なウェブサービスです。ブレインストーミングではホワイトボードに書いたり付箋を貼ったりしますが、それをオンライン上で行えます。様々なテンプレートが用意されているので、登録してすぐに活用できるかと思います。 以下に使ってみた様子を載せておきます。まずStormboardへアクセスしましょう。無料登録後、「Storm」を作成することができます。様々なテンプレートが用意されているので、目的に応じて最適なものを選びましょう。 このように各項目にコメントを寄せたり、スクリーンショットやフリーハンドで描いた図を載せたりすることもできます。それぞれに対してコメントをつけられるので、いろんなアイデアにつっこむことが可能。 チャットルームも常備されているので、みんなで話し合いたいことがあれば、その場でコミュニケーションを

2014年4月17日(現地時間)に、DropboxはWiki風ドキュメント編集サービス「hackpad」と、写真のクラウド管理サービス「Loom」を買収したことを発表しました。Loomはサービスが終了となりますが、リアルタイムで任意の人数とWiki風のメモを作成できるhackpadは今後もサービスを継続予定。iOSアプリをリリースしており、日本でも使用可能で、今後のDropboxとの連携強化も期待できそうなので、実際にインストールして使ってみました。 iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 hackpad for iOS https://itunes.apple.com/jp/app/hackpad-for-ios/id789857184 まずは「無料」、「インストール」、「開く」の順にタップ。 アプリを開くとGoogle・Fac

Gitterに感動した 金曜にメールチェックしてたら「Gitterが一般βになったから誰でも参加できるようになったよ」ってメールが届いてた。 確か以前は抽選かなんかだったんだけど、アイディアがちょっと面白いなーと思って参加できるようになったらメールでお知らせしてもらおうと登録してたんだけど。 Gitter - Chat, for GitHub 早速、試してみたんだけど…久々に感動するレベルのWebサービスでした。 そもそもこのサービス何なのか知らない人が大半だと思うんで、ちょっと説明するとこんな感じです。 GitHubのリポジトリやOrganization単位でチャットルームを作ることができる まあ、これだけなんですが。WebアプリとMacアプリがあってiPhoneとかのモバイル対応はまだらしい。とはいえ、Webアプリの方をMobile Safariなんかで見たらそこそこ見やすい感じではあ

jquery-decapitateはjQuery/JavaScript製のオープンソース・ソフトウェア（2-clause BSD lisence）です。 大きなHTMLテーブルを表示していると、どのカラムが何のデータだったか分からなくなって、また上にスクロールして確認する…なんてことがあるかと思います。そんな面倒さから解放してくれるjQueryプラグインがjquery-decapitateです。 最初の表示です。この時点では普通のテーブルに見えます。 スクロールするとヘッダーが画面上部に残りました。 こちらは二つのテーブルのデモ。 ヘッダーの高さが違ってもちゃんと残ります。 レスポンシブ対応なのでスマートフォンで見た場合も分かりやすくなります。 ヘッダーが複数行であっても問題ありません。 ヘッダーが残ってくれるだけでデータの確認がとてもしやすくなります。データ操作の伴わない、一覧で表示する

夏休みをとられている人が多いので電車が空いていて出勤が快適な週ですね。tanakaです。 今日はIDE PhpStormの機能のなかで既存のコードを包む機能「Surround Template」を紹介します。 プログラムのコードというのはなかなか最初から最後まで一直線に書いていくのはできなくて、あとでifブロックで囲んだり無名関数で囲んだりしたくなるものです。そんなときに使えるのが「Surround Template」。…といっても実際のところまだ使ったことがありません。 使い方 まず、Surround Templateで何ができるかというと、すでに書かれたコードをifブロックやforブロックで囲むことができます。JavaScriptなら無名関数で囲めますし、htmlファイルならタグで囲むことができます。 上記のように文字列を選択した状態でCtrl+Alt+Tを押します。すると次のような選

editor profile Tomohiro Okusa 大草朋宏 おおくさ・ともひろ●エディター／ライター。東京生まれ、千葉育ち。自転車ですぐ東京都内に入れる立地に育ったため、青春時代の千葉で培われたものといえば、落花生への愛情でもなく、パワーライスクルーからの影響でもなく、都内への強く激しいコンプレックスのみ。いまだにそれがすべての原動力。 photographer Suzu（Fresco） スズ フォトグラファー／プロデューサー。2007年、サンフランシスコから東京に拠点を移す。写真、サウンド、グラフィック、と表現の場を選ばず、また国内外でプロジェクトごとにさまざまなチームを組むスタイルで、幅広く活動中。音楽アルバムの総合プロデュースや、Sony BRAVIAの新製品のビジュアルなどを手がけメディアも多岐に渡る。https://fresco-style.com/blog/ 畳と緑茶

Chrome：送ったメールが読まれているかどうか知りたいと思ったことはないですか？　Chrome拡張機能の「MailTrack」を使えば、Gmailで送ったメールが読まれたかどうかをシンプルなアイコンで知らせてくれます。MailTrackは他の拡張機能と異なり、送信メールに小さなアイコンを付けて、受取人がメールを開封したときに色で表示されるようになっています。既読報告をする拡張機能は他にもありますが、MailTrackの特徴は、アイコンだけで知らせてくれるというシンプルさです。Gmailのデザインにもうまくマッチしているので、あたかも純正機能のように見えます。 ただ、メール受取人が自動イメージ表示をオフに設定していた場合、既読通知は届きませんので注意が必要です。私が気に入っているのは既読表示だけでなく、どのデバイスで最初に既読となったのかも知らせてくれる点です。送信アイテムをチェックすると

『Pocket』は、「あとで読む」系サービスの中でも長い間、米Lifehackerのお気に入りでした。Pocketには長文記事を保存しておくだけではなく、実はもっと色々な使い道があります。今回は、Pocketをプロ並みに使いこなす方法をご紹介しましょう。 とにかく簡単にコンテンツを追加する方法 Pocketが使えるアプリはたくさんあるので、FeedlyからでもTwitterからでも、Pocketに記事を追加することはできます。しかし、Pocketに記事を追加する方法は本当に数えきれないほどあります。 ・機能拡張やブックマークレット Chormeユーザーであれば、Pocketの機能拡張を使えば、その時に読んでいる記事をPocketに追加できます。他のブラウザのユーザーは、ブックマークレットを使いましょう。どちらも記事を追加する時に、好きなタグを付けられます。 ・メールを送る 携帯や、Pock

普段はブログ記事で初心者向けの使い方を解説することが多いですが、今回は特殊なタグを使って、書き込んだメッセージに装飾をする方法を紹介します。 [hr]で線を引く

安全なパスワードと覚えやすいパスワードのバランスに悩むことはありませんか？　自分でも覚えられないパスワードほど安全ですが、パスワードマネジャーを使用できない場面では、記憶に頼らざるをえません。 セキュリティ侵害が発覚するたびに、私は頭を悩ませます。今年の春、ハートブリードの脆弱性が見つかり、全員がパスワード変更を余儀なくされました。その作業は、今でも続いています。ハックされる恐怖におびえると同時に、自分のお気に入りのパスワードを完全に変えてしまうことに時間と精神的エネルギーを費やすのが無念でなりません。 これは、あなたも同じでしょうか？ もしあなたが、ユニークかつランダムな、突破できないパスワードを管理するシステムを導入しているなら、敬意を表します。ある推定によれば、パスワードを再利用せず、セキュリティが充分といえるユーザーは全体の8%だそうです。 残りの92%は、対策が必要です。安全なパ

PhoneGap/Cordova 3.5対応 現在のMonacaはPhoneGap/Cordova (以下 Cordova) バージョン2.9をフレームワークとして使用していますが、いよいよ次回のアップデートで、最新版であるバージョン3.5に対応する予定です。（スケジュールは7月末頃を予定しております）そのメリットと留意して頂きたい点について、ご説明いたします。 これまでのMonacaはCordova 2.9ベースであったため、脆弱性やAppStoreでのアプリ審査上の不安要素となっていましたが、今回Cordova 3.5に対応することにより、最新機種でのパフォーマンスが期待出来るとともに、セキュリティ的にもより安心して使えるようになります。さらに、使用しないプラグインが組み込まれなくなりますので、これまでよりもビルドされたファイルサイズが小さくなります。 また、Cordovaプラグインの

By quinn norton Tor(トーア)はIPアドレスを相手に知られることなくインターネットに接続したり、メールを送信したりできる匿名の通信システムです。世界的に有名なBlack Hatセキュリティカンファレンスでは、Torの暗号化を無効にしてしまう内容の講演が、講演者の在籍する大学の弁護士による要望によってキャンセルされたこともあり、セキュリティ業界に波紋を広げました。インターネットに詳しい人ならよく知っているTorですが、名前を聞いたことはあるけども実際はよく知らない人や、存在自体を知らない人がたくさんいるとのことで、デジタル社会の自由な権利について活動している電子フロンティア財団が、「Torについて知っておくべき7つのこと」を公開しています。 7 Things You Should Know About Tor | Electronic Frontier Foundation