I’ve spent the last few weeks trying to recruit friends of mine to come work with me at my super early startup.  In doing so I’ve had to educate a lot of my friends on what it’s like to be at a startup, and why you might want to join one.  This blog post is a summary of all that advice.  Oddly enough, I wrote a similar blog post my senior year of college while interning at Redfin.  And since colle

This domain is registered at Dynadot.com. Website coming soon. avd.io 2023 著作権. 不許複製 プライバシーポリシー

Camera is a responsive/adaptive slideshow. Try to resize the browser window It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers

This weekend I wanted to experiment with a cloud solution for Java. In the past I tried out Google App Engine, but although easy and fast, it forces you to use the Google API and has some limitations. This time, the criteria for the platform was running nearly anything in a web container. And I think I found the perfect match… Introducing JelasticJelastic is the next generation of Java hosting pla

ツイート ※おかげさまで当コーナーは１年間の更新作業を無事終了いたしました。応援ありがとうございました。(2013.1.27) 「じゃんけんポンで日曜日」は、日曜日朝８時３０分より朝日放送で放送中のアニメ「スマイルプリキュア！」と、 同じく夕方１８時３０分よりフジテレビで放送中のアニメ「サザエさん」で行われる“じゃんけん”を競わせてその勝敗を記録する非公式サイトです。フリック操作で過去の勝敗を見ることが出来ます。 「スマイルプリキュア！」でキュアピースが変身中に行う“ぴかりんじゃんけん”と「サザエさん」の予告コーナーでサザエが行うじゃんけんの手で競います。なお、あいこは引き分けとしてカウントします。 キュアピースのじゃんけんが複数回あった場合は最後の手で判定します。また、キュアピースの変身がない場合やどちらかの番組休止などでじゃんけんが行われなかった場合は不成立となります。 このルールは２

profile OSTER project birthday: 11/24 blood type: O like: 激辛カレー love: シナモロール favorite musician: 上原ひろみ plus-tech squeeze box dorlis ミシェル・ルグラン 冨田恵一 ■twitter: fuwacina ■niconico user: 308936 ■niconico mylist: 2578149 ■youtube: fuwacina ■fanbox: OSTER project Composer＆Arranger。別名、ふわふわシナモン。 2000年よりネットを中心とした音楽活動を始める。 JAZZからROCKまで幅広いジャンルの作曲を得意とし、その型に囚われない作曲スタイルや メッセージ性の高い歌詞により、多くのリスナーを魅了している。 2008年に発売した1

Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.

DDD難民に捧げる Domain-Driven Designのエッセンス 第2回　DDDの基礎と実践 株式会社オージス総研 アドバンストモデリングソリューション部 佐藤 匡剛 Domain-Driven Design Tackling Complexity in the Heart of Software Eric Evans 著 Addison-Wesley, 59.99ドル 560ページ ISBN: 0-321-12521-5 本連載は、全3回の予定でEric Evansの書籍『Domain-Driven Design』（以降DDD）を紹介しています。前回はDDDの概要を説明し、第I部「Putting the Domain Model to Work」からDDDの基本原則となる3つのパターンを紹介しました。今回は続く第II部と第III部から、（アンチパターンを1つ含む）16のDDDパタ

1Gerry Carr Director of Communications, Canonical Server Edition Survey 2012 2 1. Introduction 4 2. The workloads for Ubuntu on servers 5 3. Community support 9 4. Virtualisation choices 10 5. Co-existence with other systems 11 6. Demographics and methodology 12 7. Plans to deploy Ubuntu more in the future 14 8. Cloud computing on Ubuntu 15 9. Conclusion 17 2Ubuntu Server Edition Survey 2012 3 Cl

I've been watching the interpreter and JIT compiler competitions a bit in the JavaScript and Lua worlds. I haven't collected much organized data but the impression I'm getting is that tracing JIT's are turning up as the winners: sometimes even beating programs statically compiled with GCC. Is there a growing body of evidence that tracing JIT compilers are the horse to bet on? Will a more static st

