jQueryのメモリーリークの傾向と対策 — KaoriYa
Web開発にとても便利なjQueryですが、 実はメモリーリークを誘発しやすい構造であることは あまり知られていないようです。 本記事ではメモリーリークが発生する傾向と対策を紹介します。 皆さんjQueryは使ったことありますよね。Webでの開発ではとても便利で、ほぼ必須と言っても過言ではありません。しかしながらこのjQueryはメモリーリークを誘発しやすい構造であることはあまり知られていません。 GCのあるJavaScriptでメモリーリークが発生するとは何を言っとるんだ、と思われる向きもあるやもしれません。しかしGCがあっても、もう使わなくなったオブジェクトを配列やテーブル(Object)にしまいこんでいて、それを回収するタイミングが存在しなければ積もり積もってメモリを圧迫する、メモリーリークとなりうるというのは想像に難くないでしょう。jQueryで起こりうるメモリーリークはそのような
カジュアルJavaScript AST
今日の概要 実は使われてるJavaScript AST JavaScript AST(Abstract Syntax Tree)とは? JavaScript ASTを使ったツール紹介 使うだけじゃなくて書いてみよう browserify Node.jsで書かれたものをブラウザ向けに変換するツール Node環境で開発 -> browserifyでビルド -> ブラウザで動く JavaScriptのコードを 変換 する ≒ JavaScript ASTを見て変換 する 本体の色々な部分、transform pluginなどでASTを使ってる
人柱になりました。WordPressからGhostへのお引越し。 - Layman's Web Creation.
最近は作業に追われ、ブログの更新も絶え絶えな日々を送っていました。 このままでは、いかん。 …ということで、今まではWordPressでサイトを構築・更新していたのですが、 WordPressから今話題？の Ghost という javascript ベースのCMSに移行してみました。 我ながら突拍子もない…..ですが。 普段の業務では,nodeJSを使用した仕事なんてそうそうないので、ブログを実験台代わりに。 目次 Ghostについて 引っ越し準備 サーバー環境を整える Ghost をインストール データをインポート 実際の使用感 Ghost って? 今回移行したGhostは、以前からkickstarterで注目を集めていました。 Node.js + sqllite3 + Handlebars.js で構築できるブログソフトウェアです。 http://www.kickstarter.com
HTML(.js) - Befriend the DOM!
Intuitive HTML lets you navigate, manipulate and use the DOM with intuitive, readable, consistent code. Powerful HTML's functions enable you to flexibly use all native DOM features with brevity, clarity, and more power than ever. HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. HTML.tag... Element|A
JavaScriptで`undefined`の代わりに、`void 0`を使ったほうがいい理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今まで平気でundefinedを使ってましたが、underscore.jsのソース読んで、無防備にundefinedを使っちゃいけないなってことを初めて知りました。いやはや、まったくもって面目ない！ 知っている方なら知っていると思いますが、意外と知らない方も多いのでは？という意味でのプチ記事です。 void 演算子 voidは１つの式を取って、常にundefinedを返す演算子です。 例えば void 0 void (0) void 99 void "wow" void {} //すべてundefinedが帰ってくる と、このように、voidはundefinedの代わりとして使えるのが分かりますよね。 上記の理屈で行くと、そんな面倒なことをするまでもなく、undefinedを直接使えば済む話じゃあ？と思いますよね。ところが話はそう簡単ではないようです。 何故なら、なんと、undefined
async.jsで有名なcaolanさんのNode.js: Style and structureを対訳を掲載してみました。 - dai-yamashitaの日記
前回async.jsで有名な、caolanさんのNode.js: Style and structureを日本語訳をしました。コメントに原文も引用符みたいに対訳を載せてもらえるというありがたい意見を頂いたので、のっけてみます。 相変わらずのレベルの低さですが、おかしな部分がありましたら、指摘頂けますと幸いです。m(_ _)m Node.js: Style and structure Node.jsのスタイルと構造 This may seem like quibbling over coding style, but in Node.js it's an important way of keeping your functions easily composable and reusable. This is not a style guide in the usual sense; I'
Javascript as a Platform
The document discusses the evolution and significance of JavaScript as a programming language, highlighting its creation by Brendan Eich for Netscape and its standardization under ECMA. It examines its flexibility, use cases, and various enhancements over the years, including the development of engines like V8 and frameworks like TypeScript and CoffeeScript. Additionally, it touches on the technic
【Middleman】静的サイトジェネレータを使用してみる。 | DevelopersIO
私は主に業務ではフロント側を担当させていだたいて、 Webアプリ等で使用する静的なひな形ファイルを作成することがあり、ファイルの修正が手間だったりすることがよくあります。 今回は、そんな手間を解決してくるツールをご紹介したいと思います。 アジェンダ Middlemanとは？ インストール 使用方法 開発の流れ まとめ Middlemanとは？ 静的なWebサイトを構築する際に、とても便利なコマンドラインツールです。 主な特徴 開発用ローカルサーバーで、確認ができる。 テンプレート言語、メタ言語を静的ファイルへビルドしてくれる。 いろいろなテンプレート言語にも対応 css、jsをminifyしてを出力してくれる。 layout機能、partial機能などで共通するhtmlを再利用できる。 などなど。 makes developing websites simple Middleman:公式サ
jQueryで読み込み時とリサイズ時の処理を合わせて書く方法 – creamu
jQueryで読み込み時とリサイズ時の処理を合わせて書くには、以下のようにします。 $(window).bind(“load resize”, function(){ // code here }); ※はてぶでコメントを頂いたので追記（2013.2.19） jQuery 1.7以上では「.bind」は非推奨になったため、以下のように「.on」を使います。 $(window).on(“load resize”, function(){ // code here });
最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log
ほんとに10個だと思った？（無意味に煽っていくスタイル） 最近JSだけのリポジトリで無益なゲームを大量に作っては破棄しているのだけど、割とストレスなく出来上がってきたので書く。 長々と書くが、要は次のリポジトリに概要が詰まってる。 mizchi/mizchi_client_boilerplate · GitHub https://github.com/mizchi/mizchi_client_boilerplate 前提として、最近はCSJSでもnodeのインストールを前提とする環境が多い。必須といってもいい。 grunt gruntjs/grunt · GitHub https://github.com/gruntjs/grunt ビルドタスクを簡単に作れる。make、rake、などに相当するが、node製らしくファイルシステムの監視でアクションを作れるのが特長。$ grunt serv
altjs | プログラマーズ雑記帳
CoffeeScript の Windows 環境におけるインストールとコンパイル方法について書いてみました。 Node.js のインストール CoffeeScript 自身が JavaScript で書かれているため、 ローカル環境で実行するにはサーバーサイド JavaScript である Node.js が必要になります。 まず、 Node.js の本家のページから Windows 用のインストーラー(node-vX.X.X-x86.msi) をダウンロードします。 node.js node-vX.X.X-x86.msi を実行すれば、 Node.js はインストールされます。 CoffeeScript のインストール CoffeeScript は Node.js のパッケージマネージャーである npm 使ってイントールします。 Node.js をインストールするとスタートメニューに
Alloy 1.0.0 に向けた大幅でサディスティックな変更点 - imthinker::net
iOS 6.1 に正式対応する Titanium 3.0.2 RC がリリースされました。大きな問題が無ければ Titanium 3.0.2.GA になると思いますが、同時に Alloy 1.0.0.GA もリリース目前で、 Alloy 1.0.0-cr を npm 経由でインストールすることが可能です。 sudo npm -g install alloy@1.0.0-cr さて、この 1.0.0-cr ですが、 0.3.6 から大幅な変更が加えられています。口汚く個人の意見を述べさせてもらうならば「ふざけんな!」と言いたくなってくるぐらいなのですが、冷静になって、問題となる変更点を示しておきます。 Titanium 3.0 + のみ対応 Alloy 0.3.6 までは Titanium 2.1.x 以降対応でしたが、 Alloy 1.0.0 からは Titanium 3.0 以降のバージ
RubyJSを試しました - ちなみに
RubyJSをためしてたらこんな時間で明日が心配な今日この頃です。 RubyJSはUnderscore.jsやstring.jsみたいなJavaScriptのライブラリです。 特徴はRubyの機能をJSで実装しているところ。JS的な書き方を無視して、以下にRubyらしく書けるかに注力されています。RubySpecに準拠するように書かれているので、Rubyを普段使っている人には無意識に使えるようになっています。 使い方は簡単でライブラリを読み込んで、JSの任意のオブジェクトやプリミティブな値を RubyJS メソッドを使ってラップしてやります。この RubyJS メソッドが適切な RubyJS オブジェクトに変換してくれます。もちろん R というエイリアスが切られているので、こちらを使いましょう。 R 'hoge' #=> RubyJS.String R 1 #=> RubyJS.Fixnu
[mixi] 運営者からのお知らせ
【追記】 「mixiページ」サービス終了に向けてのスケジュールは、2020年8月31日に全てサービス提供終了としていましたが、以下の日程に変更します。 ・2020年9月7日11時頃 モバイル版mixiページ終了 ・2020年9月14日11時頃 PC版、スマートフォン版mixiページ終了 終了時刻は前後する場合がございます。 ダウンロード機能はPC版スマートフォン版mixiページ終了と同時の2020年9月14日11時頃に終了いたしますので、「mixiページ」データのダウンロードをご希望の方は、お早めにダウンロードをお願いします。 以上、どうぞよろしくお願いいたします。 【追記】 終了予定の「mixiページ」とは、SNSmixi全体の中の一部特定サービスの名称でございます。 SNSmixiの全てが終了するわけではございません。2020年8月31日以降も引き続きSNSmixiはご利用いただけます
大津谷亮祐ブログ
1ヶ月ほど経つが、Firefox OSの勉強会「Web先端技術味見部#14 （今回は「Firefox OS」！）」に参加したので、メモ。 Firefox OSは3層構造[上]Gaia: アプリ層 ホーム画面などシステム系も含む。アプリ開発者はここを勉強！電話、アドレス帳等にアクセスするために、Web APIを使用する。[中]Gecko: 描画エンジン 基本的には通常のFirefoxと同じもの。[下]Gonk: 最低限のLinux Android から流用。開発環境Firefox OS Simulatorが便利。Firefoxの拡張機能(Extension)として提供される。Firefox OSのデスクトップビルドを含む。Firefox(=Gecko)の上に、Simulatorという拡張機能が乗り、その上にGaiaが乗る感じか？Firefox OSをカスタマイズしてみるディレクトリ構成 ~
WebGLライブラリのthree.jsの入門サイト
【1】Cubeで遊ぼう！ 迷路生成編 - はじめ... / 【詳細なチュートリアル】THREE.js で W... / THREE.jsのソース読みサポートサイト作りま...他...全5件
prototype と __proto__ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20100929.html
2012-11-12のJS: Sencha Touch 2.1、JavaScriptコーディングスタイル、WebStorm LiveEdit
JSer.info #96 - Sencha Touch 2.1、Sencha Cmd 3.0がリリースされました。 Sencha Cmd V3ではCode Generationの機能なども入っていますが、最近話題になった管理ツールの Yeomanにはgenerator、BrunchにはSkeletonsというように 初期テンプレのコード生成を展開するような機能を持ったものが増えてきている気がします。 Airbnb JavaScript Style GuideというJavaScriptのコーディングスタイル的な文章が公開されています。 一貫性のある慣用的なJavaScriptの書き方(idiomatic.js) と似た感じでオレオレのルールというよりは、 「こう書くのは良くないからこう書いた方がいい」という感じの内容になっています。 Let your tool help you imagi
アメーバブログの画像を取得するブックマークレットを書いた - すぎゃーんメモ
ももクロちゃんたちも使っているブログサービス、アメブロ。 最近、投稿画像の閲覧ページの表示が変わったらしい。 【画像】画像拡大ページ・画像一覧ページの表示方法が変わります｜スタッフブログ で、その新しい画像ページではその画像を取得して保存しようとしても簡単には出来ない。例えば http://ameblo.jp/sasaki-sd/image-11392903221-12262904057.html みたいなページで、右クリックして画像保存、みたいなことができない。 HTMLソースみてゴニョゴニョすればもちろん取得できるのだけど、ある程度わかっていないと厳しい。 僕自身にはそういう欲求は特に無いけれど「推しの子の投稿した写メをダウンロードして保存したい！」というヲタ仲間のヒトは結構いて、困っているようだったので、ブックマークレットを作って提供することにした。 ameblo_bookmarkl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nodejs インタープリタ時に ~/.noderc.js を読む - hogehoge @teramako
