[B! JavaScript][Javascript] [2ページ] ama-chのブックマーク

ama-ch id:ama-ch

JavaScriptとJavascriptに関するama-chのブックマーク (725)

#chatworkjs でQUnit 2.xやTC39 MTG Notesや企業JavaScriptについてなどの話をした
#chatworkjs でQUnit 2.xやTC39 MTG Notesや企業JavaScriptについてなどの話をした #chatworkjsでQunitやコードリーディング、TC39 MTG NotesやCanvasについて等の話をしてきました。経緯企業に遊びに行くのやりたい — azu (@azu_re) December 4, 2014 うち、いつでもOKですよ — kyo ago (@kyo_ago) December 4, 2014 いつものチャットワーク社訪問 @glatyou chatwork社の床です #chatworkjs pic.twitter.com/El7HJ8K5OY — azu (@azu_re) December 5, 2014 #chatworkjs chatwork滞在時間五分ぐらいだった — azu (@azu_re) December 5,
ama-ch 2014/12/08
やりたい！

JavaScript
リンク
JavaScript Memory Management Masterclass with Addy Osmaniの要点まとめ - console.lealog();
最近こういうことよくやらなきゃなのでまとめました。以下のリンクにある動画とスライドのまとめみたいなものです！自分用なので、細かいことは書いてませんが。参考：Memory Management Masterclass with Addy Osmani - YouTube 参考：JavaScript Memory Management Masterclass // Speaker Deck 動画のがわかりやすいので、時間のある人はぜひぜひ。 0. はじめにパフォーマンスチェックには、DevToolsのTimelineとProfileが便利 Chromeのタスクマネージャでもメモリの使用量とかはわかるけど、DevTools使ったほうがわかりやすいし使うべき 1. DevToolsを使ったDEMO Sawtooth Curve DevToolsのTimelineで、所謂ノコギリ型にメモリの
ama-ch 2014/09/11
javascript

memory

performance
リンク
3 New JavaScript APIs You May Want to Follow — SitePoint
If you’re a frequent SitePoint reader and perhaps a follower of mine, you’re aware that I’ve written a lot of articles about HTML5 and JavaScript APIs. So far, I’ve published articles discussing APIs that you can start using today, even if with the use of a polyfill. Today I’ll break this habit by giving you a preview of some APIs that are still at a very early stage. To give you an idea of how cu
ama-ch 2014/07/31
Web Alarms API, Presentation API, Standby API

javascript
リンク
JavaScript フレームワークがデータバインディングを実現する４通りの手法
最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。モデルクラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデルクラス方式「モデルとして扱えるのはフレームワークが用意したモデルクラスのインスタンスだけ」という
ama-ch 2014/07/19
javascript

data-binding
リンク
■ - hitode909の日記
難しいことやってて疲れてた。難しいJSを触ってて、おとといはそのまま使おうとしてめちゃくちゃになって、昨日は全部消して前のを見ながら書き直すという作戦で、ちょっと進んだ。場所によって求められる品質は違うけど、少なくとも手を入れられるくらいにはしておかないと、こっちを変更するのはそっちの一万倍大変、みたいになってると、いつ終わるか分からなくなったりして、よくない。がんばって読めば分かるコードはよくない。適切な構造を作ると推論しやすくなったり、何が起きてるのか分かりやすくなったりする。誰もが自由にDOMにアクセスするのは、パラダイム的にはグローバル変数と同じで、どこで誰が何をやってるのか予測しにくくなる。要素間でお互いをclick()とかして通信するよりは、オブジェクト達を作ってやり取りさせるほうが、オブジェクトのパスが少なくなって理解しやすくなる。最悪のコードは一人が書いてある日誕生したわけ
ama-ch 2014/07/17
“普通の人はジェンガ置くことはできても、一人で積み直すのは難しいだろうと思う。”

javascript
リンク
リファクタリングのためのテスト
平均を求める関数 function average(arr) { var result; var sum = 0; for (var i = 0, len = arr.length; i < len; i++) { sum += arr[i]; } result = sum / arr.length; return result; }
ama-ch 2014/07/16
JavaScript

testing

slide
リンク
はてなブログ編集画面JSのページャ見どころ紹介 #pagernight - hitode909の日記
昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)．資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした．たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいあるはてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み．編集サイドバーから貼れるサービスは10種類くらいあ
ama-ch 2014/07/08
javascript

pager
リンク
AURAJS
aurajs.com – Demo slot pragmatic olympus is taking the gaming world by storm in 2024. Players are drawn to its stunning visuals and engaging themes that transport them straight to the mythical realm of gods. The game offers thrilling gameplay that keeps enthusiasts on their toes. With each spin, players experience excit ement and anticipation as they chase those big wins. The unique features set it
ama-ch 2014/07/08
JavaScript
リンク
JavaScript Promiseの本を書きました | Web Scratch
JavaScript Promiseの本という無料で読める電子書籍を書きました。タイトルそのままで、JavaScriptのPromiseについて書いた書籍です。書籍の目的この書籍を読むことで学べる事として、次の3つを目標にして書きました。 Promiseについて学び、パターンやテストを扱えるようになる事 Promiseの向き不向きについて学び、何でもPromiseで解決するべきではないと知る事 ECMAScript6 Promiseの基本をよく学び、発展した形を自分で形成できるようになる事 Promiseは、次のECMAScriptの言語仕様として策定が進められていて既に多くのブラウザに実装されています。 Promiseについて扱う書籍ですが、この機能はjQuery.Deferred()やAngularJSの$qやBluebird等の類似の機能が既にあるため扱ったことがあるかもしれま
ama-ch 2014/06/23
キター

