「Vide」 はWebページの背景に動画を表示するjQuery プラグインです。最近よく見かける、動画上にオーバーレイでコンテンツを表示するプロモーションサイトが簡単に制作できます。 minify(圧縮版)が 3.6KBと軽量で、Google Chromeなどのモダンブラウザーと、Internet Explorer 9以降に対応しています。iOSとAndroidでは動画のインライン再生ができないので、動画の代わりに静止画を表示します。 MITライセンスですので、著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Vide をGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 Videは、パッケージマネージャーの「bower」でもインストールできます。b
広告バナーって「ひとつや2つくらいすぐできるだろう」と思っていても案外時間がかかってしまいますよね。 Webサイト制作と同じように配色やレイアウトなどの一つひとつに迷ってしまう方も多いと思います。 実は私も最近までバナーを制作するのに2時間以上かかっていました。しかし「どうすれば速く簡単にバナーを作るのか」を繰り返し試行錯誤する中でやっと見つけたのがこの方法です。この方法を身につければ誰でも1時間足らずで効果の高いバナーを量産することができると思います。 各制作ステップの見出しの横に実際にその作業にかかった時間も記載していますので、これをひとつの制作時間の目安として参考にしてください。 またこれまでに公開しているバナーの基本ルールやレイアウトの記事も紹介しておりますので、そちらも合わせてご覧いただけるとバナーに関する理解も深まると思います。 コンバージョンする!高品質なバナー作成方法 そも
『Flappy Bird』の作者の新作として注目を集めた『Swing Copters』が、8月21日早朝にリリースされたが、すでにGoogle Playはその偽物であふれかえっている。 その勢いたるや正直、本物を探すことが難しいほどだ。 さらに、今回はコピーアプリだけでなく、コピーアプリのソースコード販売業者まで現れる異常事態となっている。 単純に似ているだけのものから、パッと見では本家と見分けがつかないものまで様々なものが出まわっているのだ。 これは、アプリの名前だけを盗用し、本家の『Swing Copters』よりも早くリリースされたアプリである。 本物より早く出る偽物とは、一体。 ▲明後日リリースと発表された日にリリースされている。 作者である「Dong Nguyen」さんの名前を少しだけ変更した「Paul Nguyen」の『Swing Copters』。 アイコンまで完全にパクって
米ガートナー、2014年版ハイプサイクルを発表。IoT、3Dプリントなどが期待のピーク、ビッグデータ、インメモリDBは幻滅期へ 現時点で黎明期(Innovation Trigger)を上っているのは、Brain-Computer Interface(脳結合インターフェイス)やHuman Augmentation(人間拡張)、Quantum Computing(量子コンピュータ)、Smart Robots(知能を持つロボット)、Biochips(バイオチップ)など。 期待のピーク(Peak of Inflated Expectations)にあるのは、Internet of ThingsやWearable User Interfaces、Consumer 3D Printingなど、いままさに盛り上がっているおなじみのテクノロジー。 そして幻滅期にさしかかっているのがBig Data、In-
第1回 tubularプラグインを使用して YOUTUBEの動画をブラウザの背景全体に再生させる YouTubeにアップロードした動画をブラウザの背景全体に表示させてインパクトのあるページをtubularプラグインを使用して作成しました。また今回はスマートフォンで閲覧の場合には通常の動画として見れるように対応しました。背景に動画を流したい場合におすすめのサンプルです。 解説:(有)ムーニーワークス ハヤシユタカ 最近Webサイトでブラウザの背景全体に動画を配置してインパクトのあるサイトを見ることがありましたので2回に分けて、YouTubeにアップロードした動画や自分のサーバー上の動画をvideo要素を使用して配置するサンプルを作成してみようと思います。今回はその前半の1回目です。 まず初回はYouTube動画を背景に表示させるjQueryの「tubular」プラグインを使用してインパクトの
6月末頃、Rails/Rubyのバージョンアップ作業を開始したときに、Railsアプリケーションを長い間運用しているサービスってなかなか聞かないよな〜と思って、Facebookで下記のような投稿をしてみました。 すると、「AWSを活用してる現場リーダーやCIOをお招きしたトークイベント」でパネルディスカッションをさせていただきました のイベントでお世話になった小山田さんがすぐさまトークイベントを持ちかけてくださり、今回、 約10年最新版のRailsに追従してきた運用ノウハウをビール片手に聞きましょう! - Web系な人のキャリアカフェ | Doorkeeper というイベントでお話させて頂くこととなりました。 当日は、社内SNS『SKIP』のサービス開発/運用でやっている取り組みを例に、Rails,RubyなどのバージョンアップからOSのアップデートを実施する際の取り組みについてご紹介させ
2014-08-21 ランサーズで提案したデザイン案が無断で利用されている件について(8/21) Web制作 記事を公開した翌日の昼には「ランサーズにおけるキャンセル時の提案の不正利用に関しまして」という記事もあがり、担当の方からのお電話もいただきました。解決に向けての素早い動きありがとうございます。 メディアの方からの取材要請もあるなど、大事になってしまい困惑しています... 他の画像も少し改造されて利用されているのを発見しました。ご指摘くださった方に感謝です!! 私達としては 完成まで制作したものではない 叩き台として「ここに御社の物件画像いれましょう。物件の写真ないですか」「配色を決めましょう」とやり取りしていた時のデータなので、この段階のものが利用され公開されていることに困惑しております という段階で、現時点では「無断利用したデザインの削除」を要請しています。「相手の社名などを公開
米Twitterは8月20日(現地時間)、新スパム対策システム「BotMaker」の導入により、スパムを40%削減できたと発表した。 Twitterはほぼリアルタイムのツイートを表示するというサービスの性格上、スパム遮断が技術的に難しい。また、開発者向けにAPIを公開しているため、スパマーはTwitterのスパム対策の手の内を把握できてしまう。 Twitterはこの2つの問題に対処するために、BotMakerを構築した。このシステムは、ボット(イベントが発生した際にどう対処するかを決めるルール)の集合で成り立っており、1日当たり数十億件のイベントに対処している。プロセスは、リアルタイムツールの「Scarecrow(かかし)」、Scarecrowが見逃したイベントに機械学習技術で対処する「Sniper(狙撃者)」、ユーザーの行動データを分析する周期的なプロセスの3段階ある。 ボットは人間が読
Paul McMahon Doorkeeperを使って開催されたイベントは、1万件を超えています。 この経験から、どのようなイベントが成功しそうか、というデータが集まりました。ここで、私たちのプラットフォーム上で主催されたイベントの数々から学んだことを、見てみましょう。 イベントの成功のためには、様々な要素を検証する必要がありますが、Doorkeeperのデータによると、下記のとおり、と、胸を張ってお答えできるのです。 どうやって、イベント参加申込者を増やすのか? イベント参加申し込みをした人を、どうやって実際に来場させるのか? こちらを念頭に置いて、下記の私たちの学んだ教訓について、見てみましょう。 イベントについて、詳しいお知らせをすることで、参加登録者を増やしましょう イベントに参加してくれそうな人には、イベントの詳細をお知らせして、申し込みにつなげましょう。 イベントの申し込み率と
嘘のような本当の話。 編集部記者の知人宛てに、LINE乗っ取り犯からやり取りに使用する台本が送られてきたとのこと。本来、購入してほしい商品の写真を説明として相手に送信するつもりが、間違ってやり取りに使用する台本を添付したものだと思われます。 そのファイルの中には日本語と中国語の対応表のような例文が並べられ、「すみません、ちょっといいですか。」からはじまり、コンビニで指定した金券を購入するよう指示した内容になっています。なんと画像にして19枚分! あらゆるパターンに対応できるよう工夫されているのがわかります。 以下は、今回送られてきた台本の内容すべてになります。このようなメッセージが届いたときは注意しましょう。また、以前にLINEアカウントが乗っ取られたときの対処法を紹介しているので、もし乗っ取られてしまった際は参考にしてみてください。
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕
米病院チェーンから患者450万人の個人情報が流出した事件は、4月に発覚したOpenSSLの重大な脆弱性を突く攻撃でネットワークに侵入されていたことが分かった。 米病院チェーンのCommunity Health Systems(CHS)社から患者約450万人の個人情報が流出した問題で、米セキュリティ企業TrustedSecは8月19日、4月に発覚した「Heartbleed」と呼ばれるOpenSSLの重大な脆弱性を突く攻撃が、流出の発端だったことが分かったと伝えた。 CHSのネットワークは4~6月にかけて外部から攻撃され、系列の医療機関を受診した患者約450万人の氏名や住所、社会保障番号などが流出したとされる。TrustedSecは、この問題に関する調査に詳しい関係者から情報を入手したという。 それによると、攻撃者はHeartbleedの脆弱性を突いてCHSのJuniper製デバイスのメモリか
美術史家の仕事の1つに芸術家同士がどんなつながりがあり、影響を与え合ったかを調査することがあるが、Rutgers大学の研究者チームは、こうした仕事をコンピューターで行うことを研究しているという(Medium、論文、Slashdot)。 これは画像処理を使用し、お互いに影響を与えた有名アーティストたちを見つけ出すプロセスを自動化するというもの。分類にはケンブリッジ大学やMicrosoftなどと共同で開発された新技術が用いられる。これは画像の中にある手押し車やアヒル、フリスビー、人物、水といったオブジェクトを分類するための技術だという。 研究チームは、15世紀前半から20世紀の終わりまでの芸術家60人の1700枚を超える絵画を比較した。その結果、これまで美術史家が気がついていなかった芸術家同士の影響が発見されたそうで、とくに1950年に描かれたNorman Rockwellの「BARBER S
2014-08-21 私が人生最大にブチ切れたことを思い出した件 あんず的ふくし? 昔なんですけど、ホームレスの方の支援団体とお仕事させてもらってたんです。 イケハヤさんのブログを読んで解った、「ホームレスは甘えるな」、と怒る人は、自分の首を絞めていると思った件 - 脱貧困ブログ ↑この記事読んで思い出したんですけど…。 ホームレスって、読んで字のごとく、家が無いわけですよ。 路上や河川敷や公園などで生きていらっしゃるんですけど、諸事情によって。 私は医者でもないですし、他人の寿命にとやかく言うつもりもないけれど、生きたくないな?って思う人も中にはいて、だからって、はい、じゃー死んでください!って言う権利もないし、だからって、むやみやたらに生きていきましょう!なんて無責任なことは言えません 生きていれば辛いこともあったり、生きていて幸せだなと思うこともあるんだけど、でもでも、じゃぁ財産も
米Twitterは8月20日(現地時間)、遺族が故人に関連する画像や動画のツイートをリクエストできるよう「Twitterのルールとポリシー」を改定した。同日、Twitterの公共コミュニケーション担当者がツイートで発表した。 ポリシーの「亡くなられたユーザーに関するご連絡」というページに、新たに「画像の削除」という項目が追加された(本稿執筆現在、日本語化されていないので訳は本稿筆者によるもの)。 「故人への想いを尊重するため、Twitterは亡くなった方の画像を特定の状況において削除します。遺族あるいは権限を持つ個人は、対象となる方の死亡前後に致命的な被害を受けた際、「privacy@twitter.com」にメールすることで画像あるいは動画の削除をリクエストできます。Twitterは削除リクエストを検討する際、コンテンツの報道価値などの公共の利益について考慮するため、すべてのリクエストに
こんにちは! LIGフィリピン支社代表のせいとです。 最近のブログではまとめ記事中心に書いていたのですが、このまえ編集担当の朽木に「最近エンジニアっぽい記事書いてないよね。」というグサっとくる一言をもらったので、今回はそれっぽい記事を書いてみようと思います。 はじめに モダンブラウザでは、CSS3のanimationプロパティ、@keyframesの2つを使ってイケてるアニメーションがJS抜きで実装できます。 そいつあすごいぜって話なんですが、1つ心配なことが。 それは、アニメーションのバリエーションが複数ある場合、コード量が長くなりがちという問題。 ただでさえ各ブラウザのベンダープレフィックス付ける必要があるので、その上アニメーションパターンをいくつも書こうとしたらもう…(´Д`) 実践その1 というわけで、Sassを使って簡潔に書くことにしましょう。 試行錯誤を繰り返し、いろんなサイト
エンタープライズで使える!実践から学ぶJavaScript MVCフレームワークの選び方 酒巻瑞穂(html5jエンタープライズ部) 現在エンタープライズシステムの開発現場では、シングルページアプリケーション(SPA: 単一のWebページで構成されているWebアプリケーションのこと)アーキテクチャの採用が模索されるなど、根本的な開発パラダイムにおいて大きな変化が起きようとしています(全体的にどのような変化があるかはエキスパートNo59の佐川夫美雄さんの書かれた「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」によくまとまっています)。 こうした変化の一部を支えているのが、JavaScriptによるMVCフレームワークです。数あるフレームワークの中で、実際にどのフレームワークを採用するかというのは、開発コストだけではなく学習・運用コストにも関わる、非常に大きな
Block Scroll レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」。 divでくくればスライドのようにページ送りができる流行りのあのUIを実現するためのjQueryプラグイン。 スマホでも動くみたいです 関連エントリ 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」 フルスクリーンでかつスクロールする迫力あるギャラリー実装が可能になる「Intense Images」 入力の心理負荷が低そうなフルスクリーンフォーム実装デモ「Fullscreen Form Interface」
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます(チートシートでは「c」がついています)。
この画像を大きなサイズで見る キングペンギンの繁殖地として知られているサウスジョージア・サウスサンドウィッチ諸島には、 12万羽の親と6万羽のヒナ(茶色)が冬越しする場所として知られている。 そんな中、3羽のキングペンギンがなにやらもめているようだ。お互いに見合ったかと思うとついに小競り合いへと発展。 Penguin Fight 一番手前にいるペンギンが好戦的 この画像を大きなサイズで見る めっちゃ近い位置まで近づいたらやんの?やるわけ? 羽を広げてペシーン! この画像を大きなサイズで見る んだとぉ?っとくちばしをめっちゃ近づける1羽 この画像を大きなサイズで見る おっとセーフ! この画像を大きなサイズで見る 逃げる?逃げちゃうの? この画像を大きなサイズで見る んなわけあるかーい。ペシリ! この画像を大きなサイズで見る てな感じでお互いに威嚇しあいながらペシペシ喧嘩をするペンギンなのであ
最近話題になってた記事 最近、こんなYahoo!知恵袋のページが話題になっていました。 倒産した会社の社長って、倒産後何をしているもんなのでしょうか? 消息不明にな... - Yahoo!知恵袋 なんかいい話だ、とか話題になっていますが、IT系のベンチャーで投資を受けたりしている身としては、全然別世界の話だなーと思っています。まあ、昔の話も入っているぽいので、今と現状は全然違うだろうけど。 投資を受けるベンチャー企業をやっている人みたいなのは少数派なので、実際はどういう感じなのかの例があると、参考になる人もいるかなーと思うので、この投稿を元に書いてみます。 投資されるとイケイケなの? まず、いいたいことは、億単位で出資を受けたからといって、イケイケになるには程遠いということです。 先ほどのページから引用します。 私はVC(ベンチャーキャピタル)という奇特な商売を20年もしているので、当然、
プログラミングが出来る人間からみると、プログラミングが出来ない人の理由は単純に「ちゃんと勉強しないからだ」ということになる。 たしかに、自分達が歩んできた過程は、SDKやIDEの設定を行ってコンピュータの開発環境を整え、全く意味不明なアルファベットを打ち込んで、ウェブサイトや本で言われたとおりの表示が出ることを確認して、また次のステップをやってみて、という「地味で地道な(そして性格まで暗くなりそうな)」ことを繰り返して出来るようになったものなので、その過程から逃れているからプログラミングが出来ないんだろ、というのはごく自然に思う。 このため、プログラミングを教えようというときに、地味で地道で性格が暗くなってハゲて死にそうな学習過程の苦しみを、いかに和らげられるかという試みは数多くなされている。codecademyやRails for zombiles: code schoolなど、ゲーミフ
2014-08-20 クソでかい汗だくのデブと過ごした今年一番熱い夏 現実ライトノベル 先日、JRに乗って滋賀から新大阪に帰っていた時のこと。 僕が乗った滋賀県彦根駅から新大阪駅までは新快速でも1時間半はかかる。その日は一日暑く、疲れてぐったりしていたので録音していた伊集院光さんのラジオ『深夜の馬鹿力』を聴きながら眠りにつくことにした。ちなみに毎回5,6度は聴き直す上に睡眠学習を取り入れる程ある意味へヴィーリスナーだ。 電車での睡眠は非情に恐い。“もし寝過ごしてしまったら”という不安は計り知れないのだが、疲れていたおかげで不安にも打ち勝ち、滋賀県にいたはずだった僕が次に目を覚ましたのは京都駅に着いた時だった。恐らく50分ほどは寝たのだろう。 目が覚めた時にはさっきまで隣に座っていたほんのりシャンプーの良い匂いがするスーツのお姉さんは降り去り、僕の横には伊集院光さんぐらいくそでかい男性が座っ
盆休みで結局地元に6日間ほど滞在したわけですが、 いろいろあって子守をする時間がとても長かった。 主に友人の息子たち(1歳と2歳)と兄の娘、つまり姪(1歳)。 割と子どもは好きですし普通にかわいいと思いますし 一緒に遊ぶこと自体は全然嫌いじゃないです。 ただ、楽しく遊んでくれてるうちはいいけど、 理由がわからないままぐずったり、おむつを替えたりお風呂に入れたり、ろくに座ろうともしないのをがんばって座らせてごはんを食べさせたり、夜中泣き出すのをあやして寝かしつけたり、危ないところに行きそうになるのを止めたり、変なものを食べそうになるのを止めたり 衣食住のあらゆる「私」を滅して子どものために全てを捧げることになる。 僕が担当したのはものの数時間ぐらいの話だけど、これが24時間365日ずっと続くとなったらさすがにちょっと考える。 24時間365日、休まず働けとかいった経営者さんがどこかにいました
実はプロ向けソーシャルネットワーク「LinkedIn」の傘下であることは意外と知られていないが、そのSlideShareが本日サービスを完全無料化したことを発表した! 現地時間8月20日を持って月額サービスは提供終了 SlideShareは2012年にLinkedInに1億1900万ドルで買収された。無料アカウントの他、2010年からアクセス解析や動画や非公開スライドのアップロードなどの機能を含むプロ向け月額サービスも提供していたが、現地時間2014年8月20日に提供終了すると発表。これらの機能は今後SlideShareアカウントを保有する人であれば誰でも利用できるようになる。 LinkedInによると、SlideShareは9月以降、毎月新機能を発表すると宣言。最初に取り掛かるのは公開したスライドのアクセス解析機能。スライドを閲覧したユーザーがSlideShare内から来たのか、検索経由
Steamで「コンビニ決済」が可能に。デジカの決済サービス「Komoju」を採用 編集部:Gueed 2014年8月13日の記事でお伝えしたとおり,Valveのゲーム配信プラットフォーム「Steam」では,ストア内の価格表記が日本円となった。これに合わせて,新たに日本のゲーマーに向けて決済方法の一つに「コンビニ決済」が追加されている。Steamのコンビニ決済には,Steamユーザー向けサイト「PRO スチーマー」で知られるデジカの決済サービス「Komoju」が採用されているという。 さっそく手元で試してみたので,以下,簡単に利用手順を解説しておこう。 コンビニ決済を利用する場合は,Steamコンテンツを購入する時に「支払い情報」のページで「コンビニ」を選ぶ。 すると,「確認と購入」ページに「DEGICAに進む」ボタンが表示されるようになる。そして当該ボタンから遷移するページで名前やメールア
当記事は事実と異なることが書かれていたため削除をしました。 誤報があったことをお詫び申し上げます。 今後もnetgeekでは面白い記事を提供すべく精力的に取材・執筆に注力していく所存でございます。今後もこれまで と変 わることなく応援頂ければ幸いです。
By mobilyazilar KindleやKoboといった電子書籍リーダーやタブレット・スマートフォンの普及により、以前は紙ベースでしかなかった読書スタイルの多様化が進んでいます。従来の製本された書物を支持する層からは「紙と画面は別物だ」と指摘する意見を聞くこともありますが、そんな読書方法の違いによる差異を調査した研究からは興味深い結果が浮き彫りになっています。 Reading Literature on Screen: A Price for Convenience? - NYTimes.com http://www.nytimes.com/2014/08/14/arts/reading-literature-on-screen-a-price-for-convenience.html?_r=0 研究を行ったのはノルウェー・スタヴァンゲル大学のAnne Mangen氏とフランス・エク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く