どうも、アカザーです。先日、東京都葛飾区にあるDJI公認飛行施設「DJI ARENA by JDRONE.TOKYO」にお邪魔した際に、DJI STOREで発売されたばかりの小型トイドローン「Tello」があるというので軽く触らせてもらったところ……これが超ヤバかったのです！ コレがジンバル無しのトイドローンで撮った空撮動画なんですが、すごくないですか？
DJI技術協力のトイドローン「Tello」が即買いなほど凄かった
どうも、アカザーです。先日、東京都葛飾区にあるDJI公認飛行施設「DJI ARENA by JDRONE.TOKYO」にお邪魔した際に、DJI STOREで発売されたばかりの小型トイドローン「Tello」があるというので軽く触らせてもらったところ……これが超ヤバかったのです！ コレがジンバル無しのトイドローンで撮った空撮動画なんですが、すごくないですか？
CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する方法
レスポンシブWebデザインの実装に欠かせないメディアクエリを使わずに、CSS GridとFlexboxでレスポンシブなレイアウトを実装する方法を紹介します。 レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS GridやFlexboxを使えばメディアクエリなしでもレスポンシブなレイアウトが可能です。メディアクエリが全くいらなくなるということはないと思いますが、CSS GridとFlexboxを使えば、メディアクエリの記述を減らす方法があります。しかもコンテンツの幅に合わせて中身のレイアウトを調整するようなエレメント・クエリ的な使い方も、ある程度なら実現できます。 応用すれば今後のレスポンシブなレイアウトのCSSの組み方を変えてしまうような方法です。 ※デモはFirefox 58.0.2、Chrome 64.0.3282.140、Safari 11.0.3でテストしてい
A/Bテストの9割が失敗!? Google Optimizeを使う前に知りたい5つの誤解
グーグルが「Google Optimize」の無償版を発表したことでA/Bテストへの注目が集まっていますが、実際にA/Bテストを実施した企業の9割が失敗しているとの衝撃のデータがあります。その原因とは？ 近代広告の父として知られるデイヴィッド・オグルヴィは「試行を止めてはいけない、そうすれば広告は進化し続ける」と言いました。2008年、ビル・ゲイツは「私たちはこれまでよりも、もっとA/Bテストをするべきだ」と主張しました。 今から50年前、デイヴィッド・オグルヴィは、全身ツイード地の細身のスーツを身にまとい、オックスフォード出身者の教養を漂わせ、絶え間なくタバコを吸いながら、有名な「試行を止めてはいけない、そうすれば広告は進化し続ける」と自信に満ちた表情で語ったのです 最近のWebの世界では、さまざまな使いやすいツールのおかげで、A/Bテストやコンバージョンの最適化はより身近で、手を出しや
JavaScriptの2016年：フロントエンド開発者が押さえるべき重大トピック
相次ぐモダンなフレームワークの登場、脱jQueryの動き、ECMAScriptの進化など、SitePointの常連ライターが2016年のJavaScript事情を振り返ります。 2016年は、見方によっては歴史的であり、奇妙でもあり、楽しくもあり、恐怖でもあった年でした。JavaScriptだけに絞ると、ほかの大きな出来事に比べれば取るに足りない変化に見えますが、開発者にとっては重大な出来事でしょう。 JavaScriptの人気はとどまるところを知りません。すべての人に好かれる言語仕様ではありませんが、10年前のように馬鹿にされることはほとんど無くなりました。個人的にはJavaScriptが大好きです。そう、あのもどかしかった初期の頃からです。C++やJava、あるいはPHPから移ってきた人は最初は戸惑うでしょう。JavaScriptは取っ付きやすく見えますが、実はそうではありません。でも
知ってる？Web開発者がJavaScriptでゲームを作るときのはじめの一歩
Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。 「ゲームループ」は、時間をかけて状態を変化させることでアニメーションやゲームをレンダリングするために使う技術につけられた名前です。本来は、ユーザー入力を受け取り、経過時間の状態を更新してからフレームをできるだけ多くの回数描く関数です。 この短い記事では、基本的な技術がどう機能するかを説明します。基本的な技術が分かれば、ブラウザベースのゲームやアニメーションの制作を始められます。 ゲームループは、JavaScriptでは次のようになります。 function update(progress) { // Update the state of the world for the elapsed time since la
ガンコン「appBlaster」でARシューティングもフゥハハハ－！ (1/2)
iPhone 4S発売が迫っているが、iPhoneというデバイスで見てみると、アプリが充実しており、なかでもゲームはタッチ操作に加えて、3Dジャイロや加速度センサーを活用したものも登場している。またARを採用して、実世界にグラフィックを投影という流れも出てきている。 さて、スマホのゲームだが、AVGやSLGは楽勝としてもアクションやシューティングは、指で画面が隠れてきっついだとか、厳密なエイムができないってことが多い。というか、筆者は完全にその類で、マウスとキーボードがほしい派だ。 といってもキーボードはBluetooth経由でOKだとしても、タッチ操作には非対応だし、iPhoneに対応したゲーム用コントローラーは非公式にしか存在しないし、技適通過もしていないので国内での使用は御法度。そこらを解決したアクセサリーはないかなぁと探してみたところ、「appBlaster」を発見。発売は株式会社
新時代突入！ 未来が内部に満ちる「iPhone 4S」（前編） (1/7)
アップルの新スマートフォン、「iPhone 4S」が14日午前8時にいよいよ発売される。それに先立ち約1週間、先行して同機を触る機会に恵まれた（ソフトバンク版のiPhone 4Sを試用）。 iPhone 4は、従来とほとんど変わらない外観でありながら、その中身には「確かに未来がやってきた」と実感させられる機能が凝縮され、ふとした場面でニヤッとさせられる。 確かな違いが内部に盛り込まれた「iPhone 4S」 先週は、アップルに関して同じメディアから2度取材を受けることが多かった。iPhone 4Sの発表と、そのすぐ後に起きた悲しいニュースについてだ（関連記事）。2度目のインタビューの時、「それにしても、今回の新製品は『iPhone 5』でなくて残念でしたね」と言われることが多かったのだが、実際にiPhone 4Sを手にしていた私は複雑な心境だった。 iPhone 4Sは、見た目こそiPho
XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い
ジャストシステム、Office互換ソフト市場に参入 (1/2)
1月12日、ジャストシステムはMicrosoft Officeとの互換性を持つ、オフィス統合ソフト「JUST Office」の開発を表明した。 2011年夏の製品化を目指す。価格や製品構成の詳細に関しては、現時点で非公開だが、同社ライセンス事業部の植松 繁事業部長によると「価格はMicrosoft Officeの半額程度を目指す」という。 互換性を重視するため、ゼロベースで開発 JUST Officeは、プレゼンソフト「JUST Slide」、表計算ソフト「JUST Calc」、ワープロソフト「JUST Note」などから構成される。いずれも新規に開発されたもので、ファイル形式だけでなく、GUIや操作性に関しても高い互換性を持つのがウリだ。PDF作成のための「JUST PDF」、印刷時の使用トナー量を調整できる「JUST InkCutter」、ライセンス管理ツールの「JUST AppDes
Twitterはコミュニケーション革命なんかじゃない (1/3)
知床半島を海上から見て回る船に乗ったことのある人はご存じだと思う。カモメたちが甲板に立つ観光客の手の届くところまでやってきて、競うようにカルビーの「かっぱえびせん」をくわえていく。その間、船はエンジンをゴンゴン鳴らして水面を強引に引き裂きながら前に進むが、カメモは風に乗ったグライダーのようですらある。羽ばたきもするが、オホーツク海の強い風と重力のバランスを上手くとっている。 大自然のまっただ中で暮らす鳥や魚はもちろんだが、地上生物でさえ自然法則を十二分に活かしている。『運動会で1番になる方法』という本を企画したときに、著者の深代千之さんに教えてもらったのは、「カンガルーは速く走っているときのほうが疲れない」というお話だった。ゆっくり動くときは筋肉を使うが、速く走るときは「靱」をバネにゴムボールのように跳ねていくので、疲れないのだ。 それに比べると、人間が使う機械というのは、なんとも効率の悪
プロの犯行現場｜美少女イラストをSAIで描く【線画編】 (1/5)
先生すいません、編集長のムチャ振りに 答えていただけませんか…… ニコニコ動画の人気タグの1つに「ニコニコ動画講座」がある。 講座として教えているのはGoogle検索の裏技から腹筋の方法まで幅広いジャンルだが、とりわけ人気なのがCGの描き方。その中でもトップクラスの人気を誇るのが「初音ミクが可愛すぎるので描いてみた」だ。そのクオリティの高さに「プロの犯行」ともタグが付けられている。 この動画を投稿しているのは同人作家として活躍する網野コハクさん。初音ミクをモデルにした同人ゲーム「未来のキミと、すべての歌に」の企画・原案を担当するなど多才な能力を発揮している。 しかしこの動画、見ていればある程度の流れは分かるのだけど、なにせ収録時の33倍速で再生されている。ササッと手早く何かをされてしまうと、「あれ、今何やったんだ？」と思うこともしばしばだ。 同僚とそんなことを話していると、編集長がちょいち
ASCII.jp：TCP/IPの基礎の基礎を理解していますか？｜TCP/IPまるわかり
インターネットは、TCP/IPというプロトコルを基盤とするコンピュータネットワークである。これからTCP/IPについて復習していくわけだが、まずは基礎的な用語とその概念を復習しよう。 インターネットを支えるTCP/IP いまやインターネットは、テレビや電話、新聞などと並ぶメジャーな媒体に数えられるようになった。この巨大なインターネットを下から支えているのが「TCP/IP」と呼ばれるプロトコル群である。 そもそも「プロトコル（protocol）」とは、ものごとの作法や手続きを明示的に取り決めて文書化したものだ。特にコンピュータネットワークの世界では、コンピュータ同士のデータのやり取りの方法を厳格に定めた規格（規約）のことを指す。コンピュータはプログラムに従って動作する機械であるため、厳密な取り決めがなければ複数のコンピュータを協調して動かすというのは難しい。 TCP/IPも、そのようなプロト
電脳コイル・磯監督とセカイカメラ・井口代表が語る、新しい現実 (1/7)
今年3月、磯光雄監督のテレビアニメーション「電脳コイル」が第29回日本SF大賞を受賞した。 ストーリーを特徴付けたのは、現実世界（アナログ）と仮想世界（デジタル）を重ね合わせて見られる「電脳メガネ」の存在だ。主人公の子どもたちは、電脳メガネをかけた世界の中で見えるモンスター（オバケ）と戦い、不可思議な事件に巻き込まれていく。 発想は近未来的でありながら、その世界観はすぐそばで起きていてもおかしくないリアルなもの。どこにでもある日本の街角や神社などが舞台になっており、その「もうすぐ現実になるのではないか」という臨場感も面白さを生んでいる。 折りしも受賞の1ヵ月前に発表されたiPhone用アプリに「セカイカメラ」がある。iPhoneで写真を撮るように目の前にかざすと、ふわふわ浮かぶ「エアタグ」と呼ばれるデータが見える。それをタッチすると、写真やテキストを読み書きできるというものだ。 たとえばラ
Twitterで使えるbot50徹底レビュー！ (1/6)
約1000万人が利用しているという、つぶやき共有型SNS「Twitter」。そこには「bot」という便利なサービスがある。Twitter上でフォロー（発言を共有するユーザーリストに追加）するだけで最新ニュースが分かったり、「＠」をつけてbot向けに発言するだけで晩御飯のレシピが分かったりと、うまく活用すれば非常に便利だ。 だがその数はおそろしく多く、どれを使えばいいのかよく分からない。そこで今回は厳選した50の定番botの「感想」と「使い心地」をまとめてお送りすることにした。★★★の三段階評価で「使える」かどうかをチェックしているので参考にしてほしい。 ちなみに感想や使い心地はあくまで個人的なものなので、ぜひ自分でお試しを。なお、この情報は記事掲載時点のもので、これ以降変更が加えられたり、アカウントが停止する可能性もあるためご注意いただきたい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
