タグ

2013年12月11日のブックマーク (5件)

  • クライアントサイドJavaScriptのライセンス管理 | GREE Engineering

    最近シリコンウエハーもらって嬉しかったago(@kyo_ago)です。 このエントリはGREE Advent Calendar 2013 11日目の記事です。 今回はクライアントサイドJavaScriptにおけるライセンス管理の問題を取り上げたいと思います。 ライセンス管理の問題点 「使用しているライブラリのライセンス管理をどうするか」はクライアントサイドJavaScriptにかぎらず発生する問題ですが、クライアントサイドJavaScriptには以下の様な特徴があるため問題が複雑になります。 コードが結合、圧縮される場合がある クライアントサイドJavaScriptでは読み込みの速度を上げるため、使用しているライブラリの結合、圧縮を行うことがあります。しかし、この時誤ってライセンス文が捨てられてしまうことがあります。 ソースが外部に公開される クライアントサイドJavaScriptではソー

    クライアントサイドJavaScriptのライセンス管理 | GREE Engineering
  • [JS]ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js

    スクロールベースのページを実装する時にぴったり! ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに限らず他にもいろいろと使えそうです。 スクリプトは単体で動作しますが、jQuery/ZeptoやAngularJSのプラグインとしても動作します。 Headroom.js 下にスクロールすると、ヘッダが上部に吸い込まれます。 一旦消えたヘッダは、上にスクロールするとどのポジションからでも表示されます。 この「どのポジションからでも」というのがこのスクリプトの便利なところです。 スクリプトにはさまざまなオプションが用意されており、デモページで楽しめます。 デザインは似ていますが、こちらは「Playroom」です。 デモページ ヘッダの非表示・表示のタイミングが細かく設定でき、アニメーションのエフェクト

  • iPad miniの魅力を引き出すアプリ10選 | ジョナサンブログ

    初代iPad以来、実に3年半ぶりにiPadを手に入れた。待ちに待ってたRetinaモデルのiPad miniだ。 昨年、iPhone4Sから5に機種変更したが、当はiPhone5sまで待つつもりだった。 欲しかったのはむしろiPad miniの方で、気軽に持ち歩けるサイズのiPadとして、手帳+写真ビューワーに使うつもりでいたが、Retinaディスプレイではなかったので購入を見送った。 今回登場したiPad miniは待望のRetinaディスプレイの採用。そしてスペック的にもiPad Airと同等になるなど、iPadを選ぶ基準はもはや「自分の生活スタイルに適したサイズ」のみとなった。 iPad miniにインストールした中から、ボディサイズやRetinaディスプレイが活かせるアプリを10個ほど紹介したい。 iPad miniの魅力を引き出すアプリ10選 Mr.Reader Mr

    iPad miniの魅力を引き出すアプリ10選 | ジョナサンブログ
  • [CSS]半透明のパネルを使って、画像にキャプションをかっこよく表示する12種類のスタイルシート -InContent

    InContentの使い方 実装はとても簡単です。 Step 1: 外部ファイル 当スタイルシートをhead内に配置します。 <head> ... <link rel="stylesheet" href="css/incontent.css" type="text/css" /> </head> Step 2: HTML 画像のimg要素とキャプションのspan要素をdivで包みます。 <div class="pic"> <img src="img/01.jpg" class="pic-image" alt="Pic"/> <span class="pic-caption bottom-to-top"> <h1 class="pic-title">Pic Title</h1> <p>Some description or text.</p> </span> </div> 用意されているcl

  • デザイン思考 ファシリテーション・ガイドブック|イトーキ

    2012年11月にイノベーションを生み出す場のつくり方、スタンフォード大学d.schoolの研究・実践書「make space」を出版したが、場とともにイノベーションの生み出し方のメソッドを知り、実践したいとの要望が多く寄せられ、同じくスタンフォード大学 d.schoolのイノベーション教育の中核である「デザイン思考」を実践するガイドを株式会社イトーキ オフィス総合研究所と一般社団法人デザイン思考研究所にて作成しました。 目次 はじめに デザイン思考の概要 第1章 理解 ステップ1:チームビルディング ステップ2:課題設定 ステップ3:知識の把握 ステップ4:観察対象の設定 第2章 共感 ステップ1:観察 ステップ2:インタビュー 第3章 問題定義 ステップ1:情報整理 ステップ2:ストーリー抽出 ステップ3:問題定義 第4章 創造 ステップ1:テーマ設定 ステップ2:アイデア創造 ステッ

    デザイン思考 ファシリテーション・ガイドブック|イトーキ