はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ インタラクティブ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 215件)

ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について - ヨッピーのブログ

2016/11/10 このエントリーをはてなブックマークに追加 2338 users Instapaper Pocket Tweet Facebook Share Evernote Clip JIAA ヨッピー Wikipedia ひと悶着 http

2016 - 11 - 10 ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について wikipedia より 「ネイティブ広告ハンドブック2017」というのがJIAA、日本 インタラクティブ 広告業界 から公開されてそれについてひと悶着あったので書いておきます。 ※業界以外の人は読んでも何も面白くないと思います ネイティブ広告ハンドブック2017 http://www.jiaa.org/... 続きを読む

ゲーム感覚でObjective-Cが学べる『Try Objective-C』 | IDEA*IDEA

2013/05/10 このエントリーをはてなブックマークに追加 962 users Instapaper Pocket Tweet Facebook Share Evernote Clip IDEA Codecademy Objective-C 文法

お、これは良いかも。CodecademyちっくにObjective-Cを覚えられるコンテンツです。インタラクティブにコードを書いていく感じですな。 ↑ なぜか8bitゲーム風・・・。 ↑ こんな感じで課題を解いていきます。 ひと通りやればObjective-Cの文法は覚えられそうですね。自分でもやってみようっと・・・。 » Code School – Try Objective-C 続きを読む

vimを徹底マスターできるインタラクティブツール『OpenVim』に感動した | IDEA*IDEA

2011/09/28 このエントリーをはてなブックマークに追加 847 users Instapaper Pocket Tweet Facebook Share Evernote Clip サンドボックス OpenVim vim IDEA プログラマー

あ、これやばい。vimをインタラクティブに学べるツールですよ。チュートリアルに加え、簡単なクイズや、vimが手元にない人でもいろいろ試せるサンドボックスが着いています。 ↑ チュートリアルがやたら充実しています。ひととおりやればばっちりですね。 ↑ ミニクイズみたいなのもありますね。 ↑ サンドボックスでいろいろ試せます。 vimはプログラマーの間で評価が高いですよね・・・。僕も含め、そろそろマス... 続きを読む

CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net

2012/03/24 このエントリーをはてなブックマークに追加 636 users Instapaper Pocket Tweet Facebook Share Evernote Clip net チュートリアルサイト コード CSS3 様子

一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ... 続きを読む

九龍城砦

2014/05/07 このエントリーをはてなブックマークに追加 591 users Instapaper Pocket Tweet Facebook Share Evernote Clip 九龍城砦 ジャーナル 人口密度 香港 ウォール・ストリート

かつて香港にあった九龍城砦は20年前に取り壊されるまで、地球上で最も人口密度の高い場所だった。ウォール・ストリート・ジャーナルが作成したこのインタラクティブでは、九龍城砦の街を探索し、歴史をひもとき、昔の住民たちの話を聞くことができる。 続きを読む

Web上の膨大な写真からローマを1日で構築する方法 - A Successful Failure

2010/01/24 このエントリーをはてなブックマークに追加 588 users Instapaper Pocket Tweet Facebook Share Evernote Clip ローマ A Successful Failure SfM

前回、『写真に基づく3D空間構築手法の到達点』としてバラバラの写真から3D空間を構築する手法について取り上げた。コメントで言及された人もおられたが、MicrosoftはPhotosynthとして、同様にStructure-from-Motion (SfM)を用いて写真をつなぎ合わせてインタラクティブにブラウズできるPhotosynthを公開している。Photosynth Overhead View... 続きを読む

落書きをリアルな風景写真にリアルタイムで変換できる驚異的なお絵かき技術「GauGAN」をNVIDIAが発表 - GIGAZINE

2019/03/19 このエントリーをはてなブックマークに追加 526 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE GauGAN NVIDIA オブジェクト

Microsoftペイントとマウスを使って描いたようなラフなイラストが、一瞬でリアルな風景写真に変換される画期的な技術をNVIDIA Researchが開発しました。「GauGAN」と呼ばれるインタラクティブなソフトウェアは膨大な学習データを用いたディープラーニングを使ったもの。GauGANを使えば「オブジェクトの形を描くだけ」「... 続きを読む