■編集元：TCG板より「MTGで最強のドラゴンって何？」 1 名無しプレイヤー＠手札いっぱい。 :2011/07/02(土) 12:48:56.06 ID:JKN+7Si00 名無しプレイヤー＠手札いっぱい。 :2011/07/02(土) 13:02:49.94 ID:yMQ5/shlO ボーガダンのヘルカイト 4 名無しプレイヤー＠手札いっぱい。 :2011/07/02(土) 13:05:51.49 ID:Ipk5v4dTO ワールドゴージャー 8 名無しプレイヤー＠手札いっぱい。 :2011/07/02(土) 13:18:51.09 ID:Pr691fFqO アメーボイド様 10 名無しプレイヤー＠手札いっぱい。 :2011/07/02(土) 13:31:18.94 ID:4XubTOPuO ニコル「フレーバー的には俺だな」 11 名無しプレイヤー＠手札いっぱい。

1_1 1：名も無き被検体774号+：2012/02/29(水) 21:34:54.04ID:RRAnH6Zu0 相手の彼氏に訴訟おこしたいから 法律に詳しいお前ら俺に助言しろ、いやください 5：名も無き被検体774号+：2012/02/29(水) 21:36:44.20ID:RRAnH6Zu0 とりあえず、経緯書いてく ７年間付き合っていた彼女と今年の6月結婚する予定だった それが去年の12月28日にいきなり、彼女から別れてくれという電話が来る →彼女の職場と同じ同僚に既に寝取られていた罠 7：名も無き被検体774号+：2012/02/29(水) 21:38:18.27ID:RRAnH6Zu0 スペック 俺　　27才　金融関係（オタク） 彼女　27才　臨時職員司書（黒髪　大人しい系） 寝取った男　27才　教師（スポーツマンタイプ） 8：名も無き被検体774号+：2012/02/29(水)

Elixir の読み方は多分「エリクサー」。RPGゲームのアイテムにありそうな名前だ。 個人的には「エリクシール」と読みたいところだが多分「エリクサー」で良いだろう。 Elixir は最近になって開発が活発化しており、公式サイトも最近立ち上げられたようだ。 http://elixir-lang.org/ つい先週のことだが Github でも公式にサポートされている。 Elixir is officially supported on Github! Including file identification and syntax highlight: github.com/languages/Elix… — Elixir Lang (@elixirlang) March 5, 2012 ここにきて盛り上がってきた感があるので、作者である José Valim が約1年前に書いた Why

ホームレスになった 昨日、家を引き払ってホームレスになった。 『住所不定無職』 ニュースでわるいひとたちが捕まって、報道されるときに耳にした事のある言葉。 わたしは長いこと この言葉が理解出来なかった。 「え？住所不定ってどこで生活してんの？？」 「え？住民票はどうなってんの？？？」 「職もないのにどうやって生きてるの？？？？」 頭に、多くの疑問符。 しかし、昨日 その全ての疑問が解けた。 なるほど、『住所不定無職』とは、こういうことを 指すんだね。 お父様、お母様、申し訳ありません。 両親は、これまで わたしに 多くの堅実なレールを敷いてくれた。 わたしの履歴書だけ見たときに、 なんとなく表面上 それなりの人とナリに思える(っぽい)のは、両親のお陰であると感謝している。 だが、その結果が、これ。 ここで何故 わたしがホームレスになったのかについて、書いておく。 わたしが生まれたのは、ちょ

Oliver Byrne's edition of Euclid An unusual and attractive edition of Euclid was published in 1847 in England, edited by an otherwise unknown mathematician named Oliver Byrne. It covers the first 6 books of Euclid's Elements of Geometry, which range through most of elementary plane geometry and the theory of proportions. What distinguishes Byrne's edition is that he attempts to present Euclid's pr

クラウドWebサービス時代は GUNDAM (Github Ubuntu Node Dropbox AWS MongDB) だ！！ おい！おいおい！「LAMP経験者募集してます」っておい！もう2012年だぞ！もっとナウい感じのがあるだろ！！クラウドWebサービス時代は GUNDAM(Github Ubuntu Node Dropbox AWS MongDB)だ！！「LAMP経験は？」「俺がGUNDAMだ！」— Wataru MIYAGUNIさん (@gongoZ) 3月 12, 2012 LAMP (Linux Apache MySQL Perl-PHP-Python)の次の技術の総称はGUNDAMという言葉としてjanos,num,lnnmなどあったようですが 今ひとつ普及しない感じがありました。 しかし"GUNDAM"という言葉は普及しそうですね（ネタ的にもいいので） LAMPという言

