finefinefine.jpThis domain may be for sale!
javascript - でBMP以外のUnicode文字をきちんと扱う : 404 Blog Not Found
2013年03月29日16:00 カテゴリTipsLightweight Languages javascript - でBMP以外のUnicode文字をきちんと扱う 文字コード「超」研究 深沢千尋 一肌脱ぐか。 dankogai/js-codepoints ・ GitHub Twitter時代の文字の数え方 | 配電盤正確には、「Unicode 3.1時代の文字の数え方」なのでしょうが、Unicodeの最新バージョンが6.0の今、それではぱっとしないのでSYNOPSIS log('𠮷野家'.length ); /* 4 // unfortunately */ log('𠮷野家'.codePointsOf() ); /* 3 // naturally */ log('𠮷野家'.codepoints ); /* 3 // naturally */ log(String.fromCode
node.js 入れるなら nodebrew が超簡単 - tacamy--blog
node をバージョン別に使い分けたりしたかったので、nodebrew なるものを使うことにした（hokaccha++）。 最初は nvm 使ったんだけど、なんかうまくできなかった。 ~/.bashrc に設定書いたら、ターミナル起動するたびに nvm use v0.8.19 とか出てくるのがイラっとしたのでやめた。 1. nodebrew のインストール ターミナルに以下の 1 行コピペするだけ。超簡単。 curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl - setup 2. 環境設定ファイルにパスを通す いまだに「パスを通す」っていう意味が分かってないけど、これをやらないと、ターミナルを再起動したときに、せっかく入れたツールが使えなくなるっていう認識でおります・・。 私は ~/.bashrc を使っ
ライブラリを使わないでDOMにアクセスするJavaScriptを書いたときにはまった2つのこと | バシャログ。
タスク管理するのに手帳を使おうとして2週間で挫折したので、iPhone & Mac でできないか挑戦している tanaka です。 最近、諸事情により jQuery などのライブラリ を使わずに DOM を操作する JavaScript コードを書く機会がありました。ある程度はライブラリなしで書いたこともあるし、そんな大変じゃないだろう…と思っていたら、想定外に時間がかかってしまいました。(多くはレガシーなIE対応ですが…)そんなわけで、ライブラリを使わないで JavaScript を書いたときに遭遇した問題2つを紹介します。サンプルコードはQUnitでテストを書き、テスト実行＋コードリーディングすることでIEとそれ以外のブラウザの違いが理解できるようにしました。 IE 7以下で setAttribute('class', [classNames])/getAttribute('class
javascript - cocytus = eval() と大域変数なき Web Worker : 404 Blog Not Found
2013年03月04日21:30 カテゴリTipsLightweight Languages javascript - cocytus = eval() と大域変数なき Web Worker JavaScript徹底攻略 CocytusというJSを書きました。 dankogai's js-cocytus at master - GitHub こんな感じで使います。 <script src="cocytus.js"></script> <script> var jail = Cocytus(); jail.run(function() { var l = 42; postMessage(l); g = 42; // see what happens in console postMessage(g); }); </script> といってもピンと来ないかと思われるので、デモを用意しました。
js で利用する DOM の名前をどうやってつけたらよいのか - おもしろwebサービス開発日記
js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('click', function () { // update 処理 }) でもこれだと問題になるケースがあります。よくあるのが、マークアッパーとフロントエンジニアが分業していて、マークアッパーがデザインのために class 名を変えてしまい js が動かなくなるパターン。分業せずに一人で全部やってたとしても、時間が経つにつれ使っている class 名が js だけで使っているのか、css でも使っている
Android × Canvas の即死ポイントとその回避策 | buccchi.jp
CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
jQuery.Deferred を使ってみる。 | バシャログ。
カーテンのない家には住めない事に気がついたminamiです。 jQueryにはjQuery.Deferred というオブジェクトがあります。jQuery 1.5 のころから実装されてだいぶ経っているのですが、今までなんとなくよくわからなくて苦手意識があったので改めて使ってみました。 jQuery.Deferred ってなに？ "deferred" の意味を調べると「延期された」「遅延された」などの意味があります。乱暴にまとめてしまうと、様々な処理が終わった後に呼ばれる（遅延された）処理を監視してくれるオブジェクトと言えます。 何を言っているのかわからん 文章で書くとまどろっこしいのでサンプルを作りました。1～4の処理が全て終わったら完了の表示を出します。 jQuery.Deferred を使った処理の管理 window.setTimeout() などのタイマー処理 jQuery.ajax
ビルドプロセスの自動化で効率アップ
Grunt.jsの紹介スライドです。package.jsonの扱いや、grunt自身の0.4.0対応が弱い部分が残りますが、数ヶ月前というところでご容赦くだされば、おおまかな概要を示しています。
node.jsアプリのデプロイにやさしい grunt-rsync | DevelopersIO
はじめに ちょっとデプロイしてスマホで確認したい、皆に見てもらって感想が欲しい、とにかく直ぐにデプロイしたい。そんな時に便利なgrunt.js用のタスクのgrunt-rsyncです。 rsyncコマンド知ってますか？ 僕は知りませんでした（汗。ファイル群の同期を取る用途のコマンドです割と古くからあるみたいです。多くのUnix系環境にデフォルトで入っているようです。名前の通り、ファイルの同期を取るのがこのコマンドの仕事で、ローカル同士でもリモートともSCP経由などで同期を取れるようです。 詳しくはWikiで。 grunt-rsyncパッケージ rsyncwrapperというrsync用のパッケージを使用しているgrunt用タスクです。もっとシンプルにrsyncをラップしている grunt-rsync-2 というのも存在しますが、コピーに失敗してもがエラーが出なかったのでこちらの方がいいと思い
【クリスマスだし】用意しておくとちょっと便利なjQueryの拡張メソッドたち【25日目の４】 | DevelopersIO
こんにちはやまがたです。アドベントカレンダーの最終日は、日頃クライアントサイドでJavaScript + jQueryでコードを書いていて何かと重宝している拡張メソッドをご紹介します。 ch $.fn.childrenのエイリアスです。出現頻度が高くスペルを間違えやすいので作りました。 $.fn.extend({ ch: function(expr) { this.children(expr); } }); hasClasses, notHasClasses hasClassを拡張して複数のクラスの組み合わせをチェックします。 var checkClasses = function($target, mode, klasses) { var result = false; $.each(klasses, function(i, klass) { result = $target.hasCl
[WordPress]これでフッターに重ならない！ ブログのサイドメニューを固定してスクロールに追従させる方法 | NANOKAMO BLOG
photo credit: Eric M Martin via photopin cc どうも@kuroji1987です。 ブログのサイドメニューに、スクロールに追従するメニューを設置いたしました。「オススメ記事」というタイトルで、同じカテゴリの記事をランダムで表示させています。 広告を表示させることもできるのですが、Googleの規約で禁止されているという話なのでやってません。結構やっているブログあるので、もしかしたら大丈夫なのかなぁとも思うのですが……。どうなんでしょうかねｗ ということで、その追従するメニューの設置方法をご紹介します。 フッターにめり込まないメニューがいい スクロールに付いてくるだけならとっても簡単に実装できるのですが、多くのブログがそうであるようにスクロールしきったのち、そのままメニューがフッターにめり込んでしまうという現象が発生します。これが僕はどうしても許せま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
Minecraft4kJS - jsdo.it - Share JavaScript, HTML5 and CSS
A quick port of Minecraft4k to test what's possible in JS and HTML5. Because of the nature of this project (it was originally meant as an entry for the Java4k competition, which focuses on executable size), the code is HORRIBLE, but fairly small. You may use the code in here for any purpose in any way you want, at your own risk. var ctx; var pixels; var w = 200; var h = 200; var map = new Array(64
Perl & JavaScript - 万能配列操作関数spliceを覚えておこう : 404 Blog Not Found
2012年11月24日08:45 カテゴリTipsLightweight Languages Perl & JavaScript - 万能配列操作関数spliceを覚えておこう Perl Cookbook (English) Christiansen / Torkington [邦訳: Perlクックブック] 風邪が全然抜けない…リハビリしなきゃ… 2012/11/23:リストを任意件数ごとにぬるぬる処理する用のモジュール書いた - bayashi.net 鉈でひげ剃り感があるのは、こうも書けるからかな。 use 5.012; sub fizzbuzz { my @fizzbuzz; push @fizzbuzz, ('Fizz')[$_%3] . ('Buzz')[$_%5] || $_ for @_; @fizzbuzz; }; my @hundred = (1..100); whil
小さなツールだけど便利。Photoshopを自動操作するJavaScript集·Photoshop Javascript Tools MOONGIFT
Photoshop Javascript ToolsはPhotoshopの自動操作を行うためのJavaScriptライブラリ集です。 知らなかったのですが、Photoshopの自動操作を行うスクリプトはJavaScriptで記述可能です。今回はそのためのツール集とも言えるPhotoshop Javascript Toolsを紹介します。 インストールします。PhotoshopのScriptsディレクトリ内にコピーします。 スクリプトメニューに取り込まれました。 一例です。ガイド作成します。 こんな感じにラインが引かれました。 エラーを見るとJavaScriptっぽいのが分かります。 主な機能は二つで、ガイドラインを引くライブラリとフォント名を表示したり変更できるライブラリになります。また、その他プログレスバーのUIやカレンダーを作成する、JPEGへのエクスポートを行うライブラリなど小さなツ
JavaScriptでうっかりやってしまいそうなこと色々
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