ブラウザで正規表現のお勉強ができる『Scriptular』 | 100SHIKI

2012/03/20 このエントリーをはてなブックマークに追加 428 users Instapaper Pocket Tweet Facebook Share Evernote Clip クライアントサイド 右横 100SHIKI 正規表現 ブラウザ

よくあるツールではあるが、最近正規表現を勉強しなおしたのでご紹介。 Scriptularでは、インタラクティブに正規表現を試すことができるようだ。 エンジンとして使っているのはJavaScriptのようだ。クライアントサイドだけで試せるのでさくさく動いていい感じだ。 また右横にはリファレンス的に説明もあるのでいちいちどこかを検索する必要もない。 そろそろ正規表現を・・・という方は試してみてはいかが... 続きを読む

ブラウザ上からゲーム感覚でGitが学べる『Try Git』・・・ | IDEA*IDEA

2012/07/04 このエントリーをはてなブックマークに追加 418 users Instapaper Pocket Tweet Facebook Share Evernote Clip Git Octocat IDEA git init コマンド

なにこれ、かわいいw。ブラウザ上からインタラクティブにgitを学べるツールです。しかも15分で完結するようにデザインされています。 ↑ まずはgit initをしろ、と。 おぉ、これはテンションあがる!と思ったのですが、今試してみたらうまく動かない・・・。 → コマンド打った後に画面をクリックするとうまくいきました!ご指摘感謝! あとで試してみたいところですが、上のOctocatをクリックしていけ... 続きを読む

700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば (Poetry, Writing and Contemplation)

2014/03/25 このエントリーをはてなブックマークに追加 394 users Instapaper Pocket Tweet Facebook Share Evernote Clip Underscore Poetry jQuery 思索 ひろば

2014-03-25 700を越えるJavaScriptライブラリを自由に試せるページを作った JavaScript こちらです ☞ JavaScript Libraries Playground(jQuery 2.1.0 と underscore の例) jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ... 続きを読む

Web制作に使える!オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ | コムテブログ

2015/03/02 このエントリーをはてなブックマークに追加 386 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS jQueryプラグインまとめ エフェクト 見栄え

今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。ちょっとした動きを取り入れてオシャレなサイトを構築したい時に。 もくじ インタラクティブ 1.クリック時のエフェクト 2.フォームクリック時のエフェクト 3.テキストに11種の動きを出すエフェクト 4.分離するエフェクト フルスクリーンの見栄え... 続きを読む

Wiiリモコンでなんでもホワイトボードに変える魔法のような動画 : Gizmodo Japan(ギズモード・ジャパン)

2007/12/14 このエントリーをはてなブックマークに追加 380 users Instapaper Pocket Tweet Facebook Share Evernote Clip Wiiリモコン おおおおおおおおおお ギズモード・ジャパン

ゲーム , ニュース Wiiリモコンでなんでもホワイトボードに変える魔法のような動画 「Wiiリモコンで作る、安価なマルチポイントのインタラクティブなホワイトボード」という解説ビデオです。 見るからにつまらなそうなタイトルですけど、でもでも我慢して最後まで見てくださいよ? 絶対「おおおおおおおおおおおおお」の「お」が止まらなくなります! こんなWiiリモコンの使い方、見たことないですねー。カーネギ... 続きを読む

ビジュアルかつインタラクティブにPythonを学べる『Online Python Tutor』がすごすぎる | IDEA*IDEA

2012/10/02 このエントリーをはてなブックマークに追加 368 users Instapaper Pocket Tweet Facebook Share Evernote Clip ビューアー IDEA 変数 アウトプット 配列

こ、これは感動した。自分でコードを書いて、その実行状況を視覚的に捉えることができます。 ↑ こんな感じでコードを書きます。サンプルも用意されています。Pythonのバージョンも選べますね。 ↑ 実行するとこういうビューアーが!実行しているラインがわかりやすい。 ↑ そしてStepごとに配列やら変数の中身やらを見ることができます・・・すごいぞ。 ↑ 全体はこんな感じ。左下にはプログラムのアウトプット... 続きを読む

