タグ

2015年1月4日のブックマーク (43件)

  • set nocompatibleはもういらない - Qiita

    半ばおまじないと化したset nocompatible .vimrcを書くときに、僕達初心者は色々なサイトを巡って「これが良さそうだな」とか「これはみんな書いてるから書いとこう」とか考えて、設定をちまちま書いていく。 そのなかで、この設定を書く人も多いだろう。 このコマンドは、vi互換の動作を無効にするコマンドである。 vim-jp/issuesの中での言及 さて、この設定について、こんなissueがあった。 compatible について解説したほうが良いか? #471 それに関連する形で、このURLが張られている。(issue内URLはリンク切れのため同等記事掲載) vim-jp » Hack #179: ‘cpoptions’, ‘compatible’について知る また、vim-jpによる日語マニュアルには、こう書いてある。 'compatible' 'cp' 'nocompat

    set nocompatibleはもういらない - Qiita
    rochefort
    rochefort 2015/01/04
    set nocompatible
  • vimrc アンチパターンを自動でチェックする - Qiita

    この記事は Vim Advent Calendar 2014 の 16 日目の記事です。 15日は kefir_ さんの「vim と term.c」でした。vim と 端末の間のやりとりの解説という超ディープな話題で、つくづく vimmer は変態(いい意味)が多いな、と痛感させられます。素晴らしい記事ですので、ぜひ一読をお勧めします。 さて、今回の記事では、VAC 1 日目の記事 「vimrc アンチパターン」 を Vim script の lint ツール「vint」で判定できるようにした、という話を紹介します。 今年 11 月に開かれた VimConf 2014 にて「vint は機能追加が簡単さ〜」とか豪語しておりましたので、その実証がてら lint ルールの実装タイムアタックにチャレンジしてみました。 vimrc アンチパターンのルール vimrc アンチパターンをまとめると、9

    vimrc アンチパターンを自動でチェックする - Qiita
    rochefort
    rochefort 2015/01/04
    vint
  • なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita

    追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか!という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative

    なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita
  • WebRTCのデータチャネル解説 - Qiita

    データチャネルによって従来では成し得なかったP2Pのブラウザアプリケーションの実現が可能となります。WebRTCといえば、多くの人がブラウザ上での音声映像チャットを思い浮かべるでしょう。しかし、WebRTCではP2Pでのデータ通信を提供するデータチャネルも含んでいます。 この記事では、データチャネルの特徴とAPIやプロトコルについて解説し、最後にその活用方法に触れたいと思います。 なおこの記事は、WebRTCについてある程度理解が進んでいる方に向けて書かれています。WebRTC Advent Calendar 2014の1日目の記事であるWebRTCコトハジメ - Qiitaが、この記事の理解の役に立つかもしれません。 なぜデータチャネルか? データチャネルはWebRTC仕様のピアコネクションに含まれており、ブラウザ間でリアルタイムにデータをやりとりする能力を提供します。旧来より、ブラウザ

    WebRTCのデータチャネル解説 - Qiita
  • pixivのサムネイル事情 - pixiv inside [archive]

    この記事はピクシブ株式会社Advent Calendar 12/10の記事です。 こんにちは、インフラチームの@harukasanです。 さて、今日はpixivで使用しているサムネイル変換サーバについて紹介しようと思います。 pixivにはたくさんのサムネイルがある pixivにはうんざりするほどたくさんの種類のサムネイルがあります。 これは対応しているプラットフォームが多く、また画面毎にもサイズが異なるからです。 PC版であるwww.pixiv.netだけでも10種類以上のサムネイルが使用されています。 また、サムネイルにはアスペクト比を固定したものと、スクエアにクロップした2種類があります。 (Ugoira Tech Talks: Ugoku Backendより) 従来の方法ではこれらのサムネイルをアップロード時に生成していたため、サムネイル生成を非同期化するなどして対応していました。

    pixivのサムネイル事情 - pixiv inside [archive]
  • 【Swift】iOS アプリ開発で使えるオススメのオープンソースライブラリまとめ

    Swift で使えるオープンソースライブラリ 2014年は新言語 Swift が登場し、iOS アプリ開発者にとってはかなり印象深い年になったのではないでしょうか。Swift の登場以後、さまざまな取り組みが iOS アプリ開発者の中で行われ、その結果の1つとしてオープンソースライブラリもかなり増えました。 Swift で一から書かれたものもあれば、既存のものを Swift でも使えるようにアップデートしてくれているものもあります。ある意味、混沌としている現状では「じゃあいまから Swift で iOS アプリ開発するときに何を使えば良いの!?」といったことになりかねません。ということで、現在までに公開されている Swift で使えるオープンソースライブラリを目的別にまとめてみました。 Swift アドベントカレンダーのために書いた記事なので、タイトルには「Swift 時代の」としています

    【Swift】iOS アプリ開発で使えるオススメのオープンソースライブラリまとめ
  • Rails でシングルじゃないテーブル継承 - Qiita

    この記事の目的 Rails の STI を使うようなケースで、STI の代わりに PostgreSQL のテーブル継承を使ってみる方法を紹介します。 STI とは Single Table Inheritance 単一テーブル継承 モデルクラスを継承で表現し、永続化部分はスーパークラスのテーブル1枚でまかなう STI の実装例(親クラス) class CreateCars < ActiveRecord::Migration def change create_table :cars do |t| t.integer :weight t.string :color t.string :type # STI 用のメタデータカラム t.timestamps end end end

    Rails でシングルじゃないテーブル継承 - Qiita
  • Rails でドメインロジックの実装方法まとめ - assertInstanceOf('Engineer', $a_suenami)

    このエントリは Ruby on Rails Advent Calendar 2014 の 7 日目のエントリです。 前日は seri_k さんの「Turbolinksさんと上手く付き合う10の方法」でした。 お詫び WIP です。公開期限に間に合わない可能性があるため、まだ途中ですが先に公開してしまいました。 サンプルコード等を後ほど追記する予定です。 → 12/08 18:10 追記しました。 Rails のファットモデル問題 Rails で構築したアプリケーションが大規模になり機能が増えていくにつれてモデルが大きくなり、そのうち手がつけられなくなる問題は古くから指摘されています。これについてはもはや詳細を述べるまでもないと思うので割愛しますが、この問題は 2014 年になった今でも多くの開発チームを悩ませていると感じています*1。 このエントリでは、普段 Rails を業務で使いながら

    Rails でドメインロジックの実装方法まとめ - assertInstanceOf('Engineer', $a_suenami)
  • Turbolinksさんと上手く付き合う10の方法 - Qiita

    Ruby on Rails Advent Calendar 2014の6日目です。 概要 Turbolinks ONのRails案件を2つこなして得たTurbolinksを使うときの知見を共有します。 おまだれ ハートレイルズという会社で働く受託開発Railsエンジニアです。 Rails歴1年ぐらい。お仕事で半年ぐらい。 その前は選ばれた人だけの転職サイトをjavaで作ってました。 Turbolinksさんと上手く付き合う10の方法 1. 学ぶ。 Turbolinksについて 「rails newしたら真っ先にGemfileから外すやつでしょ?某podcastの最近の回でゲストの人が言ってたよね」 「$(document).ready」が呼ばれないアレでしょ?」 「$(document).on 'ready page:load'使えばとりあえず問題なくなるアレでしょ?」 という認識で気軽に

    Turbolinksさんと上手く付き合う10の方法 - Qiita
  • RailsでいろんなSNSとOAuth連携/ログインする方法 - Qiita

    Deviseというgemのomniauthableを利用して、いろんなOAuth提供元サービスと連携orそのサービスを用いたログインを実現する方法。 こういうことやりたい人結構いるんじゃないかと思って、Wantedlyで実際にやってみた経験を大公開!! Gemのインストール deviseと各providerのomniauth関連Gemをインストール gem 'devise' gem 'omniauth' gem 'omniauth-facebook' gem 'omniauth-github' gem 'omniauth-google-oauth2' gem 'omniauth-hatena' gem 'omniauth-linkedin' gem 'omniauth-mixi' gem 'omniauth-twitter' とりあえず、omniauth-'provider'でググって出て

    RailsでいろんなSNSとOAuth連携/ログインする方法 - Qiita
  • http://kwatch.houkagoteatime.net/blog/2014/12/02/postgresql-book/

    http://kwatch.houkagoteatime.net/blog/2014/12/02/postgresql-book/
  • PostgreSQL のパフォーマンスチューニング - Qiita

    PostgreSQL Advent Calendar 2014 の 13日目です。 Advent Calendar を今年もやってみたいと思って、枠が空いていたので飛び込んでみました。 昨日は osapon さんの libpqxx を使ってみたでした。 概要 PostgreSQL のパフォーマンスチューニングは大きく下記に分かれます。 システムチューニング SQL チューニング ここでは Linux 上で動かしていることを前提に、それぞれ説明します。 システムチューニング システムチューニングの概要 システムチューニングとは、OS または PostgreSQL の設定を変更することです。 それぞれ順に説明します。 OS チューニング PostgreSQL では特にメモリ関連でOSパラメータを設定変更すると、高速化効果が得られます。 特に下記のカーネルパラメータに注意します。 vm.dirt

    PostgreSQL のパフォーマンスチューニング - Qiita
  • http://kwatch.houkagoteatime.net/blog/2014/12/20/postgresql-features/

    http://kwatch.houkagoteatime.net/blog/2014/12/20/postgresql-features/
  • 『例えば、PHPを避ける』以降PHPはどれだけ安全になったか

    この記事はPHPアドベントカレンダー2014の22日目の記事です 。 2002年3月に公開されたIPAの人気コンテンツ「セキュアプログラミング講座」が2007年6月に大幅に更新されました。そして、その一節がPHPerたちを激しく刺激することになります。 (1) プログラミング言語の選択 1) 例えば、PHPを避ける 短時日で素早くサイトを立ち上げることのみに着目するのであれば、PHPは悪い処理系ではない。しかし、これまで多くの脆弱性を生んできた経緯があり、改善が進んでいるとはいえまだ十分堅固とは言えない。 セキュアプログラミング講座(アーカイブ)より引用 「PHPを避ける」とまで言われてしまったわけで、当然ながらネット界隈では炎上を起こし、現在はもう少しマイルドな表現に変わっています(参照)。 稿では、当時のPHPの状況を振り返る手段として、この後PHPセキュリティ機能がどのように変化

  • Plagger 入門 in 2014

    この記事は Perl Advent Calendar 2014 の 12日目の記事です。いいですか、2014 ですよ。あなたは間違えて2008年の Advent Calender を開いてしまったわけではないので安心してください。 11日目の記事は hisaichi5518 さんの Data::DumperとB::Deparseを合わせて使ってみる。 でした。 Plagger とは、(Rebuild.fm の)miyagawa さんが中心となって開発されていた Perl 製のフィードアグリゲータで、プラグインを組み合わせることで RSS フィードなど様々なデータを任意の形式に変換して出力させることができるものです。雑に言うと ifttt のようなもの(のはず)です。 今は代替となるような Web サービスがあったり、そもそも RSS フィードや Web hooks がきちんと用意されている

  • ぼくとAxSxEと言う男、あるいは00年代の下北沢系インディーズシーンのごく一部の風景について - ローファイ日記

    この記事は、Pepabo Advent Calendar 2014の14日目の記事です。 昨日は、 buty御大の muninをちょっぱやにする方法 - ぶていのログでぶログ でした。 標記の通り、AxSxEと言うミュージシャンまたは00年代の下北沢/三軒茶屋/自由が丘系インディーズシーンのごく一部の風景についての内容を書き、あと直接関係したりしなかったりする音楽の話をします*1。 上京 豊橋と言う何も無い田舎で受験勉強ばかりしていたしけたガキだったぼくが、大学に合格して上京した。趣味も無かったけど上京したので音楽でも聞くかと思って、最初はロキノンジャパンっぽいバンドのCDばかり聞いていたんだけど、何かを間違えてNATSUMENのフルアルバム2枚を手に入れたあたりからおかしな感じになった。 NATSUMEN NATSUMEN / No Reason up to the Death [PV]

    ぼくとAxSxEと言う男、あるいは00年代の下北沢系インディーズシーンのごく一部の風景について - ローファイ日記
    rochefort
    rochefort 2015/01/04
    かっこいい!! // rejuvenated half-face
  • Unity+Oculus Rift+ArduinoでVRちゃぶ台返しを作った

    とりあえずこんな感じでジャンパピンでジャイロのデータが来ました。ただ、接触が悪いためなかなか接続に成功せず、繋がっても数秒で途切れます。 これをどうすれば安定接続できるのか、また、どうやって板にくっつけて使えるようにするか、Arduinoごと載せるかどうか、まったくイメージが湧かない感じでした。 で、パーツショップの店内をうろうろしながら2時間くらい考えこんだりしたんですが、たぶん動くセンサ側だけがきちんと板に繋がっていればいいだろうということで、KP-9150付属のピンヘッダを上向きにハンダ付けして、5ピンコネクタのケーブルを経由してジャンパピンでArduino Unoに繋げました。ハンダ付けは大昔に学校の授業で一度やったきりで、2.54mmの狭いピン幅でできるかどうか不安だったんですが、少し練習してなんとかなりました。 センサを乱暴に振ったり、机に軽く叩きつけたりしてジャイロのデータが

    Unity+Oculus Rift+ArduinoでVRちゃぶ台返しを作った
  • io.jsについて知っていること - from scratch

    今、Node.jsに起きてることを語る上で、io.jsは避けて通れない話題でしょう。 今回のNode.js アドベントカレンダー 2014の締めを飾るために、このio.jsについて僕が知っている限りの事をまとめて書くことにします。 io.jsを知り、今後"Node"がどうなっていくのかを皆で一緒に考えていきましょう。 またこの一連のio.jsのfork騒動はOSSという特殊なプロジェクトをどう進めていくのがハッピーなのかを知る一つの教材だと思います。 OSSに関わっている皆さん、今回も長いですが、最後まで読んでもらえると幸いです。 io.js とは何か Node.jsのForkです。次のNode.jsの安定版になる、v0.12をForkしています。「アイ・オー ジェイエス」と読みます。名前の由来は木星にある四番目に大きな衛星の名前から取られました。*1 Nodeを使っている人のことをnod

    io.jsについて知っていること - from scratch
    rochefort
    rochefort 2015/01/04
    良記事
  • mod_rewriteをnginxに移植するコツはifを使わないコト!

    こんにちは。CTOの馬場です。 このエントリはnginxアドベントカレンダーの4日目です。 みんな大好き mod_rewrite をnginxに移植するコツをさらっと紹介します。 結論 まず server とか location を使おうとする try_files など他の方法がないか考える どうしてもどうしてもダメなら map と if を使う 以上! コツは「とにかく if を使わない」ことです。 手続き的な書き方から宣言的な書き方に頭を切り替えるとうまく馴染めると思います。 例: wwwありでアクセスがきたらwwwなしに転送する server { listen 80; listen 443; server_name www.example.com; return 301 $scheme://example.com$request_uri; } rewrite 要りません。 例: サブ

    mod_rewriteをnginxに移植するコツはifを使わないコト!
  • jq コマンドを使う日常のご紹介 - Qiita

    jq コマンドとは http://stedolan.github.io/jq/ JSONから簡単に値を抜き出したり、集計したり、整形して表示したりできるJSON用のgrepとかawkみたいなコマンドです。 WebサービスがJSONを吐いたり、AWS CLIが JSON を吐いたりする現代社会で大変便利なコマンドです。 マニュアル だいたいここ読めばOK. http://stedolan.github.io/jq/manual/ あ、これで、終わってしまう。だけど気にせず進めます。 簡単な例 まず、空気をつかみましょう。 以下jqコマンドの記法を見ていきます。JSON { "hoge": "value" } があった場合、 . がルート {} を表します。.hoge で "value" を表現します。だいたいこんな感じです。 ただの整形 しばらく下記のJSONを例に進めます。itemsには配

    jq コマンドを使う日常のご紹介 - Qiita
    rochefort
    rochefort 2015/01/04
  • Linux Kernel Hack入門編 - φ(・・*)ゞ ウーン カーネルとか弄ったりのメモ

    この記事はLinux Advent Calendar 2014の25日目ですヽ(=´▽`=)ノ 今回はLinux Kernel Hack入門編ということで入門的なことを書いてみたいと思います。 まず使用する環境ですけど最近出たばっかのFedora 21のWorkstationにしました。まあ、今回の内容的にはディストリビューションは問わないんですが、多くの人が馴染んでいるであろうfedora系というかパッケージマネージャがyumということでこれにしてみました。 自分は普段Arch Linuxなんですけど、こっちだとkernelのmake install時にちょっとしたスクリプトを書く必要があったりするのもあって、fedoraのほうが手軽かなというのもあります。 カーネルコード・リーディング ブラウザベースでコード・リーディング 読めるソースは大概メインラインのカーネルということになりますが

    Linux Kernel Hack入門編 - φ(・・*)ゞ ウーン カーネルとか弄ったりのメモ
  • Linux source code (v6.9.1) - Bootlin

    rochefort
    rochefort 2015/01/04
    source
  • [iOS]FabricでTwitterクライアントを作った - Qiita

    かずー氏といえば Thunderfist、 Thunderfist といえば Twitterクライアント。 ということで今更ですが、Twitter産の SNS Framework であるところの Fabric を試してみました。 これはなに Fabric を使って HomeTimeline を取得した Xcode 6.1 (Swift 1.1) を使用した Fabric は Twitter を使ったアプリを作るのにはかなり強力なフレームワークである 手順は Fabric アプリのガイドにそってやれば簡単にできる Twitter Japanのブログ によると、10月22日に発表されたらしい。内容としては 安定性を高める(クラッシュレポート) 利用者を増やす(ツイート埋め込み) 収益を上げる(広告収入) 人確認(電話番号での人確認) ができるとのことです。 Xcode Android St

    [iOS]FabricでTwitterクライアントを作った - Qiita
  • UITableViewの軽量化 - Qiita

    くろてい君がadvent calendarを作ったので、デザインと密接に関わる軽量化とUIUXに関する記事を書きます。 Kazoo04アドベントカレンダーなのにKazoo04関係無かったわ…。 はじめに UItableViewの軽量化を目的としたエントリです。 ここでの軽量化の定義は数値的に処理速度を高速化することはもちろん、感覚的にストレスを感じさせないUIUXの部分も含みます。 何故ならUITableViewの軽量化は、ユーザーが感じるストレスを軽減することを目的としているからです。 オカルト要素もあるので、変な所があればツッコんでください(汗 大前提 軽量化は基的に -(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ } -(CGF

    UITableViewの軽量化 - Qiita
    rochefort
    rochefort 2015/01/04
    UILabelに限らず、addsubViewするのは大きなコストになります。ではどうすればいいのかといえばdrawrectを使います。
  • 最強のJVMチューニング・ツール: GCログを可視化するGCViewerとリモート接続でプロファイリング可能なVisualVM

    まずは倍率を1000倍から5000倍に上げます。 Data Panelも一旦非表示にします。 さて、これを見ると、使用済みヒープと使用済みNew領域は比例しつつ一定の間隔で上下しています。 ここからは特異点は見えないので、一旦非表示にします。 イニシャル・マークレベル(黄色の線)も一定で、分析対象としづらいので非表示にします。 すっきりして少し見やすくなりました。 ここから、 最も時間がかかっているのはイニシャル・マーク イニシャル・マークは1分間に2回程度発生している ということが読み取れます。 イニシャル・マーク では、そもそも、コンカレントGCにおけるイニシャル・マークとは何なのでしょうか。 OracleのドキュメントのReviewing GC with the CMSによると、New領域から参照されているオブジェクトをマークするのだと。 Stop the Worldを伴い、マイナー

    rochefort
    rochefort 2015/01/04
    GCViewer
  • セキュリティ診断・検査のGMOサイバーセキュリティ byイエラエ

    『OffSec Training』の対象コースが世界最安となる早割+10%OFFキャンペーン中です。 脆弱性診断やペネトレーションテストのエキスパートを目指す方へ絶好のチャンスです! 詳細はこちら

    セキュリティ診断・検査のGMOサイバーセキュリティ byイエラエ
    rochefort
    rochefort 2015/01/04
    cipherよくわかんないので best practice ほしい
  • Service WorkerとHTTP/2が切り開く新しいWeb Pushの世界 - ぼちぼち日記

    この記事は、HTTP2 Advent Calendar 2014の6日目のエントリーです(2日前にフライイング公開してます)。 1. はじめに、 HTTP/2仕様の標準化作業は、WGラストコールも終わり、今後IESGレビューやIETFラストコール等の大詰めの段階に来ました。来年のRFC化に向けてまだまだ予断を許しませんが、プロトコル設計自体の作業はほぼ完了し、後はすんなり行くことを祈るばかりです。 こんな状況なのに気が早いですが、もう既に標準化後を見据え、HTTP/2の機能を使った新しい仕組みを作る動きが始まっています。 そこで今回はHTTP/2技術の応用として、HTTP/2の「サーバプッシュ機能」と今ホットなブラウザの新技術「Service Worker機能」を組み合わせた次世代のプッシュ機能「Web Push/Push API」について書いてみたいと思います。 ただ、個人的に色々タスク

    Service WorkerとHTTP/2が切り開く新しいWeb Pushの世界 - ぼちぼち日記
  • WiresharkでHTTP/2をパケットキャプチャする - ASnoKaze blog

    20190417追記 HTTP/3はこちら「WiresharkでのQUICの復号(decrypt) - ASnoKaze blog」 20151030追記 TLSを利用するHTTP/2では、秘密鍵を設定しても通信を復号することは出来ません。 HTTP/2の鍵交換はPFSなので、下記も参考にして下さい 「Wireshark で HTTP/2 over TLS の通信をダンプする方法」 https://gist.github.com/summerwind/a482dd1f8e9887d26199 この記事は HTTP2 Advent Calendar の 9 日目の投稿です。 初めましてゆきと申します。HTTP/2アドベントカレンダーにはガチ勢しかおらず戦々恐々としております。 アドベントカレンダーネタとしては、Push周りを書こうとしてたのですが先日Push周りの素晴らしい記事が投稿されてし

    WiresharkでHTTP/2をパケットキャプチャする - ASnoKaze blog
  • HTTP/2から見えるTLS事情 - あどけない話

    これは HTTP/2 アドベントカレンダー19日目の記事です。 この記事はたくさんの資料を読んだ上で書きましたが、間違いとか勘違いとかがあるかもしれません。もしあれば、指摘していただけると幸いです。 実質的に必須となったTLS HTTP/2は、HTTP/1.1と同じく、暗号化なし/ありのポートとして、80と443を使います。そのため、通信開始時にHTTP/1.1とHTTP/2をネゴシエーションするための仕組みが、HTTP/2で定められています。 このように仕様としては暗号化なしのHTTP/2が定義されていますが、Firefox や Chrome が TLS を要求するために、実質的は暗号化ありが必須となっています。これは、米国の監視プログラムPRISMに代表される広域監視(pervasive surveillance)に対抗するために、IETFがさまざまな通信にプライバシの強化を要求する方

    HTTP/2から見えるTLS事情 - あどけない話
  • HTML5 Advent Calendar 4日目:【追加】最近気になっているHTML5の最新技術に触れてみました - albatrosary's blog

    このエントリーは「HTML5 Advent Calendar 2014」12月4日の記事です。前日HTML5技術で気になっている機能を味見しましたが追加でもう少し記載します。気になる機能は Object.observe Map/Set/Iterator です。 HTML5 Advent Calendar 2014 - Qiita さてMDN(Mozilla Developer Network)というのをご存知だろうか? Mozilla Developer Network 多くの方がこのサイトに訪れているとは思いますがこのサイトを開きコンソールを表示すると「Mozilla」が現われます!是非コンソール表示してみてください。 Object.observe Object.observe()メソッドは、非同期的にオブジェクトへの変更を観察するために使用されます。 var obj = {}; Obj

    HTML5 Advent Calendar 4日目:【追加】最近気になっているHTML5の最新技術に触れてみました - albatrosary's blog
    rochefort
    rochefort 2015/01/04
    observer / map /set /itelator
  • HTML5 Advent Calendar 3日目:最近気になっているHTML5の最新技術に触れてみました - albatrosary's blog

    このエントリーは「HTML5 Advent Calendar 2014」12月3日の記事です。私自身HTML5技術で気になっている機能をひと通り味見しましたので書き留めます。気になる機能は Promise ダイアログ要素 Web Animations API Web Components です。ダイアログ要素というのがかなりマニアックだと思いますが業務アプリケーションを作るときにはこういった機能が重要になってきます。 HTML5 Advent Calendar 2014 - Qiita Promise Promise は「非同期処理を抽象化したオブジェクトとそのオブジェクトを操作する仕組み」を提供します。MDNやHTML5 Rocksでも取り上げられています。Single-page Applicationを作るときは基的にはRestful APIを使いデータを取得すると思います。例えば5

    HTML5 Advent Calendar 3日目:最近気になっているHTML5の最新技術に触れてみました - albatrosary's blog
  • 1ページで完結!シングルページ・デザインのWebサイトで使われている特徴やテクニックのまとめ|Tips*Blog|株式会社コプロシステム

    こんにちは、コプロシステムWebデザイングループのディレクターの石川です。 1/9以来、かなり久しぶりになってしまいました今回の記事は、「シングルページ・デザイン」をテーマにしたまとめです。 「シングルページ・デザイン」とは、Webサイトを閲覧する時に、ページを遷移して閲覧する従来のスタイルではなく、1ページで完結(または、ほぼ完結)しているデザインスタイルのことです。 スマートフォンやタブレットが普及してきた現在ならではの手法なのではないでしょうか。 ここ2~3年、海外の先進的なデザインを取り入れているWebサイトなどからこのデザインスタイルが増え始め、私がトレンドとしてすごく実感したのは昨年下半期くらいからでした。 昨年下半期に、日国内で新規に立ち上がるWebサービスを見ていると、TOPページのレイアウトを「シングルページ・デザイン」にしているサイトの割合がかなり高い印象だったのです

  • Heroku Dropbox Syncで実現するWeb開発の未来 - MOL

    Heroku Advent Calendar 2014の13日目の記事です。 2014年11月にHerokuからDropbox Sync機能のアナウンス(Beta版)がありました。今日はこれを使ってみようと思います。 この記事はBeta機能について解説しています。機能に関しては変更の可能性があります。 デザイナーとデプロイ まず先に私とHerokuと言えば、StyleStatsというCSS解析ツールをHeroku上で動かしています。私は元はWebデザイナーでしたので、つい最近まで『デプロイ?なにそれ?おいしいの?』って感じでしたが、git push heroku masterでデプロイできるHerokuさんのおかげで、こんな私でもWebアプリを稼働・運用していけています。 配備する、配置する、展開する、配置につく、などの意味を持つ英単語。 ソフトウェアの分野で、開発したソフトウェアを利用で

    Heroku Dropbox Syncで実現するWeb開発の未来 - MOL
  • 砲撃に耐える Web サービス - HeartRails Tech Blog

    HeartRails Tech Blog ハートレイルズのエンジニア、デザイナーによるブログです。 ウェブサービス、スマホアプリ、IoT デバイスの開発に関連する技術的な情報を発信していきます。 この記事は、そろそろ一般向けにサービスリリースしてみようかなと考えているエンジニア向けに書きました。 説明に Rails を用いていますが、考え方自体は Web アプリ一般に応用可能です。 結論 「cache publicに設計しよう」 出来るだけ多くのページを cache public にしましょう。 砲撃の来るページは cache public に出来るはずです。 この説明だけで意味の分かった方には以下の記事は読む価値はありません。時間を有意義につかってください。ごきげんよう。 砲撃に耐えよう サービスリリースして、バグもなく順調に事が運び、運が良ければバズったり、どこぞの大手メディアに取り上

    rochefort
    rochefort 2015/01/04
    session と flash を使わない // expires_in(1.second, public: true) // cache public にするかどうかは必ずURL毎に決定する必要があります
  • Core Bluetooth with Swift (ObjCのおまけ付き) - Qiita

    Core Bluetooth の Swift コード + Objective-C のおまけ付きスニペット集です。 Core Bluetooth の各種メソッドでは実行キューを指定できたりオプションを指定できたりとか色々ありますが、シンプルにするためここでは省けるものはできるだけ省くようにしています。 更新メモ 2015.10.12 Swift 2 対応 (題に入る前に・・・) このスニペット集は、下記書籍の執筆にあたりまとめたものです。セントラルとペリフェラルの実装の基礎的なところは、ObjC・Swift両方のサンプルを載せています。

    Core Bluetooth with Swift (ObjCのおまけ付き) - Qiita
    rochefort
    rochefort 2015/01/04
    sample
  • アップルによるBluetoothアクセサリの設計ガイドラインに書かれていたこと - その後のその後

    Bluetooth Accessory Design Guideline for Apple Products』という、Appleによる公式ドキュメントがあります。Mac や iOS デバイス、iPod 等の Apple 製品の Bluetooth アクセサリの設計についてのガイドラインです。 記事では、このドキュメントから iOS エンジニアも知っておいた方が良さそうな部分 を抜粋していきたいと思います。 ※記事は、Bluetooth Low Energy Advent Calendar 2014 - Qiita 9日目の記事です。 アドバタイズ間隔 「アドバタイズ開始から少なくとも30秒間は、推奨アドバタイズ間隔である 20 ms を使用すべき」と明記されています。 To be discovered by the Apple product, the accessory shou

    アップルによるBluetoothアクセサリの設計ガイドラインに書かれていたこと - その後のその後
    rochefort
    rochefort 2015/01/04
    アドバタイズ開始から少なくとも30秒間は、推奨アドバタイズ間隔である 20 ms を使用すべき // iOSとBLE接続するデバイスとの最大通信速度は約8kbps
  • iBeacon と BLE - Over&Out その後

    昨年末〜今年初めにかけて一世を風靡した iBeacon ですが、なんというか、来期待されるべき方向ではない方向で期待され、「不当に」ガッカリされることが多いような印象を受けます。 「コンテンツを内部に保持して直接配信することはできない」 「双方向通信はできない」*1 「距離はあてにならない」 「検出できたりできなかったりする」 「ビーコンのバッテリーが意外ともたない」 などなどなどなど。 で、個人的にはこういうガッカリは、「BLEをどのように利用することでiBeaconという領域観測サービスが実現されているか」を理解していれば、そもそもそういう期待は方向性違いであると気付けたり、何らかの改善指針を持てたりする部分があるなぁと感じてまして、記事では「iBeacon と BLE」にフォーカスして書きたいと思います。 なお、記事は 「Bluetooth Low Energy Advent

    iBeacon と BLE - Over&Out その後
    rochefort
    rochefort 2015/01/04
    アドバタイズメントパケット
  • MacやLinuxでnodeを使ってiBeaconをつくれるとはどういうことなのか? - Qiita

    この投稿はBluetooth Low Energy Advent Calendar 2014 の7日目の記事です! 今回も前日に引き続き @kazuph 担当させていただきます! 前置き MaciPhoneしか持ってない人がiBeaconを試したい!って思った時には、アプリなどを使ってどちらかをiBeaconの受信側・発信側にすることによって実現できると思います。 実際にそういう記事は多く書かれていて、例えばQiitaだと以下の記事にまず行き着くのではないでしょうか? Node.js - たった6行!最も簡単にiBeaconの電波を「発信」する方法 - Qiita Bleacon = require('bleacon'); var uuid = 'E86367B8D8A84BE082DE4653A7333113'; var major = 0; var minor = 0; var me

    MacやLinuxでnodeを使ってiBeaconをつくれるとはどういうことなのか? - Qiita
    rochefort
    rochefort 2015/01/04
    ありがとうsandeepmistry
  • IoTの要(かなめ)!BLE通信をMacだけでデバッグできるようになる方法! - Qiita

    この投稿はBluetooth Low Energy Advent Calendar 2014 の6日目の記事です! ここ数ヶ月間iOSアプリとBLEで通信する機器の開発を行っている @kazuph です。 元々は単なるWebプログラマーだったのですが、いつの間にかマイコンの組込みプログラミングをするまでになりました。 サーバー、アプリ、マイコン含めていわゆる"ソフトウェア"と呼べる部分は全部書いているのですが、その辺の習得までの流れとかはおいおいブログに書いていきたいと思います。 今回は普段仕事BLE開発をする中で習得した、GATTの内容やアドバタイジングパケット内容をMacだけで確認する方法を書きたいと思います。 やってみる 何はともあれツールをインストールします。 用いるものは以下の2つです。 LightBlue PacketLogger LightBlue AppStoreからイン

    IoTの要(かなめ)!BLE通信をMacだけでデバッグできるようになる方法! - Qiita
  • Apple製開発ツール「Bluetooth Explorer」でBLEデバイスのGATT仕様を確認する - Qiita

    Bluetooth Explorerとは? Appleが提供する開発用ツールに、「Bluetooth Explorer」というものがあります。 Bluetoothにまつわる諸々の解析や設定を行うためのツールで、非常に多くの機能を持っています。 上記のスクリーンショット、全部Bluetooth Explorerのウィンドウです。MBP 15 Retina の最高解像度設定で画面が埋まる程度にツールを立ち上げてみましたが、他にもまだまだ多くの機能があります。。 BLE と Bluetooth Explorer 機能がありすぎて今日まで気付かなかったのですが、BLE向けの機能も持っています。 Bluetooth Low Energy のデバイスをスキャン、接続し、提供するサービス/キャラクタリスティックを確認 することができます。 何が嬉しいのか? ・・・とここまで書いたところで、これの何が嬉し

    Apple製開発ツール「Bluetooth Explorer」でBLEデバイスのGATT仕様を確認する - Qiita
    rochefort
    rochefort 2015/01/04
    Bluetooth Explorer
  • Core Bluetoothのハマりどころ逆引き辞典 - Qiita

    iOS x BLE というニッチな内容で480ページ! 3/26発売です。どうぞよろしくお願いします! (書籍発売から半年ぐらいしたら、こちらの記事も書籍と同様にフルバージョンにしようと思います。) トラブル1: スキャンに失敗する → スキャンの直前に CBCentralManager を初期化していないか? たとえば「1回目のスキャンに失敗するけど、2回目ではたいていうまく繋がる」という場合には、CBCentralManager の初期化タイミングが遅く、スキャンを開始するタイミングでまだ CBCentralManagerStatePoweredOn になってない、という可能性があります。 - (IBAction)scanBtnTapped:(UIButton *)sender { self.centralManager = [[CBCentralManager alloc] init

    Core Bluetoothのハマりどころ逆引き辞典 - Qiita
  • MIDI over BLE を試してみる(CoreAudioKit) - Qiita

    記事は Bluetooth Low Energy Advent Calendar 2014 の1日目の記事となります。 MIDI over Bluetooth LE とは? 今までこうだったのが、 MIDI over BLE によって、こうなります。 どういうことかというと、BLEを使ってワイヤレスでMIDIを送受信できる、ということです。 接続してしまえば、普通のMIDI機器と同等に取り扱えます。 iOS 8 で新規追加されたフレームワーク。 iOS Dev Centerで "CoreAudioKit" で検索しても 「No Documents Found」と言われてしまう(2014年12月1日現在)、謎に包まれたフレームワークです。 個々のクラス名で検索するとかろうじていくつかのドキュメントが引っかかってきますが、その中でちょっとでも全容把握に役立ちそうなのは「iOS 8.0 API

    MIDI over BLE を試してみる(CoreAudioKit) - Qiita
  • Advent Calendar 2014を眺めています - rochefort's blog

    あけましておめでとうございます。 近年Advent Calendarを年末年始にまとめて見るのが恒例化しています。 ですが、去年は非常に多くて全部見るのはしんどいです。 2014年のAdvent Calendar一覧 - Qiita そこで 興味のあるタイトルのものは一通り見て、あとは はてブが沢山ついているものに目を通すように する方針にしました。 各カレンダーページのurlを取得して、はてなブックマーク件数取得API - Hatena Developer Center を利用して一覧化してみます。 結果 Calendar数は全部で214もありました。 (そのうち「Hack」と「Pull Request」のカレンダーは1件もエントリーがありません) 他には、トップランカーのAuthorとか、エントリーしてるのに記事書いてない人ランキングとかも見れて面白いです。 はてブを多く集めた人 Ra

    Advent Calendar 2014を眺めています - rochefort's blog
    rochefort
    rochefort 2015/01/04
    エントリーしたけど書いてない人、だいぶ遅いけど書いて欲しい