innerHTML vs appendNode vs DocumentFragment - Optimizing bulk DOM operations for mobile
There are cases when you want to actually create and show a large chunk of new HTML from javascript. The simplest one is when you are loading a wholly new view in a single-page app. Should you worry about how to implement that? TL;DR 1) on early-2014 mobile browsers the raw method used to create and show a couple of thousand nodes doesn't matter. 2) with more than a couple of thousand takes too lo
Storyboard - カスタムSegueとカスタムUnwind Segueの作り方
Xcode5でさらに使いやすくなったStoryboardですが、画面遷移を表現するSegueのanimation選択肢が少なく、すぐに自分のカスタムSegueを作りたくなってしまいます。 前の画面に戻る動作も、Unwind Segueにより簡単に実装できるようになりましたが、Unwind Segueの場合、そもそもanimationの選択肢自体がないので、こちらもカスタムUnwind Segueを作りたくなります。 今回はカスタムSegueとカスタムUnwind Segueの作り方をみてみたいと思います。 標準Segueを使った画面遷移 まず標準Seugeを使った画面遷移を実装してみます。新規プロジェクトでSingle View Applicationを作成したあと、Main_iPhone.storyboardを選んでみましょう。既に一つView Controllerがあるとおもいますが、
iOS image caching. Libraries benchmark (SDWebImage vs FastImageCache)
1. Introduction In the past years, iOS apps have become more and more visually appealing. Displaying images is a key part of that, that’s why most of them use images that need to be downloaded and rendered. Most developers have faced the need to populate table views or collection views with images. Downloading the images is resource consuming (cellular data, battery, CPU, …), so in order to minimi
我々はどのようにして安全なHTTPS通信を提供すれば良いか - Qiita
HTTPS通信は複数のプロトコル、手法が組み合わされて実現されている。そのため、暗号化手法それぞれのリスク、ブラウザの対応等様々な用件があり、全てを理解するにはちょっと時間とリソースが足りない。結局のところ、我々はどのようにして安全なHTTPS通信を提供できるのか。色々調べていたところ、MozillaがMozilla Web siteに使用する、HTTPSの推奨設定を公開している。 Security/Server Side TLS - MozillaWiki このドキュメントはMozillaのサーバ運用チームが、Mozillaのサイトをより安全にするために公開しているもので、他のサイトにそのまま適用できるかは十分に注意する必要がある。例えばガラケー向けサイトとか。そのまま使えないとしても、HTTPS通信の設定をどうすれば良いか、理解の一助になるはずだ。 この記事は上記MozillaWiki
The battle against self-xss
In the past few months I've been helping fight a rather interesting attack vector dubbed as "self xss" by the Facebook security team. It's been a rather fun journey. What is XSS? XSS, or Cross-site scripting, is a category of attack where the attacker is able to inject JavaScript code onto a page viewed by others. A very simple example would be if Wikipedia allowed the script tag to be used in wik
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線 岩瀬 義昌（HTML5 Experts.jp編集部） 今月上旬5月8日に、W3CよりServiceWorkerの草案初版が提示されました。ServiceWorkerは、オフラインWebアプリケーションの開発者が問題と考える点を解決する、非常に魅力的な仕様です。日本語の情報がほとんどないこのタイミングで、HTML5 Expert.jp編集部が解説いたします！ ServiceWorkerとは ServiceWorkerは、リソースの永続的なキャッシュを可能にする、およびWebアプリケーションのリソース要求の処理を可能にする新しい機能です。Webページを開く前であっても（ネットワークの接続/切断の有無にかかわらず）、独自の処理を挟み込めるのがポイントです。クライアント側に、一種のプロキシサーバがあるようにイメー
iOSアプリのデザイン「UIAppearance」でスタイルシートっぽいワークフロー #iOS #DeNA｜CodeIQ MAGAZINE
最近は、プロトタイプツールがWebデザイナーやUI デザイナー界隈で流行っていますが、iOSのコードを直接いじれば、より高速に精度高いリリースプロダクトが作れるかもしれません。 DeNA高橋伸弥さんが今回ご紹介する UIAppearanceの部分だけでも触れると、スタイルシートのようにアプリのデザイン調整ができます。 by 馬場美由紀 （CodeIQ中の人） UIAppearanceはCSS のように、UI要素をまとめて装飾可能な技術です。 iOS5より搭載開始し、iOS6、iOS7と若干の変更が行なわれながら着実に進化している機構で、今現在のiOSアプリデザイン実装の必須知識と言えます。 iOS5,iOS6でスキュアモーフィズムでジューシーなグラフィックのUIのアプリが流行りましたが、まさにこの機能が活躍していたと言えます。 iOS7からいわゆるフラットデザインが流行っていますが、よりグ
RPJSONMapperでお手軽マッピング - Qiita
JSONから生成したNSDictionaryをオブジェクトにマッピングするのって面倒ですよね。 こんなん。 NSDictionary *jsonDictionary = @{ @"id": @123, @"username": @"taro yamada" }; User *user = [[User alloc] init]; user.id = jsonDictionary[@"id"]; user.name = jsonDictionary[@"username"]; この手のマッピング用ライブラリはたくさんあるんですが、探した中ではRPJSONMapperが使いやすそうでした。 マッピング定義が辞書で簡単に書ける マッピング定義を一箇所に書ける トランスフォーム（型変換）が出来る 例えばJSONリストをマッピングしてみる。 @implementation Note @propert
TypeScriptで複数ファイル構成する2つの方法 - teppeis blog
TypeScriptで複数ファイル構成のプロジェクトを扱う方法について書いてみる。日本語の入門記事や試してみました系の記事で勘違いされてることがたまに見受けられるので、整理してみる。 公式のModules in TypeScriptを既に読んでおられるような御仁は回れ右していただいても結構です。 やりたいこと ソースファイルをモジュールごとに分割して管理したい 実行環境はNode.js or ブラウザ 例えば、こういう処理があって、 // main.ts function trimLeft(str: string): string { return str.replace(/^\s+/, ''); } var input = document.getElementsByTagName('input')[0]; input.value = trimLeft(input.value); tri
Screenshotter - これは秀逸。iOSスクリーンショット管理 - ピックアップ - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
iOSアプリの開発者であれば誰しもが使っているであろうスクリーンショット機能。アプリの気になる部分、デザインが優れている所などをパシャッと撮影していることでしょう。 そんなスクリーンショット、たくさん溢れてしまって管理が大変…なんて思っている人は少なくないはず。そこで紹介したいのがScreenshotterというスクリーンショット管理アプリです。 Screenshotterの使い方 Screenshotterを立ち上げるとこれまでに撮ったスクリーンショットだけを一覧にしてくれます。 最初の画面 そして画像を選んで、Move to Folderをタップします。 画像選択 既存のフォルダを選ぶか、新規作成します。 フォルダ作成 そうすれば選んだスクリーンショットだけのフォルダができあがるといった仕組みです。 フォルダ一覧 アプリごとでまとめても良いですし、UIの特徴でまとめておいても良さそうで
女子小学生はじめましたとは (ジョシショウガクセイハジメマシタとは) [単語記事] - ニコニコ大百科
女子小学生はじめました単語 18件 ジョシショウガクセイハジメマシタ 1.1千文字の記事 14 0pt ほめる 掲示板へ 記事編集 概要あらすじ登場人物関連漫画関連動画関連商品関連コミュニティ関連項目掲示板「女子小学生はじめました」とは、牛乳のみおがニコニコ漫画で2012年12月から2019年9月まで連載してたオリジナル漫画である。 概要 ニコニコ漫画界に突如現れたプロ漫画家・牛乳のみおが描く痛快コメディ作品。 とにかく自重しない“紳士向け”なシーンの数々と、読者の理解の斜め上を行くストーリー展開から多くの読者とアップルの注目を集めている。 話題性はニコニコ漫画（ユーザー）の中でも非常に高いと言っていい。 ツッコミどころが満載なのでコメントがとにかく多く付くが、時折り過疎るシーンもある。 どんなシーンでかはお察しください。 ヤングアニマルでも「女子小学生はじめましたP!」のタイトルで加筆修
![女子小学生はじめましたとは (ジョシショウガクセイハジメマシタとは) [単語記事] - ニコニコ大百科](https://cdn-ak-scissors.b.st-hatena.com/image/square/5bd1fac8d544d19340796767c18bdf23d7d3493d/height=288;version=1;width=512/https%3A%2F%2Fdic.nicovideo.jp%2Fimg%2Fog_b.jpg)
関数型LT大会で話したこと - daimatz.net -
クックパッド社で行われていたすごいHaskellたのしく学ぼう輪読会 の完走を記念して関数型LT大会という会が開催された。クックパッド関係なく関数型に興味ある人が集まってワイワイする感じっぽかったので、ひとつなにか話して叩かれに行ってみるかと思って発表してきた。そういえばクックパッド社に行くのは2回目であった。 自分の発表 Scala で初めて Future という概念を知ったのだけど、触り始めの頃はどういうコードを書けばいいのかも全然良くわからなくて苦しんでいた。ふと「これって Haskell の IO と同じじゃね？」と気づいてから急に視界が開けた気がしたので、そのへんのことを話してきた。ググっても「Future と IO 似ているよね」という説は全然見つからず、「いや全然似てねえよバカ」とかマサカリが飛んでくることも覚悟していたけど概ね生暖かく迎えられたようで安心した。 後で @ea
Reusing require.js modules in Node.js - arqex
Using the same code in the browser and in the server is something that every developer dream of. The solution of that problem is known as the Holy Grail of javascript and there are different approaches to trying to get it. Probably we will be much closer to find the Grail when ECMAScript 6 modules are supported by every browser, but until that day, people try to find their ways to reuse as much as
spmjs.io
לפעמים אנחנו נופלים בדרים הקטנים…שלום שמי דן, ואני רוצה לשתף אתכם במאמרים שלי שאולי יעשירו לכם את הידע.
harmony:specification_drafts [ES Wiki]
This page contains a historical record of working draft of the ES.next specification prepared by the project editor. Error in the current draft should be reported as bugs at bugs.ecmascript.org July 25, 2011 Draft doc pdf Mostly typo corrections (thanks for all the reports) and corrections to problems that have been reported against ES5.1. See closed 6th edition bugs at bugs.ecmascript.org.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - fivetran/typescript-closure-tools
GitHub Organization: Issues+Pull Requestでチケット駆動開発する手順 - Qiita
FMDBとSQLCipherを合わせて使う - Qiita
Implementing a raffle in JavaScript
- トランセンド｜メモリ製品のスペシャリスト
Garbage collected DOM
電車の乗り換えマップを作成できるJavaScriptライブラリ・「transitive.js」
Amazon.com: Professional AngularJS: Karpov, Valeri, Netto, Diego: Books
GitHub - indus/ncc: node-chrome-canvas || a simple to use and performant HTML5 canvas for Node.js
Amazon.co.jp: Ios Auto Layout Demystified (Mobile Programming): Sadun, Erica: 本
GitHub - mgechev/jscapture: Screen recording and capturing with pure client-side JavaScript.