レイアウトや配色等をインタラクティブに設定できるWordPressテーマを作る為のフレームワーク・PressWorkちょっとやばい - かちびと.net

2011/07/13 このエントリーをはてなブックマークに追加 365 users Instapaper Pocket Tweet Facebook Share Evernote Clip PressWork レイアウト net 配色 直感

その場でインタラクティブにレイアウトや配色を 調整出来るようなテーマを作る為の開発者向け WordPressテーマフレームワークのご紹介。 久々に凄いなーと感じて脊髄反射的に記事に。 PressWorkで作られたテーマならユーザーが 直感でレイアウトを作る事が出来ます。 以前、直感でWebサイトを作成できるフリーWebサービスという記事を書いたんですが、このサービスのように、インタラクティブにレイ... 続きを読む

グーグルの「パックマン」ロゴができるまで--ウェブ技術でオリジナルを忠実に再現:スペシャルレポート - CNET Japan

2010/05/26 このエントリーをはてなブックマークに追加 348 users Instapaper Pocket Tweet Facebook Share Evernote Clip グーグル 再現 goo スペシャルレポート パックマン

文:Daniel Terdiman(CNET News) 翻訳校正:川村インターナショナル 2010/05/27 07:30   5月22日は、「パックマン」のリリースから30周年にあたる。Googleはこれを記念して、同社初の本格的にインタラクティブで実際にプレイできるトップページロゴをロールアウトした。1980年代の象徴的なビデオゲームであるパックマンが、本格的に動作するバージョンだ。 Goo... 続きを読む

話題のCSS3をインタラクティブに学習できる『CSS3 Please!』 - IDEA*IDEA ~ 百式管理人のライフハックブログ

2010/03/09 このエントリーをはてなブックマークに追加 319 users Instapaper Pocket Tweet Facebook Share Evernote Clip エレメント IDEA 各所 角丸 コード

各所で話題のCSS3をいじりながら学べるサイトがあったのでご紹介。その名もCSS3 Please!w。 ↑ コードをいじると右上のエレメントが動的に変化します。 ↑ たとえば角丸をいじると・・・。 ↑ ほら、もっと丸くなった! それほど多くがあるわけではないですが、「CSS3って何ができるの?」を体感するにはいいのではないでしょうかね。 ご利用はこちらからどうぞ。 » CSS3 Please! T... 続きを読む

私のpeco活用事例 - k0kubun's blog

2014/07/05 このエントリーをはてなブックマークに追加 312 users Instapaper Pocket Tweet Facebook Share Evernote Clip k0kubun's blog ローカルリポジトリ peco

2014-07-06 私のpeco活用事例 pecoというインタラクティブに入力をフィルタして出力するコマンドがあって、使い始めてからシェルの操作方法が大幅にかわり、だいぶライフチェンジングだった。 最近このへんが流行ってるのでやたら記事あるけど、せっかくなので僕も使い道を紹介しようと思う。 1. ghq+peco ghqを使ったローカルリポジトリの統一的・効率的な管理についてのこと。 僕も$GO... 続きを読む

Webの将来はサーバサイドレンダリング(SSR)に回帰していく。Denoが主張するIsomorphic JavaScript(もしくはUniversal JavaScript)とは何か?

2023/02/06 このエントリーをはてなブックマークに追加 279 users Instapaper Pocket Tweet Facebook Share Evernote Clip deno サーバサイドレンダリング CGI SSR HTML

Webの将来はサーバサイドレンダリング(SSR)に回帰していく。Denoが主張するIsomorphic JavaScript(もしくはUniversal JavaScript)とは何か? 静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブ... 続きを読む

PHPをインタラクティブに実行する PsySH

2014/06/06 このエントリーをはてなブックマークに追加 264 users Instapaper Pocket Tweet Facebook Share Evernote Clip irb デバッガ Pry PHP Echo

PHPの関数やコード例の動作確認をどのように行っていますか? 最も基本的な方法は変数や関数の戻り値を逐次、echoで出力する方法でしょう。 しかしこの方法では何度もコード編集と実行を繰り返す必要があり非効率です。デバッガやIDEの使用も解決策の1つですが、大げさすぎたりパフォーマンスの問題がある時もあります。 一方でRubyの世界を見てみるとirbやpryを使ってコンソール上でリアルタイムにコード... 続きを読む

