touch, click, pointerの実装 前編 タッチイベントとマウスイベント このシリーズでは、タッチ／マウスイベント系の実装を考えます。第1回目はタッチイベントとはなにか、また、タッチイベントとマウスイベントの判別について解説します。 はじめに iPhone、Androidが登場したのはもう何年も前ですが、さらにWindows8も登場し、いろいろと状況が変化してきました。Windows8を搭載したPCの多くはタブレットデバイスのように、画面に触れることができるようになっています。 しかしながら、これらのデバイスはマウスを使っても操作できるようにもなっています。今後、どのようにタッチ／マウスのイベントを扱っていけばよいのかは、これからのウェブ開発において、より重要になっていくはずです。 そこでこのシリーズでは、タッチ／マウスイベント系のブラウザへの実装を整理し、それらのブラウザに

手順は４つになります。 Amazon EC2 Eメール上限緩和申請手順 逆引き(rDNS)設定申請手順 Amazon EC2 Eメール上限緩和 + 逆引き(rDNS)設定申請手順 逆引き(rDNS)設定解除申請手順 手順を区分けします。 申請 Amazon EC2 Eメール上限緩和申請手順 逆引き(rDNS)設定申請手順 Amazon EC2 Eメール上限緩和 + 逆引き(rDNS)設定申請手順 解除 逆引き(rDNS)設定解除申請手順 まとめ 申請は、3のAmazon EC2 Eメール上限緩和 + 逆引き(rDNS)設定申請手順だけではありません。1と2の2回でもよいということです。解除もできます。 間違って申請した場合も、訂正して正確な情報をAWSに申請しましょう。そして、使わなくなった場合も4の解除申請を忘れずに。 元記事はこちらです。 「EC2インスタンスからメール送信のための準備

ども、大瀧です。 EC2からEメールを送るという案件、たくさんありますよね。そして結構な確率でトラブるんですよね(涙目)。そんな苦い経験をベストプラクティスとしてまとめてみました。一応技術的なところは網羅したつもりですが、メールセキュリティの専門ではないので、不備や間違いがあればご指摘ください。 では、メール送信トラブルの元凶である、スパムメールとその対策からご紹介していきます。 スパムメールとの闘いダイジェスト Eメールの歴史は、スパムメールとの闘いの歴史と言えます。 不特定多数に送信されるスパムメール(未承諾の広告メール)は、メール受信者に不快な思いをさせるとともに、メールサーバーのメール流量を爆発的に増加させ、長らくメールサーバー管理者を泣かせてきました。 このスパムメールをなんとか撃退しようと、現在では主に以下のような対策が行われています。 1. 送信メールサーバー側のネットワーク

今回の地震については 通行実績マップをトヨタとホンダが公開しています。 トヨタ | 通れた道マップ http://www.toyota.co.jp/jpn/auto/passable_route/map/ Honda│internavi│インターナビ 通行実績情報マップ http://www.honda.co.jp/internavi/saigai/kumamoto/?from=RSS ホンダの通行実績を組み込んだ地図サービス -災害情報マップ http://www.google.org/crisismap/japan?hl=ja&gl=jp -Yahoo!地図 http://map.yahoo.co.jp/maps?layer=in&v=3&lat=32.789828&lon=130.741667&z=10&utm_content=buffera7b8a&utm_medium=socia

熊本地震、道路情報、交通情報マップ、通行止めまとめ地図 2016年7月8日の14時頃に作成したものです。 熊本、福岡、大分県のウェブサイトに掲載の通行止めのデータを渋滞情報とともに地図に記載しています。 １日１回程度の更新を予定していますが、最新情報は下記よりご確認ください。 熊本県防災情報 福岡県道路情報 大分県道路規制情報提供サービス