javascript

promise

ebook
リンク
http://secappdev.org/handouts/2013/Tom%20Van%20Cutsem/tvcutsem_JS_Security.pdf
ama-ch 2014/06/20
javascript

security

caja

ecmascript
リンク
Modern JavaScript Applications: Design Patterns
It's presented how classical OOP approaches and design patterns can be used for modern JavaScript applications.
ama-ch 2014/06/20
javascript

slide

design pattern
リンク
メンテナブルなJsってなんだろう
第45回 WordBench 大阪での発表資料です。あとがき：http://www.torounit.com/blog/2015/09/15/2088/
ama-ch 2014/06/17
Officeチームもがんばってるな〜。97枚目で紹介してもらった記事はこちらです。 http://developer.cybozu.co.jp/tech/?p=7089

javascript

jshint

slide
リンク
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
ama-ch 2014/05/28
Observer

javascript
リンク
2014-05-12のJS: browserify 4.0.0、JSテスト環境の移行、ES6-Learning
JSer.info #174 - browserify 4.0.0がリリースされました。(もう4.1.2まででてました) Semantic Versioning的な上げ方な気がしますが、4.0.0での変更点について以下にまとめられています。 browserify v4 changelog kintoneのJSユニットテスト最新事情 | Cybozu Inside Out | サイボウズエンジニアのブログという記事では、 JsUnitベースのテスト環境から、Karma( Mocha + expect.js + Sinon.JS )へのテスト環境へ移行について書かれています。元は単独のHTMLとしてテストが独立しているためDOMの追加やグローバルによる汚染が無いですが、Karma等のTest Runnerは同じHTML上でテスト走らせるため、cleanup処理が抜けていると汚染が起きてしま
ama-ch 2014/05/13
テスト事情とセキュアコーディングの2本取り上げていただきましたー

javascript
リンク
kintoneのJSユニットテスト最新事情 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。kintone開発チームの天野 (@ama_ch) です。最近はJavaScriptのテストツールが著しく進歩し、日々新しいツールが登場しています。kintoneの開発もこれらのツールによって支えられています。 kintone開発チームでは、昨年末頃からテスト環境の改善に取り組み、モダンなツールセットに乗り換えました。今回は、現在のkintoneのJSユニットテスト環境について紹介します。 kintoneとJSユニットテスト数年前からユニットテストと自動化の仕組みはあったのですが、ごく一部のユーティリティ関数に書かれているのみで、普段の開発には活用されていませんでした。ここ1,2年ほどでテストスケルトンを生成するジェネレータスクリプトを作るテストの書き方をまとめたドキュメントを用意する MTGで「ユニットテストを書かなくていいのは小学生まで」などと煽るコードレビュー
ama-ch 2014/05/12
最近のテスト事情について書きました！

kintone

javascript

test
リンク
JavaScriptでセキュアなコーディングをするために気をつけること – cybozu developer network
（著者：サイボウズ kintone開発チーム天野祐介） kintoneはJavaScriptを使って自由にカスタマイズすることができます。カスタマイズにより独自のリッチなUIを構築したり、新しい機能を追加したりできるようになりますが、セキュアなコーディングをしないとクロスサイトスクリプティング脆弱性を作り込んでしまう危険性があります。この記事では、JavaScriptでセキュアなコーディングをするための基本的な点を解説します。主な原因脆弱性を作り込む主な原因になるコードは、要素の動的な生成です。特に、レコード情報などのユーザーが入力した値を使って要素を生成するときに脆弱性が発生しやすくなります。対策 document.write()やelement.innerHTMLを使って要素を生成するときは、コンテンツとなる文字列をかならずHTMLエスケープするようにしましょう。以下は
ama-ch 2014/05/08
JSでセキュアなコードを書くための基礎を解説させていただきました！

kintone

javascript

security
リンク
http://jsrecipes.org/
ama-ch 2014/04/29
“JavaScript tutorials for backend and frontend development.”

javascript

tutorial
リンク
Logdown - Site Maintenance
Sorry for the inconvenience we’re performing maintenance. — Logdown
ama-ch 2014/04/29
ドアパターンおもしろい。

javascript

async
リンク
テストとセキュリティの葉桜JSに参加してきた
#葉桜JS に参加してきたので記憶メモ。 #葉桜JS – Togetterまとめ (脳内記憶で書いたので、何かと解釈が間違ってる場合があります) #葉桜JS 会場の様子です pic.twitter.com/rIhgaxceHd — azu (@azu_re) April 14, 2014 葉桜JSとは唐突にネタを持ち寄って食事とかする場所です。 @kyo_agoさんとかが適当に投げた、それっぽいハッシュタグに反応した人を適当に呼んで開始しました。 kyo_ago Buster.JSはどうなってるのか dwittnerさんがメンテしてるドキュメントよりの人なので、あんまり機能開発は進んでてない Buster.JSにみたいにSinon.JSが統合されてると、stubの開放処理をミスらないテストコードをASTパースして自動的に開放処理を入れられるか? 非同期処理の時に何時終わったのか分か
ama-ch 2014/04/15
javascript

test
リンク
Test Runner Tips
mocha.opts ユースケースブラウザとNode.jsで同じテストを使いたい mocha.opts で global. に値をいれてしまう e.g.) promises-book/test/mocha.opts global.XMLHttpRequest = require('w3c-xmlhttprequest').XMLHttpRequest; global.Promise = require("ypromise"); グローバル拡張をして、ブラウザとNode.jsで同じコードを使える
ama-ch 2014/04/14
javascript

test

slide
リンク
前のページ 1 2 3 4 5 6 7 8 9 10 次のページ