これからは電子書籍でもJavaScriptプログラミングができる - Publickey

2011/02/21 このエントリーをはてなブックマークに追加 252 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey パズル その先 区別 アプリケーション

これから普及が予想される電子書籍や電子雑誌がインタラクティブになっていくことは間違いありません。映像が埋め込まれたニュース、好きな角度から洋服が見られるファッション雑誌、操作しながら解いていけるパズル、途中で登場するモンスターを倒さないとその先が読めないロールプレイング小説、なんていうのもあるかもしれませんね。将来の電子書籍はアプリケーションと区別がつかなくなる、と僕は考えています。先日パブリック... 続きを読む

jQueryのセレクタを徹底マスターするのに最適!『jQuery Selectors』 | IDEA*IDEA

2008/11/17 このエントリーをはてなブックマークに追加 247 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery セレクタ IDEA November セレクター

jQueryのセレクタを徹底マスターするのに最適!『jQuery Selectors』 November 17, 2008 9:24 PM written by Gen Taguchi jQueryをマスターするにはまずはセレクターですよね。そこでセレクターの基礎から応用までをインタラクティブに学べるツールをご紹介。 jQuery Selectorsを使えばどんなコードを書けばページ内の任意のパー... 続きを読む

チームラボボディ-TEAMLAB BODY

2011/06/14 このエントリーをはてなブックマークに追加 239 users Instapaper Pocket Tweet Facebook Share Evernote Clip TEAMLAB BODY チームラボボディ Body 骨格

チームラボボディ(TEAM LAB BODY)は、世界初、生きた人間の動きに基づく骨格・筋肉の高精度な形態、モーションが搭載された、インタラクティブな解剖学書です。世界初、生きた人間の動きに基づく骨格・筋肉の高精度な形態、モーションが搭載された、インタラクティブな解剖学書。 About TEAMLAB BODY Help  続きを読む

1~2年目のエンジニア向けにキャリアや勉強方法について話したこと

2022/04/16 このエントリーをはてなブックマークに追加 234 users Instapaper Pocket Tweet Facebook Share Evernote Clip キャリア エンジニア向け 勉強方法 オフィスアワー 都度

オフィスアワーで1~2年目のweb/モバイルエンジニア向けに今後のキャリアや勉強方法について話す機会があった。形式としてはLTのような形ではなく、質問をいくつかもらいそれに都度答える形で進んだ。LTのような1対多の発表よりインタラクティブに相手に合った受け答えができるので良い形式だなと思った。 自分としてはキ... 続きを読む

コレは...! 「柔らかいタッチパネル」を用いた「揉めるディスプレイ」(動画) : ギズモード・ジャパン

2010/09/09 このエントリーをはてなブックマークに追加 230 users Instapaper Pocket Tweet Facebook Share Evernote Clip ギズモード ディスプレイ タッチパネル ジャパン コレ

AV機器 , アート , インタラクティブ , サイエンス , テレビ関連 , 大学研究モノ コレは...! 「柔らかいタッチパネル」を用いた「揉めるディスプレイ」(動画) 2010.09.09 11:00 [1] [0] 立体的で柔らかなタッチパネル技術「PhotoelasticTouch」の開発を電気通信大学が進めています。 従来の平面的なタッチパネルディスプレイは、表示されたコンテンツに指先... 続きを読む

「アビス・ホライズン」に対する配信等差止仮処分命令申立てについて

2018/07/11 このエントリーをはてなブックマークに追加 222 users Instapaper Pocket Tweet Facebook Share Evernote Clip アビス・ホライズン 配信 各位 田中謙介 権利保全

2018年7月11日 各位 株式会社セガ・インタラクティブ 「アビス・ホライズン」に対する配信等差止仮処分命令申立てについて 株式会社セガ・インタラクティブ(東京都大田区 代表取締役社長CEO 杉野行雄)と株式会社C2プレパラート(東京都港区 代表取締役社長 田中謙介)は、『艦これアーケード』等に係る権利保全を目的とし... 続きを読む

 
(1 - 25 / 215件)