Published:March 10th, 2012 Comments:50 Comments Category:Documentation, Firebug, Planet Mozilla Entire Firebug source base has been moved on github.com last week and we are also adopting a new GIT development workflow. So far, everyone has been truly excited by this change and I believe that it's also much better way how to collaborate with other coders. Firebug is an open source project after all

This article is an attempt to better understand how the front-end of Python works. Just reading documentation and source code may be a bit boring, so I'm taking a hands-on approach here: I'm going to add an until statement to Python. All the coding for this article was done against the cutting-edge Py3k branch in the Python Mercurial repository mirror. The until statement Some languages, like Ruby

I want to land bug 714408 on mozilla-central as soon as I get review for it. It adds hardware-accelerated audio/video decoding support to Gecko using system decoders already present on the system. Android, for example, ships by default with a number of decoders, and in particular for such mobile devices we really have to use these hardware-accelerated decoders for good battery life (and performanc

joelthelion/autojump - GitHub zsh補完関数の書き方をいろいろ調べていたら、autojump-zshというパッケージを発見。 気になって使ってみたらめちゃくちゃ便利で、久々に感動したので紹介。 autojumpはcdコマンドの拡張的なコマンドで、移動したディレクトリを記録し、 ディレクトリ間を行ったり来たりするときに絶大な効果を発揮します。 公式wikiに書いてあるよう コマンドライン作業の10〜20%はcdコマンドのため、ディレクトリ移動の動作が 改善すると必然的に作業効率も向上するということです。 実際私もautojumpを使い出してから、作業効率が上がりました。 それでは早速autojumpの説明を。動作検証環境は下記です。 Mac OSX 10.7.3 Fedora 16 Scientifix Linux 6.1 導入方法 autojumpを利用するに

2009年01月08日00:49 Ruby rails の alias_method_chain が素晴らしすぎる 今日はrailsの話.｡ﾟ+.(･∀･)ﾟ+.ﾟ メソッドを上書きするとき、元のメソッドも残しておくためには alias_method を使います。 alias_method :new_method, :original_method でも、これだと後から同名のメソッドを作ってしまい、重複してしまう可能性が。危険。そこでrailsでは、名前の衝突をなるべく避けるために、拡張する機能名をメソッド名に追加する習慣があります。 旧メソッド: "(メソッド名)_without_(機能名)" 新メソッド: "(メソッド名)_with_(機能名)" 例えば、既存の "hoge" メソッドに新機能 "sasata299" を追加する場合、こんな感じになります。 alias_method :

This domain may be for sale!

Major DistributionsAn overview of major Linux distributions and FreeBSD The bewildering choice and the ever increasing number of Linux distributions can be confusing for those who are new to Linux. This is why this page was created. It lists 10 Linux distributions (plus an honourable mention of FreeBSD, by far the most popular of all of the BSDs), which are generally considered as most widely-used

まず結論からですが、ベンチマークの数値上では他の VPS に負けてしまってますが、物理コア、メモリ量、ディスク容量を考えると、今一番オススメできる VPS だと感じています。ただし CentOS をゼロベースで運用できるスキルが必須になります。セキュリティも設定も貴方次第。そんな感じのサービスです。そこが一番のハードルだと思います。 それぞれの VPS を調査したデータを記載しておきます。KDDI の物理コアが AMD Phenom(tm) 9550 だったことは、僕にとっては相当ショックだったのは内緒です。Intel 系であって欲しかったです。安さのポイントは AMD 系にあったってところでしょうか。まぁそれであっても物理コアなので、ホスト側で重たい処理を実行中だったり、同一ホストに収容されている他の VPS の影響を受けにくい（CPU的な観点では）ことは、サービス運営側にとっては大きな

CloudCoreというブランドが、KDDIコミュニケーションズから発表され、VPSとHybridという2つのサービスが公開されている。先にCloudCore VPSがリリースされており、こちらは、（CloudCoreのメールは、すべてCPI.AD.JPから送られてくるけど・・・）別ブランドと主張しているCPIで提供されていた「VPSスケーラブルプラン」の後継サービスらしい。 料金は、さくらインターネットを意識した価格となっており、安価でサーバを持つことができる。何よりも、100GBのHDDと2GBというメモリについては、同容量のさくらのVPSを考えると非常に安価である。ただし、現状では（？）、1プランしか用意されていないので、この他のプランがどのような料金体系になるかは定かではないところ。 で、10日間無料で試用できるようなので、早速申し込んでみた。まず、体感的な部分の感想から言うと、レ

評判の CloudCore(クラウドコア) VPS と さくらのVPS を比較してみた

They've a temper, some of them—particularly verbs: they're the proudest—adjectives you can do anything with, but not verbs—however, I can manage the whole lot of them! Impenetrability! That's what I say! — Humpty Dumpty Hello, world! Today we're going to hear the story of Evil King Java and his quest for worldwide verb stamp-outage.1 Caution: This story does not have a happy ending. It is neither

ギークハウスフィリピン開設 「もしやってみたい人がいたら自由にどうぞ」というポリシーの元にゆるくオープンに運営しているギークハウスプロジェクトだが、2010年10月に初の海外拠点としてギークハウスフィリピンが開設された（ギークハウス初海外! 帰ってきたギークハウスフィリピン。 - 日々、とんは語る。）。なぜフィリピンかというと、WEB+DB PRESS Vol.58でEmacsについての記事を書いたりしている大竹智也（@tomoya）と僕がもともと知り合いで、彼は前からよくギークハウスにも遊びに来ていたのだけど、彼がフィリピンでラングリッチというSkypeを使ったオンライン英語学習のベンチャーを起業。そしてラングリッチのスタッフが住む家をギークハウスフィリピンとして運営し始めたという経緯だ。今回はフィリピン生活の様子についてtomoyaに聞いてみた。 海外で起業するということ 海外に出るこ

<!DOCTYPE html> <html> <head> <title>Store</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> <%= stylesheet_link_tag "application", :media => "all" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class

In the world of e-commerce, you need to have the right online marketplace to support…

XKCD’s “Nerd Sniping” is the epitome of rabbit holing ##The geek’s Achille’s Heel I recently decided practice my algorithms skills everyday by working through Skiena’s Algorithm Design Manual and doing some Interview Street problems. To make it somewhat more interesting I decided to do all the exercises and problems in Haskell. On my second day of practice, I felt the urge to find a better Haskell

The requested URL was rejected. Please consult with your administrator. Your support ID is: 5201085050870392295 [Go Back]

1 ：仕様書無しさん[sage]：2007/09/19(水) 15:00:46 "from scratch" は慣用句です。英語のテストで「スクラッチから」などと訳せば確実に0点です。 さらに、「スクラッチから」から派生して、 「スクラッチする」「スクラッチで」「フルスクラッチ」などと謎な言葉が次々と生み出されています。 scratch という言葉の意味や、なぜ scratch なのかが意識されているとは思えません。 これでは技術者がバカに見られてしまいます。 この言語汚染の連鎖は大元から断ち切るべきです。 from scratch はできるだけきちんと通じる日本語に訳しましょう。 from scratch > スタートラインから,ゼロから,最初から,無から,一から,白紙から,裸一貫から,裸一貫で, > 〔料理に〕インスタント食品類を使わずに,根本から,【語源】scratch とは,｢引っ

Numba is a NumPy aware optimizing compiler for Python. It uses the remarkable LLVM compiler infrastructure to compile Python byte-code to machine code especially for use in the NumPy run-time and SciPy modules. Dependencies: * LLVM 3.1 * llvm-py (from ContinuumIO/llvm-py fork) * numpy * Compile LLVM 3.1 (unreleased) --- get it from svn: svn co http://llvm.org/svn/llvm-project/llvm/trunk llvm ./con

2009年03月31日23:59 カテゴリ nowa 最後の日 今日、 nowa がサービスを終了し、二年弱の短い歴史に幕を下ろした。 nowa について「中の人」が何か書くのは sasakill 曰く「愚か者」のすることだそうだが、俺は愚か者なので感想を書くことにする。なお、以下に書いてあることは単なる感想と回顧録です。特定の誰かを批判、非難する意図はありません。 nowa に関わったスタッフは、たぶん俺はあまり出来がいいほうじゃなかったと思うけど、それ以外の皆さんは各々がとても良い仕事をしたと思います。特に開発に携わった人たちはすごかった。俺はその人たちが書いたソースコードを毎日読んでいたので、そのすごさは良く覚えています。 nowa は俺がライブドアに入社して最初の秋冬にスタートした。最初は「PRAC（仮）」というコードネームで、これが何の略だったかはもう忘れた。「livedoor

Project Title Use this area of the page to describe your project. The icon above is part of a free icon set by Flat Icons. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12! Client: Start Bootstrap Date: April 2014 Service: Web Development Close Project Title Use this area of the page to describe your project. The icon a

jQuery HTML5 Drag-and-Drop File Upload | LearnComputer jQueryとHTML5でドラッグ＆ドロップアップロードを実現するチュートリアル。 jQueryのfiledropプラグインを使いつつサーバにファイルをアップロードするためのJavaScriptとPHPコードの例が掲載されています。 JS部分のコード例。アップ先のPHPエントリポイント、アップ開始、終了時のイベントハンドラが指定できます。 PHP側では $_FILES を使ってファイルを受け取るという簡単な物になっています。 関連エントリ ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」 ファイルアップロード関連のjQueryプラグイン１０ PHPを使ったAjaxファイルアップロードサンプル１０

米Googleは2009年12月4日、パーソナライズド検索を拡張し、Googleアカウントにサインインしていないユーザの検索結果も個別化することを公式ブログで明らかにした。 パーソナライズド検索（Personalized Search）とはユーザの興味や関心、過去の検索行動や検索場所（IPアドレス）、ブラウザの言語設定などのデータを参照して、検索結果を個別化する検索サービス。従来は基本的に※Googleアカウントにサインインしているユーザで、かつウェブ履歴機能を有効にしている時に、過去の検索履歴やページ閲覧履歴に基づいて検索結果をカスタマイズしていた。 今回の機能拡張は、ブラウザの匿名クッキーをもとに、過去180日間の検索履歴を参照して検索結果をカスタマイズする。これにより、Googleアカウントを利用していないユーザにも、過去の検索行動にあわせたパーソナライズされた検索結果が検索が提供さ

This domain may be for sale!

I believe in heroes I believe in stars I believe that we'll meet one day say hello in some astral bar Seahorses, "Love Me And Leave Me" 先月、株式会社はてなの近藤淳也さんと少しメールのやりとりをする機会があり、近藤さんは「7月にちょっと動きがあるので、それに向けてどたばたしています。」と書かれていた。氏とメールのやり取りをすること自体稀なため高揚していたのか、ワタシは深く考えずに「恐らくは面白い動きがはてなの中で準備されていると思いますので、何よりそれを楽しみに待ちます。」と返信に書いた。しかし考えてみれば、はてなはいつも「ちょっと動きがある」会社なわけで、そんなんいつものことやんけと後になって苦笑したのを覚えている。 ご存知のように7月14日、はてなが米

先日、株式会社はてなよりＴシャツが届いた。はてなのグリーン電力化への取り組みの一貫として販売されたものである。 はてなの風力発電への肩入れについてのワタシの感想は、「うーーーーーぅん、いいんじゃないですか？」というものである。この手の話は一筋縄にはいかない。本文章は、その「うーーーーーぅん」という唸りに含まれるいろいろな想いを言語化するものである、と書くと大げさだが。 はじめに書いておくと、ワタシは「地球に優しく」といったエコ的お題目に興味はない。というか、はっきりいえば好きではない。これはそうしたお題目を唱える人たちの多くに共通する（と当方が感じる）気質への違和感によるのだけど、しかしこの星で生きる以上、地球環境の問題から逃げられないのも確かである。 最近では多くの企業が環境への取り組みを明言するよう社会的に要請されており、IT 企業も例外ではない。その企業のサービスの利用者としては、で

ちょんまげ英語塾 > WEB制作TIPS > Google Apps + 独自ドメインで自分だけのメールアドレス 重要なお知らせ：CAUTION! 2012年12月6日以降、Google Apps（無償版）の新しいアカウントは提供されなくなりました。既に無償版のアカウントをお持ちのユーザーは、引き続き無料で使用できます。詳細はこちらをご覧ください。 Google Apps の代替サービスとして、Microsoft の Hotmail を独自ドメインで利用する事もできます。取り急ぎ以下に解説ページを作りましたので、よろしければ参考にしてください。 Windows Live + 独自ドメインで自分だけのメールアドレス ※Google Apps (無償版)の突然の新規募集停止で困っている方が他にもいたら、上のページを紹介していただくと幸いです。 Google Appsとは Google Apps

おっと、タイトルだけ見て、先週から話題になっているはてなブックマークボタンのトラッキング問題の話かと思われたかもしれないが、本文でははてなブックマークの問題はほとんど扱わない。また、この問題について未だご存じない方は、ARTIFACT@ハテナ系のエントリの後半にあるこれまでの流れを辿ると分かりやすいだろう（ワタシ自身の認知にも近い）。 はてなが新サービスとしてはてなブログをリリースして4ヶ月以上経つ。当初は招待制だったが、昨年末にオープンベータに移行して現在にいたっている。 ワタシもリリース時に招待されたので少し触ってみたが、機能が何から何まで足らないことにびっくりしたものである。そして、はてなは「アレ」をやらかしたのではないかという疑念が頭をよぎったが、まさかと思う気持ちと、短時間触っただけの印象で間違った批判をしてはいけないという自制、何よりそのあたりはじきに解決するのだろうという楽観

emacs-w3m を使って exblog にログインが出来なかった件だが、設定の問題だったみたい。 (setq w3m-use-cookies t) (setq w3m-cookie-accept-bad-cookies t) w3m-use-cookies を有効にするだけでいいと思っていたのだが、w3m-cookie-accept-bad-cookies も有効にする必要があったみたい。白井さんに教えてもらいました。感謝。 w3m-add-referer も追加しなくちゃいけないみたいなのだけど、自分の環境では必要がないみたい。

blur.js 背景画像を全エレメントにブラーをかけつつ摘要できるjQueryプラグイン「blur.js」。 次のように、全体の背景をベースに、ブロックにブラーがかかった背景画像を設定するプラグインです ぼかしのレベルは制御可能です。 数年後、WEBページってどんな感じになってるんだろうって、こういうのを見るといつも思ってわくわくします 関連エントリ 画像ホバー時に２０種類以上の多彩なエフェクトがかけられるjQueryプラグイン「Adipoli」 時間の入力を楽にすることが出来るjQueryプラグイン スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」

最近サードパーティ Cookie に関するプライバシー問題の話題が流行っているようなので、各ブラウザでのサードパーティ Cookie をオフにする設定方法を紹介。いずれもブラウザインストール直後にすぐ設定しておくことを推奨する。 Firefox [オプション] - [プライバシー] - [履歴] に「サードパーティの Cookie も保存する」というチェックボックスがあるので外す。 ついでに「トラッキングの拒否を Web サイトに通知する」もオンにしておくと良い。 ※これで DNT ヘッダの送信が有効になる。 ※ DNT の説明はこちら。 (2012/05/22 追記) Opera [設定] - [設定] - [詳細設定] - [Cookie] で「アクセスしているサイトからの Cookie のみ許可する」を選択する。 chromium-browser [Preferences] - [U

表示サイズに合わせて、スライドショー自体のサイズやサムネイルなどを最適な状態で提供するスライドショーを実装するjQueryのプラグインを紹介します。 もうすぐ始まるIEの自動アップデートのIE8にも対応しています。 Camera | a free jQuery slideshow by Pixedelic [ad#ad-2] Cameraのデモ Cameraの使い方 Cameraのデモ デモは上記のトップにあるものと、他に3種類のスライドショーがあります。 トップのものが一番シンプルで、Cameraの基本性能を楽しめます。 画像の切り替えには、美しいアニメーションが採用されています。 デモ：Fullscreen フルスクリーンタイプのスライドショー。 Cameraの使い方 Cameraで使用する基本的なHTMLの構造から。 HTML div要素にHTML5の独自属性で「data-src」を