クラウドソーシングサービスなどというサービスにちょっと手を出してみました。結論からいうと、正直あまり使いたくないなと思いました。よくも悪くも名前を聞くランサーズというサービスについてです。なんかもっと上手に付き合う方法がある気がしてたんだけどなあ。 クラウドソーシング(というかランサーズ)について どんなサービスか ランサーズ 一言でいうと、仕事をやってほしい人と仕事をしたい人のマッチングサービスです。 特徴 良い所 営業しないでもお客さんと出会える可能性がある エスクロー入金(後述します) 手数料は無難な料金設定だと思う。特に文句はない。 悪いところ 今からツラツラと書く。 どんな仕事内容がマッチングされているのか システム開発 webシステム・アプリ開発・ソフトウェア開発・VBAなど・ゲーム開発・サーバ構築・セキュリティ・DB構築 Web制作 ホームページ/webデザイン・スマホ/モバ

pjax とは pushstate　+ Ajax を用いたJQueryプラグイン。 ページの非同期遷移を可能にするのとブラウザに履歴を残せる。 falsandtru defunkt の2つのプラグインがあるが、「falsandtru」のほうが多機能で便利そうなのでこちらで話しを進める。 非同期遷移だと何がいいのか ページ遷移の際に表示が早い、ページそのものを再描画するのではなく、大元のHTMLはそのままで必要な部分だけ差し替えるのでレンダリングが早いというのと、img,js,cssファイルのリクエスト数が減るのでその分高速になる。 pjaxだと何がいいのか 非同期遷移のページを作るための、オプション、callbackや、eventが沢山用意されていてカスタマイズしやすい。 サーバーサイドでの処理をしなくてもクライアントサイドだけで完結できる。例えば、普通にSPA(single page a

住まい探しをすると必ず目にする「未公開物件」という売り文句。そもそも折り込みチラシに書かれていたり、ウェブサイトに載っていたりと簡単にアクセスできるにもかかわらず、「未公開」な時点で疑わしいが、いったいどういったメカニズムがそこにはあるのか。 「基本的にすべての物件は市場に出た瞬間に情報共有されるため、一度、市場に出た物件はどの不動産会社でも扱うことが可能です」と指摘するのは、『不動産業界の人だけが知っている新築マンションは買わないほうがいいワケ』が大きな反響を呼んでいる不動産コンサルタントの城戸輝哉氏。 「特定の会社でしか扱っていない物件というのは、まずありえません。『お得な情報があったらください』と不動産業界にいると、挨拶のように言われますが、お客さんが期待するような『未公開物件』も『掘り出し物件』も基本的に存在しません」 では、なぜ「掘り出し物」や「未公開」といった売り文句を業者側が

by ライブドアニュース編集部 ざっくり言うと 不動産コンサルタントの城戸輝哉氏に住宅購入について聞いた 物件にどうやって付加価値をつけるか検討することが不可欠だと指摘 予期せぬ出来事に対する出口戦略を考えておくことも必要だという 提供社の都合により、削除されました。 概要のみ掲載しております。 関連ニュース ランキング 総合 国内 政治 海外 経済 IT スポーツ 芸能 女子

SVG（Scalabe Vector Graphics）の世界は魅力的です。そして、これを使ってできることや、これに用意されているオプションには圧倒されてしまうほどです。 SVGはXMLベースの2次元ベクター画像形式で、インタラクティビティとアニメーションをサポートします。言い換えると、SVGは図形やグラフをレンダリングするXMLタグで、その図形やグラフはHTMLの構成要素がそうであるように、インタラクトしたりアニメーション化したりできるのです。 SVGに関して、私がよく受ける質問の1つは、SVG画像のアニメーション化についてです。そのやり方だけではなく、それが何なのかということも聞かれます。ですから、現在の（そして未来の）SVGアニメーションの状況を見ながら、あなたが苦痛を感じずに行えるようなヒントやツールについてお話ししましょう。 同期マルチメディア統合言語、またの名をSMIL（Syn

こんにちは。そろそろUnityを習得すべきという空気をひしひしと感じているcocoponです。今回は「Unity UIデザインの教科書」をお供に、Unity習得に挑戦してみることにしました。Unity初心者は、短時間でどの程度GUIを作れるようになるのでしょうか。 Unityとは「Unity」とは、ゲームを作るときの基礎となってくれる「ゲームエンジン」のひとつ。 ゲームにとどまらず、iOS/Android両用のアプリ開発やインスタレーションのコンテンツ制作などにも用いられる、今アツいエンジンなのです。3D表現やド派手な演出のコンテンツが中心であれば、Unityの採用がひとつの選択肢として出てきます。こいつは覚えておいて損はない！けれども、はじめの一歩がなかなか踏み出せない…！ GUIの作り方を中心に据えた本ゲームを作る予定はないけれども、UnityでUIを扱えるようになっておきたい。そんな

親としては子供の要望には極力応えてあげたいけれど、時間や経済的な理由でなかなか厳しい―。そんな方に読んでいただきたいのが、『育児に成功する【楽しい子育て絵本講座】』で紹介されている1冊の絵本。メルマガ発行者の山口理加さんがご自身の体験に基づいたアドバイスをくださいます。 親が肯定した数だけ、子どもは自己肯定を積み重ねる こんにちは、山口理加です。 「子どものために！」と一生懸命子育てをしている方は多いと思います。 子どもは大きくなってくると、子どもなりにして欲しいことや要望が出てきます。子どもは、「どうしたら親は要望を聞いてくれるかな？」と子どもなりに考え、親の機嫌の良い時を伺ったり、言い方を工夫したりしています。 つまり、子どもが親に要望をいう時は、ちゃんと考えているのです。だから、親としては、「良いよ！」と言うように心がけましょう。 親が「良いよ！」と言う、「良いよ！」は「肯定」です。

デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの

Deep Neural Networkを使って画像を好きな画風に変換できるプログラムをChainerで実装し、公開しました。 https://github.com/mattya/chainer-gogh こんにちは、PFNリサーチャーの松元です。ブログの1行目はbotに持って行かれやすいので、3行目で挨拶してみました。 今回実装したのは”A Neural Algorithm of Artistic Style”(元論文)というアルゴリズムです。生成される画像の美しさと、画像認識のタスクで予め訓練したニューラルネットをそのまま流用できるというお手軽さから、世界中で話題になっています。このアルゴリズムの仕組みなどを説明したいと思います。 概要 2枚の画像を入力します。片方を「コンテンツ画像」、もう片方を「スタイル画像」としましょう。 このプログラムは、コンテンツ画像に書かれた物体の配置をそのま

こんにちは。SNS mixi の JavaScripter、kuniwak です。 新しい仲間たちが入社する季節になりましたね。 さて、ミクシィを支えるエンジニアが作成した JavaScript 研修の資料を Github にて公開しました。 ミクシィは 2013年から研修資料を公開していましたが、今年は JavaScript の進化に合わせて内容を刷新しています！ 2015年度の JavaScript 研修は、Web アプリケーションの部品（モジュール）をつくれるようにすることを目標とした、実践的な研修として計画されました。 JavaScript 研修のために与えられた期間は2日ということもあり、MVC や Flux といった設計方面の話題には踏み込めていませんが、Promise、Fetch API、Bower など、現在・未来のフロントエンド開発に必須の要素を盛り込んだ最新のJavaS

まえがき WordPressのカテゴリに画像を登録して表示したい時があると思います。 そんな時、KoToRiは『Advanced Custom Fields』というプラグインを使用し、カテゴリに画像をアップロードできるカスタムフィールドを作成します。 正直、WordPressのカスタムフィールドのプラグインは『Custom Field Template』一択なのですが、『Custom Field Template』はカテゴリにカスタムフィールドを作成できません。なのでカテゴリにカスタムフィールドを設定したい場合だけ『Advanced Custom Fields』を『Custom Field Template』と平行して使用します。 記事にカスタムフィールドを追加するだけなら『Custom Field Template』を使用すれば十分かと思います。 Custom Field Templat

制作したホームページをお客様に納品する際に、固定ページはカスタムフィールドだけ表示させたかったのですが、エディター部分を非表示にする方法がなかなか見当たりませんでした。 以下の方法を使えば【スタイルシート】によりエディター部分を非表示にすることができます。 方法は以下コードをfunctions.phpに追加するだけです。 function post_output_css() { $pt = get_post_type(); if ($pt == 'page') { //投稿の場合はpost $hide_postdiv_css = '<style type="text/css">#postdiv, #postdivrich { display: none; }</style>'; echo $hide_postdiv_css; } } add_action('admin_head', 'po