pipeheadのブックマーク / 2014年12月4日

pipehead id:pipehead

2014年12月4日のブックマーク (7件)

何故JSONPでJavaScriptのクロスドメイン通信ができるのか？ - プログラマでありたい
一人Advent Calendarの3日目です。 JSONPを使って外部のAPIを呼び出して、結果を取り込むということは色々なところで行われています。しかし、そもそもJavaScriptを利用した場合、クロスドメイン通信が使えないという前提があります。JSONPだったら、何故そこを回避できるのでしょうか？あまり詳しく考えたことが無かったので、簡単に調べてまとめてみました。なんというか4周くらい遅れている話題ですが、気がついた時に整理するとスッキリします。 JSONPの動作原理 Wikipediaさんをみてみると、そのものずばりのことが書かれています。scriptタグ内のsrc属性は別ドメインのURLを指定できるという点と、そのレスポンスはJavaScript関数呼び出し形式になるという点をついたのが、JSONPの動作原理です。なんというか、仕様の考慮不足を利用した仕組みだと思います。 JS
pipehead 2014/12/04
programming

javascript
リンク
pixivのCSSで使われるクラス名ルール
pixivで運用して上手く行っている感触のあるルールを紹介。 CSS的にルートになるセレクターのクラス名は_で始める _始まりのクラスはサイト内でユニーク CSSの何が問題か。それはどこで指定が衝突するのか分からないことである。そこさえ把握できれば気を付けながら書けるので、それでもう問題ないと思っている。CSSには機能がなく、それが美しい（ということにしておく）。最低限抑えるべき要素以外は考えない方がいい。コード例。 HTML: <section class="_foo-container"> <h1 class="title">foo</h1> <ul class="_bar-it ems"> <li class="it em"><span class="title">it em 1</span></li> <li class="it em"><span class="title">it em
pipehead 2014/12/04
css
リンク
これはすごい！3秒でプログラミングが始められるサービス17選 - paiza開発日誌
Photo by Jason Cartwright こんにちは。谷口です。プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな～」「実際にコードを書いて動かしてみたいな～」という時に、ハードルとなるのが「実行環境の作成」だと思います。そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。目次・複数言語対応系・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系・JSFiddle ・jsbin.com ・Codepen ・jsdo.it ・PHP系・PHPfiddle ・PHP Sandbox ・Write
pipehead 2014/12/04
ideone, CodePad, paiza.io, repl.it, Codecademy, runnable, Wandbox, SourceLair, JSFiddle, jsbin.com, Codepen, jsdo.it, PHPfiddle, PHP Sandbox, WriteCodeOnline, SQLFiddle, Runswift

web_tool

programming
リンク
[CSS] Object Oriented CSSを学んで綺麗なコードを書く - YoheiM .NET
こんにちは、@yoheiMuneです。 12月はたくさんのアドイベントカレンダーに寄稿しようと思っていますが、今回第１弾はCSS Architecture Advent Calendar 2014です。まだ空きがあるみたいなので、書きたいという方はぜひ！今日はOOCSSというCSS設計についてブログを書きたいと思います。 Special Thanks to https://flic.kr/p/cAM8iL 目次 OOCSSとは何か OOCSSは、Nicole Sullivanによって2009年に発表されたCSS設計手法の1つで、Object Oriented CSSの略称です。 CSSの世界にオブジェクト指向という考え方を導入することで、CSS設計の1つの道筋を示しています。なぜ設計を学ぶべきのかところでなぜ設計思想を学ぶ必要があるのでしょうか。設計やフレームワークやアーキテクチャ
pipehead 2014/12/04
css
リンク
Windowsの設定を保存するレジストリの構造を分析する (1/2)
Windowsの設定データをAPIからアクセスできるよう情報がまとめて保存された「レジストリ」レジストリ（Registry）とは、Windowsがシステムやアプリケーションの設定データなどを管理する仕組みだ。ファイルに直接保存する設定情報と違い、構造化されたデータをAPI経由でアクセスするため、データの読み書きや解釈に対する処理が不要で、高速なアクセスが可能というメリットがある。初期のWindowsでは、ファイルに設定データなどを保存していたが、システムが複雑化／高性能化するとファイルによる管理が困難になる。そこで導入されたのがWindowsのAPIを介してアクセスする構造化されたデータ構造であるレジストリだ。レジストリに含まれている情報の一部は、ファイルに保存されるが、その処理はWindows側でまとめて行なうため、レジストリを利用する側では、ファイルの読み書きやデータの保存のタ
pipehead 2014/12/04
windows

registry
リンク
Linuxで扱う乱数に関する話 – @knok blog
これはLinux Advent Calendar4日目の記事です。 Unix系OSには、カーネルに乱数生成器を持つ実装が多くあります。乱数は暗号分野でも利用され、非常に重要な位置を占めています。Linuxにおける乱数に関する話題を取りあげてみます。エントロピープール一般的に、特別なハードウェアを持たない限り、真の乱数を計算機が生成することは困難です。Linuxでは、質の良い乱数を生成するためにエントロピープールと呼ばれる領域を持っています。エントロピープールには、キーボードの入力タイミングやストレージ、ネットワークなどで発生するハードウェア割り込みなどをもとにした推測の困難な情報(環境ノイズ)が蓄積されます。乱数の生成時には、このエントロピープールの内容を消費、加工します。エントロピープールにどの程度情報がたまっているかを調べるには、/proc/sys/kernel/random/e
pipehead 2014/12/04
/proc/sys/kernel/random/entropy_avail, /proc/sys/kernel/random/poolsize, /dev/random, /dev/urandom

os

*nix
リンク
http://mono-tech.com/review/7443/
pipehead 2014/12/04
> 自作パソコンで使われるネジは直径3ミリ前後がほとんどで、そのサイズのネジだと＋1か＋2で対応できるのです。

tool
リンク
- 2014年12月5日
- 2014年12月4日
- 2014年12月3日