bislionのブックマーク (776)

  • 巷で噂のGoogle: Deep Dreamの仕組みはこんな感じらしい | ロボ部

    わぁぁ、ロボ部のロゴがなんとも言えない凄み画像になってしまった。ロボ部イラスト仮担当tawagoです。 まさに悪夢、Google人工知能「DeepDream」でムービーを作成したらとんでもないことに とかいうタイトルなどで一躍有名になりました、GoogleのDeep Dream。 巷で噂のDeep Learningの分野ですね。大量のデータをもとにホニャホニャ… もちろんロボ部でもやってみました! なにやらイテレーションという同じ画像を何回もDeepDreamすると面白いというのも聞きつけまして。えぇ、やりましたよ、実験を。2週間かかりました。 こんな感じです。どーん!(gifアニメ) チャート図はこちら 結果比較 新規で始めるたびに違うものが出現したりしなかったり。 どうやらランダムノイズがあった方が色味が増すみたいですね。禍々しい… こんな感じでGoogleがこないだ公開した人工ニュ

    巷で噂のGoogle: Deep Dreamの仕組みはこんな感じらしい | ロボ部
    bislion
    bislion 2016/01/28
  • Redis に保存されてる値を見ようと思った時に覚えておきたい redis コマンド | そんなこと覚えてない

    設定したりもっと細かい作業をしたい場合は help コマンドを使う。 種類ごとのヘルプをみたい場合は @ をつけるとよい 例えばリスト関連のコマンドを知りたいなら > help @list といった感じ。 以下は解説 keys 登録されている key がわからないと何もできないので、keyの一覧をみる方法 > keys * 引数にはパターンを入力する hogeではじまるものに絞りこみしたい場合は > key hoge* とかする。shell の場合はアスタリスクはエスケープする必要があるのに注意 $ redis-cli keys \* type redis は key に格納された値の種類によって取得コマンドが違うらしい。 値をみるために種類の確認が必要。 hoge というキーがあった場合は > type hoge とする。 返す値としては string list set zset has

    bislion
    bislion 2015/12/24
    “Redis に保存されてる値を見ようと思った時に覚えておきたい redis コマンド ”
  • http://atarukodaka.github.io/site/articles/middleman/explore_middleman-01.html

    bislion
    bislion 2015/12/23
  • https://kaizenplatform.com/media/

    bislion
    bislion 2015/11/17
  • https://kaizenplatform.com/media/

    bislion
    bislion 2015/11/17
  • dataLayer の使い方 | GTM 使ってるんですが…

    dataLayer.push({'target_audience': 'niche', 'event': 'when_you_read_here'}); GTM では dataLayer というグローバルオブジェクトが予め定義されています。 この dataLayer の中には、キーと値のペアをセットすることができ、GTMに引き渡すことが容易にできるようになっています。 例えば、ユーザー エージェントに応じてタグを出し分けたいような場合、JavaScript を使ってユーザーエージェント情報を取得し、dataLayer にセットすることで、GTM 側ではマクロを用いてその内容を取得することができるので、マクロに値がセットできてしまえば、タグの配信ルール設定にマクロを使うことができます。 では、dataLayer はどのように使えば良いのでしょうか? 一番ストレートな使い方は、GTM ワンタタ

    bislion
    bislion 2015/11/17
  • OAuth2読書会

    oauth2_fugu_book.md 1章 重要な用語 1.認証(Authentication) ユーザ自身が何者であると主張しているかを検証するプロセス ユーザ名が表すのはユーザが主張するアイデンティティであり、アプリケーション側は、ユーザの入力したパスワードが正しければ、人であるとみなす 2.連合型認証(Federated Authentication) ユーザアイデンティティの検証プロセスを外部サービスに依存しているアプリケーションのことをいう。 OpenIDなどが有名(OpenIDプロバイダのGoogleとかYahoo!とか) 3.認可(Authorization) 何らかの行為を行う際に、ユーザにその権限があるかどうかを検証するプロセス。 webアプリケーションは最初にログインしているIDを確認したあと、各操作に対するアクセスコントロールリストを参照して、そのアクセスが許可さ

    OAuth2読書会
    bislion
    bislion 2015/11/05
    “他の方法 1.クエリパラメータ access_tokenをURLクエリパラメータに追加する方法。デバック時などは便利、クライアントサイドフローを使っている場合はJSONPのリクエスト形式のためこの方法が役に立つ ”
  • CoffeeScript 言語リファレンス

    関数に引数を渡す括弧 (...) は不要。 print "coffee" のように関数を呼べる。ただし引数が無い場合は空の括弧 ( ) が必要。 関数やif文、switch文、try/catch文などでブロックを中括弧 {...} で囲む代わりに、Pythonのようにインデントを揃えることでブロックを表現する。なのでインデントは超重要。 代入

    bislion
    bislion 2015/11/05
    “ヒアドキュメントやヒアコメントと同様に、CoffeeScriptではヒア正規表現(heregexes)も使える。”
  • ディープラーニングのサマースクールで学んだ26のこと | POSTD

    (訳注:2015/11/4、いただいた翻訳フィードバックを元に記事を修正いたしました。) 8月の初めに、モントリオールでディープラーニングのサマースクールに参加することができました。サマースクールは10日間にわたるもので、著名なニューラルネットワークの研究者の講演で構成されていました。この10日間で、私は1件のブログ投稿にはまとめきれないほど多くの事を学びました。ここで私は、60時間で得られたニューラルネットワークの知識をそのままお伝えしようと試みるのではなく、1パラグラフに要約できるようなちょっとした面白い情報のリストを作ることにしました。 これを書いている現在、 サマースクールのウェブサイト は現存しており、全てのプレゼンテーションのスライドが載せられています。全ての情報とイラストはこれらのスライドから利用しており、権利はそれぞれのオリジナルの著者に帰属するものです。またサマースクール

    ディープラーニングのサマースクールで学んだ26のこと | POSTD
    bislion
    bislion 2015/11/04
  • Chrome ExtensionにGoogle Analytics(UA)を設置する方法 - Qiita

    はじめに Chrome ExtensionにはGoogle Analyticsを設置することができますが、Google Chrome Extension公式チュートリアルには旧バージョンのGoogle Analyticsの設置方法のように見受けられたので、UniversalAnalyticsの場合の設置方法を調べてみました! やり方 (全部で15分~20分ぐらい) 1. Google Analyticsのプロパティをつくります 2. トラッキングコードを入手します 3. トラッキングコードを修正して設置します 4. manifest.jsonにcontent_security_policyを追加します 5. デベロッパーダッシュボードでUAのIDを設定します 1. Google Analyticsのプロパティをつくります Google AnalyticsでChrome Extension用

    Chrome ExtensionにGoogle Analytics(UA)を設置する方法 - Qiita
    bislion
    bislion 2015/11/03
  • Google Chromeエクステンションのセキュリティ確保

    Nov 15, 2011 さて、ずいぶんと日が経ちましたがVichromeセキュリティの脆弱性があるとのご報告を頂きました。 http://twitter.com/#!/teramako/status/127357023242289154 つまり、コンテンツに要素を追加すると、コンテンツ側のスクリプトがその要素に対してアクセスできてしまうわけです。 Chrome Extensionとセキュリティというのは、以前から議論されている話ではありますが、エクステンションの開発者を含めて一般的に浸透されているとは言い難い状況なので簡単にまとめておきます。 まずはChrome Extensionはどのような仕組みなのかから始めましょう。 Chrome Extensionってどうやってできてるの? 一般的なChrome Extensionは主に3つのコンポーネントから構成されていて、それはConten

    bislion
    bislion 2015/11/02
    “Extension自身が入力用のhtmlファイルを保持する。このファイルはchrome-extension://[extension id]/...というURIに位置します。 ”
  • JekyllからHugoへ - MOL

    これまでJekyllを使ってブログを書いてたけどHugoに移行したという話。Frontend Weekly Vol.0で知ったんだけど、これ見ていいなーって思ったのでやってみた。 OctopressからHugoへ移行した | SOTA これまでのブログ遍歴 Blogger: Webサービスを使うのはよいことだ。最初にはてなを使ってたら僕の人生変わってたかもしれない。 WordPress + さくらサーバー: 僕は若かった。いったい誰が僕のことを責めれようか。いや誰もいない。 Jekyll + GitHub Pages: マークダウン最高w Hugo + GitHub Pages: イマココ Jekyllのイヤなところ 遅い!コレに尽きる。上記のように、7年ほどブログを続けていると記事数が450くらいになってた。jekyll serve --watchして、記事を変更しても体感的に10秒くら

    bislion
    bislion 2015/11/02
  • DOMContentLoaded周りの処理を詳しく調べてみました - Qiita

    利用者が一定数いるIE6,7,8を除いて、現在利用されているほぼ全てのブラウザで標準仕様として扱えるようになっています。2006年ごろから登場したjQueryの$(document).readyは有名ですが、この存在もDOMContentLoadedが正式に取り入れられるきっかけの1つになっています。 2. jQueryのreadyとの違い HTML5で定義されているDOMContentLoadedとjQueryの$(document).readyは、DOMツリーの構築が完了したことを判定するという点で役割は一緒といえます。ただ、jQueryは古いバージョンのブラウザをサポートするためにDOMContentLoadedを使わないready判定の実装を行っていました。 1. jQuery Core 1.0のready判定(1.0から1.2.1まで) jQyer Core 1.0を見るとIE/

    DOMContentLoaded周りの処理を詳しく調べてみました - Qiita
    bislion
    bislion 2015/11/01
  • script要素のdefer属性でパフォーマンスを向上|Web制作 W3G

    Updated 2013.10.15 / Published 2013.10.15 DOM構築が完了した時点でスクリプトを実行したいというタイミングは活用どころがとても多いのですが、2013年9月時点の最新ブラウザシェアを見てもInternet Explorer8以下が未だに25%以上もいることから、IE9からサポートしているDOMContentLoadedは使い難く、未だにイベントハンドラのonload属性やwindow.onloadといった画像の読み込みまで含めてしまうパフォーマンスの悪いタイミング操作でスクリプトの実行を行っている制作者は多くいるようです。 そこで、レンダリングができた時点で、スクリプトが実行されるようにUAに指示するための属性であるscript要素のdefer属性を紹介します。defer属性の付いたスクリプトファイルの実行は、DOMContentLoadedの前に行

    script要素のdefer属性でパフォーマンスを向上|Web制作 W3G
    bislion
    bislion 2015/11/01
    “そこで、レンダリングができた時点で、スクリプトが実行されるようにUAに指示するための属性であるscript要素のdefer属性を紹介します。defer属性の付いたスクリプトファイルの実行は、DOMContentLoadedの前に行われるため、DO
  • async vs defer attributes

    The async and defer attributes for the <script> element have great support now, so it’s time to learn exactly what they do! <script> Let’s start by defining what <script> without any attributes does. The HTML file will be parsed until the script file is hit, at that point parsing will stop and a request will be made to fetch the file (if it’s external). The script will then be executed before pars

    async vs defer attributes
    bislion
    bislion 2015/11/01
    “If the script is small and is relied upon by an async script then use an inline script with no attributes placed above the async scripts. ”
  • 文字コード考え方から理解するUnicodeとUTF-8の違い | ギークを目指して

    UnicodeとUTF-8の違いを理解していない方が結構居るようなので、文字コードの考え方を元に解説してみようと思う。 文字コードとは何か? 文字コードとは、コンピュータ上で文字を扱うために、文字に対して割り当てられた数値のことであり、文字と数値の対応付けと呼べる。 この対応付けの種類は沢山あって、Shift-JISであったり、UTF-8であったりする。 以上!と言いたいけど、文字コードはこんなに単純ではない。文字コードを複雑にする要素は沢山あるが、今回の記事ではUnicodeとUTF-8の違いに焦点を絞って解説してみたいと思う。 文字コードの構成要素 文字コードの世界は以下の2つの要素で構成されている。 この違いを意識しておかないと混乱を招くだろう。 (1).文字集合 – 表現したい文字の範囲(”あ”、”い”・・・といった文字の集合体) (2).符号化方式 – 文字集合を構成する個々の文

    文字コード考え方から理解するUnicodeとUTF-8の違い | ギークを目指して
    bislion
    bislion 2015/11/01
    “文字を表現したい場合はコードポイントではなく、符号化されたByte列を用いる必要があるのだ。”
  • Google Apps Scriptを用いてグループアドレスメンバーを取得 - Sanwa Systems Tech Blog

    こんにちは。ひさです。 Google Appsの管理コンソールは見た目は美しいのですが、色々使いづらい・・・ 最低限用意するから必要ならカスタマイズしなよ!ってことなのかなぁと思います。 ユーザー単位でそのユーザーが所属するグループアドレスは参照できますが、 グループアドレスに所属するユーザーはいちいちグループを開かないといけないので不便。 というわけで一覧を取得するスクリプトを作成してみました。 必要な設定 Google Apps管理コンソールの[セキュリティ]からAPIアクセスを有効にします。 スプレッドシートの設定 Google Drive上でスプレッドシートを作成し、[ツール]→[スクリプトエディタ]を起動します。 エディタ上の[リソース]から[Googleの拡張サービス]を選択し、今回必要とするAPIを有効化します。 続いて画面表示の通り、[Googleデベロッパーコンソール]を

    Google Apps Scriptを用いてグループアドレスメンバーを取得 - Sanwa Systems Tech Blog
    bislion
    bislion 2015/11/01
    “グループアドレスに所属するユーザーはいちいちグループを開かないといけないので不便。 ”
  • ブラウザ動作の理解-レンダリングツリーの構築と描画のタイミング | ゆっくりと…

    HTML5 の Web Worker やら GPU でハードウェア・アクセラレートされる IE9 のレンダリングなど、今年もブラウザの進化が激しくなりそうですネ。一方でフロント・エンド改善によるページ表示の高速化 Tips や Hack も百花繚乱、出尽くした感がありますが、やはり原理原則を知らないと 「どれが正しくて筋が良いか」 中々判断が効かないと思いませんか? そこで最も基的な 「ページの読み込みから表示まで、ブラウザって何をどうやってるの?」 を理解していきたいなと思っています。 一番の厳密かつ王道は、ブラウザ間の違いを極力少なくするように注意深く書かれている HTML5 の仕様書 を理解だと思いますが、イキナリではハードルが高いので、まずは周辺を漁っています。そんな中から、ちょっと古いですが、2004年5月の記事 「Testing Page Load Speed」 を今回、翻訳

    bislion
    bislion 2015/11/01
    “画像の読み込みはできるだけ早く開始されるべきです。これは、リソースの読み込みが、レンダリングツリーではなく DOM ツリーを元にを実行される必要があることを意味します。画像の読み込みを開始するためだけに、C
  • Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

    bislion
    bislion 2015/10/31
    “これだけ繰り返せば日本の挨拶もしっかり覚えられそう。 ”
  • サイトに適したリソース配置とasync/defer完全マスター – レンダリング優先のグッド・プラクティス | ゆっくりと…

    タイトル、少し変えました 😉 。 第1部「サイト高速化の「戦略」と「戦術」- GradeAのその先へ」では、YSlow や PageSpeed がアドバイスする Tips のうち、HTTP リクエストの削減を優先すべしという「戦略」の話をしました。 また css や js を束ねて結合し、HTTP リクエストを削減する時の「戦術」の話もしました。 今回は、「サイトの特性に適したリソースの配置を行う」ために、「束ねたリソースをドキュメント中にどう配置するのが適切か」を見い出したいと思います。またそのポイントとなるブラウザの基的な挙動についても言及します。 ブラウザごとの挙動が確かめられる、実験サイト contentloaded.com を立ち上げたので、以下、同サイトから幾つかの例を引きながら話を進めたいと思います。 リソース配置を決める戦術 基的な戦術 第1部 では、css や js

    サイトに適したリソース配置とasync/defer完全マスター – レンダリング優先のグッド・プラクティス | ゆっくりと…
    bislion
    bislion 2015/10/30
    “「ベスト・プラクティスと(スクリプトによる)レンダリング優先を両立させるリソース配置」、これがこの章のポイントです。 ”