タグ

2014年8月20日のブックマーク (12件)

  • VCファンディングの基礎

    VCファンディングについてのノウハウをまとめました。 以前、Samurai Startup Islandで行ったセミナーの資料をベースにしています。 なお、これに近い内容のプレゼンをした時の動画が、以下のサイトにアップされています。 http://globis.tv/movie/?e=1582 Pre-money, Post-moneyなどの概念が理解しにくいという方は、動画をご覧になることをお勧めします。Read less

    VCファンディングの基礎
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • [CSS]パララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアル

    ページ上のコンテンツを複数のレイヤーで構成し、それぞれを異なるタイミングでスクロールさせるパララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアルを紹介します。 デモページをスクロールしたとこ パララックスの構造の可視化は、左上の「Debug」をチェックします。 パララックスの実装 Step 1: HTML divなどで各レイヤーを配置します。 <div class="parallax"> <div class="parallax__group"> <div class="parallax__layer parallax__layer--back"> ... </div> <div class="parallax__layer parallax__layer--base"> ... </div> </div> <div class="parallax__group"> ..

    [CSS]パララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアル
  • 郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js

    郵便番号から住所を自動補完してくれるライブラリのご紹介。他にもいくつかありますけど使いやすかったので備忘録として。 よくあるやつ。メンテも不要との事なので助かります。 <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>ライブラリはgooglecode.comにホストされているものを直接読み込みます。 $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#ad

    郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js
  • まずは「gulp」を動かしてみよう! ~セットアップとはじめてのタスク実行

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    まずは「gulp」を動かしてみよう! ~セットアップとはじめてのタスク実行
  • intro-to-aop

    複雑なアプリケーションではロギング、 トレーシング 、メトリクスといったサポートの機能により、関数にすぐ負荷がかかってしまいます。これらのコードブロックはあらゆるコードベース上でそれぞれ少し変形して繰り返し使用されるのですが、これを 横断的関心事(cross-cutting concerns) と言います。 アスペクト指向プログラミング (AOP)は、アスペクトと呼ばれるモジュール内にコードブロックを引き入れて、 関心の分離 (separation of concerns)を手助けします。 AOPの実装 Phoneクラス ^(1) 不自然な例だというのは承知の上で、 dial メソッド1つを使って簡単なPhoneクラスを構築してみました。 function Phone() {}; Phone.prototype.dial = function (friend) { var start =

    intro-to-aop
  • JavaScriptのプロトタイプチェーン - Qiita

    元ネタ:JavaScriptはいかにしてprototypeを捨てクラスベース継承を得るのか - なんたらノート第三期ベータ なんか色々突っ込みたかったので。 この人はプロトタイプチェーンでクラスベースの言語と同じことをやろうとしているのかな。 プロトタイプチェーンは、ただの道具 npm にあるほとんどのライブラリがチェーンを活かして作られてない理由が説明できない。 プロトタイプチェーンは、それ自体ただの道具です。ほとんどのライブラリで使われないと有用ではない、なんてことはないはずです。 そもそも、プロトタイプチェーンの仕組みは結構利用されています。気づいていないだけ、じゃないですかね。 メソッドとそれ以外のプロパティ ちょっとまって、JavaScript のプロトタイプチェーンの教科書でこの、n という初期化パラメータを持つオブジェクトの継承はどういうふうに実装したっけ?? プロトタイプチ

    JavaScriptのプロトタイプチェーン - Qiita
  • JavaScriptはいかにしてprototypeを捨てクラスベース継承を得るのか - なんたらノート第三期ベータ

    きっかけは、prototype と constructor と __proto__ の関係を再確認していたときでした。JavaScriptはこうだけど、これって、AltJSな言語の継承はどうなってるんだろうと思って試したくなりました。 ちょっと気持ち的に、なんだか宗教に入ったみたいに俺は JavaScript がわかったって声高に言う人、だいたいみんな、プロトタイプチェーンによる移譲がクラスベースの継承に束縛されていた思考のブレイクスルーなんだぜ、みたいに言うんだけど、いったいそれがどれほど素晴らしいものなんだろうと考えてしまい... もしプロトタイプチェーンがそんなに素晴らしいんなら、npm にあるほとんどのライブラリがチェーンを活かして作られてない理由が説明できない。もしかしたら、仕組みがいくら面白くても、実際のメンタルモデルにフィットせず、実は使い物にならないんじゃないか ----

    JavaScriptはいかにしてprototypeを捨てクラスベース継承を得るのか - なんたらノート第三期ベータ
  • 格好良くても結果が伴わない?デザイン設計に必要な12の要因|グロースハックジャパン|Growth Hack Japan

    はじめに、 アプリケーションやWebサービスを提供する上でデザインは、切っても切り離せない存在です。その為、設計の時点からデザインに関して深く検討を行い、リリース後も微修正を繰り返します。 しかし、時間をかけたにもかかわらず結果的に受け入れられないものを作成してしまう事もままあります。 GrowthHackを利用する事により解決する問題だけでなく、基的なテクニックなど色々な要因があります。これらを要因をチェックし、自サービスに活用してください。 記事は ■webmatros ■Startus Interactive ■Six Revisions 上記WEBサイトを翻訳し、GHJにて執筆した記事になります。 [基編] 1:シンプルであれ 制限のあるシンプルとする事は、ユーザーに対して頭に入ってくるデザインを提供できると言える。 そして、レスポンスの良い構成になることで、ストレスなく表示

    格好良くても結果が伴わない?デザイン設計に必要な12の要因|グロースハックジャパン|Growth Hack Japan
  • Photoshopの使い方〜基本設定から写真加工の方法まで〜【初心者向け】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGブログ編集部です。 写真や画像の合成、切り抜きといった作業ができるPhotoshopは、グラフィックデザインやWebデザインにおいて必須のツール。自由度高く編集ができて便利な一方、初心者からすると「使い方がよくわからない」と困ることもありますよね。 そこでこの記事では、初心者向けに初期設定から写真加工を行うまでのPhotoshopの使い方をわかりやすく解説します。 Photoshopを使いこなすための第一歩として、ぜひ実践してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求くだ

    Photoshopの使い方〜基本設定から写真加工の方法まで〜【初心者向け】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Appleのマウスを設計した人物が語る自身のキャリアと次世代への教え

    今や触ったことがない人はいないと言っても過言ではないほど普及したPC用のマウスが有名になったきっかけは、Appleが1983年に発売したLisaに採用されたことだと言われています。そんなAppleのマウスの設計に携わり、後には携帯情報端末として多くの人気を集めたPalm Vの設計に革新を持ち込むなど数々の功績をあげてきた産業デザイナー、ジム・ユルチェンコ氏が2014年8月をもって引退することになりました。35年にもおよぶデザイナーとしてのキャリアと、そこから得て次の世代に伝えたい教えがインタビューの中で語られています。 The Engineer of the Original Apple Mouse Talks About His Remarkable Career | Design | WIRED http://www.wired.com/2014/08/the-engineer-of-

    Appleのマウスを設計した人物が語る自身のキャリアと次世代への教え
  • HTML5のvideoタグの使用方法 – creamu

    HTML5のvideoタグは、以下のように記述します。 <video id="movie01" autoplay loop poster="img/pic01.jpg" width="1920" height="1080"> <source src="movie/movie01.mp4"> <source src="movie/movie01.ogv"> <source src="movie/movie01.webm"> <p>このブラウザではビデオを再生できません。</p> </video> Safari, Firefox用にogvファイルを用意し、念のためwebmも用意します。 mp4のファイルサイズ軽減、およびogv, webmへの変換には、Miro Video Converterを使います。 MP4: MP4 Theora: ogv WebM(vp8): webm ただ現状の最新バ

    HTML5のvideoタグの使用方法 – creamu