ブックオフとハードオフの真実ーー別会社ではあるが、パクリではない。何なの？Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - #daiizメモ
閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み
Vim最高！Ubuntu on Windowsを試す！
今日は昨日リリースされたWindows 10のInsider Preview最新ビルド14316に搭載されたUbuntu on WindowsのbashおよびVimの動作をさっそく検証してみました。初リリースにしてはかなり安定した動作を見せてるけど日本語環境が安定するにはもう少し時間がかかるかな？！たくさんフィードバックして品質向上に貢献したい！ # 関連リンク * 「Windows 10」、Bashも使えるAnniversary Updateプレビュー（ビルド14316）公開 - ITmedia ニュース http://www.itmedia.co.jp/news/articles/1604/07/news070.html このチャンネルが面白かったら是非チャンネル登録してください！ http://goo.gl/Mngau6 # 今回の機材 * iPhone 6s Plus (12
AngularJSでDirectiveのtemplateUrlを動的に変更する方法 - Qiita
機能的には同じDirectiveで扱いたいけど、例えば記事の種類などで見た目は変えたい場合のために、DirectiveのtemplateUrlを後から書き換える方法です。 templateUrlでなく、templateで指定したhtmlの中でng-includeを使います。 scopeでtemplateの判定に使える何かを渡します。 App.directive 'Article', -> restrict: 'E' replace: 'true' scope: { template: "=" } template: "<div data-ng-include src=\"'templates/' + template + '.html'\"></div>" ] もう少し簡潔な解決方法がありそうな気もする(or あってほしい)のですが、一旦上記で対応出来ました。 [追記] 普通にtempla
AngularJSのngRepeatを"ちゃんと"理解する. - Qiita
はじめに 皆さん、AngularJS使ってますか？ Angularといったら、/^\s*([\s\S]+?)\s+in\s+([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+track\s+by\s+([\s\S]+?))?\s*$/ですよね. /^\s*([\s\S]+?)\s+in\s+([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+track\s+by\s+([\s\S]+?))?\s*$/がない開発なんて有り得ない！ ......... ...... ... 無駄な前フリはこの辺にしておこう. 冒頭の正規表現は、AngularJSのngRepeatDirectiveのコードから引っ張ってきている. そう、AngularといえばngRepeat, ngRepatといえばAngularといっても過言でないほど、Angular開発
ここらでDirective Scopeの@=&をまとめておきたいと思う - Qiita
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body ng-app="myApp"> <div ng-controller="SampleCtrlA"> <dir-a my-arr="arr"><span ng-repeat="a in arr">{{a}},</span></dir-a> </div> <div ng-controller="SampleCtrlB"> <dir-b my-arr="arr"><span ng-repeat="a in arr">{{a}},</span></dir-b> </div> <div ng-controller="SampleCtrlC"> <dir-c my-arr="arr"><span ng-re
AngularJSのCompileとLinkってなぁに？ - Qiita
はじめに AngularJSのDirectiveについては、カスタムディレクティブの作成方法含め、おおよそ理解していたつもりであったが、CompileとLinkについて、若干自信が無い部分があったので、勉強がてら少し厚めに書いてみた。 なお、公式の開発ガイドにも、Oreillyの書籍でも書かれているが、カスタムディレクティブを開発することがあっても、殆どのケースでは、Linkの処理のみを気にするだけでよいため、あんまりこのエントリは役には立ちません。 おさらい 「AngularJSのDirectiveを理解する」にも書いているが、ざっくり言うと、Angularのディレクティブがテンプレートから実際のViewを描画する際は、Compile → Linkの2フェーズに分かれている。 Compile：ディテクティブのテンプレート(html文字列ではなく、DOMオブジェクト)から、Link関数を生
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
話題沸騰中の英語教科書「エレン先生」 イラスト担当者に話を聞いた
cakes（ケイクス）
技術書典
Reddit - Dive into anything