JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
Functionの期待する引数の数をlengthプロパティで取れる - すぎゃーんメモ
知らなかったのでメモ。 https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/length $ node > (function () {}) [Function] > (function () {}).length 0 > (function (a) {}).length 1 > (function (a, b) {}).length 2これを使って、例えばMochaではrunnable.jsで function Runnable(title, fn) { this.title = title; this.fn = fn; this.async = fn && fn.length; this.sync = ! this.async; this._timeout = 2000; } という
javascript - そろそろECMAScript 5を使いたい少なくとも3つの理由 : 404 Blog Not Found
2011年12月16日15:00 カテゴリLightweight Languages javascript - そろそろECMAScript 5を使いたい少なくとも3つの理由 下準備も終わったので、本blogで扱うJavaScriptは、特に断りのない限りECMAScript 5を前提にしていくことにします。 0. どのブラウザーで使えるの? 以下で確認できます。 ECMAScript 5 compatibility table ざっといろいろ試してみると… IEは9以上以降かつStandard Modeなら使える Safari 5はFunction.prototype.bindのみ使えない - 5.1.4より[native code] iOS5も同様 Android 2.3ではさらに加えてObject.sealなどObjectをロックする機能が使えない というわけで、もう使いはじめてもい
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
Clean Javascript
The document discusses techniques for writing clean JavaScript code. It provides examples of code smells and improvements to address issues like attaching events from the outside, separating selection from logic, shallow scope, overwriting default behavior, and separating logic from views. The document advocates for practices like modularizing functions, separating DOM manipulation from models, an
Opera News
Mindfulness, Opera Air Opera Air’s redesigned Boosts now smoother, more intuitive June 4th, 2025 Hey all, Today we have another update for Opera Air, our browser built around the concept of mindfulness: we’ve redesigned... AI Meet Opera Neon, the new AI agentic browser May 28th, 2025 Opera Neon is our first AI agentic browser designed for the next generation of the web. Desktop, Opera for iOS Oper
ECMAScript 6に向け、よってたかって進化が続くJavaScript
JavaScriptはEcma Internationalと呼ばれる標準化団体によって言語仕様の標準化が行われています。最新バージョンは、2009年12月に策定されたECMAScript 5th Editon。これが昨年4月にISO/IEC 16262 3rd Editionとして国際標準にもなりました。その後、昨年の6月には修正版のECMAScript 5.1が公開されています。 現在のWebブラウザがJavaScriptの仕様として参照しているのが、このECMAScript仕様です。 そして次期版ECMAScriptとして、ECMAScript 6th EditionもしくはES.nextもしくはProject Harmonyなどと呼ばれる仕様策定作業が進行中です。2013年末の策定完了を予定しているようです。 それまでまだ2年ありますが、すでに次期版ECMAScriptに関する情報が
JavaScripture - The word on JavaScript
JavaScript is the programming language of the web and is quickly gaining traction outside of the browser. JavaScripture.com is a testing ground and reference for all JavaScript APIs. Each reference page contains detailed descriptions and interactive examples like the following so you can quickly learn by doing.
BIND 9 Resolver crashes after logging an error in query.c - セキュリティホール memo
》 前川彰司さん (福井女子中学生殺害事件) 再審決定。 ケーサツ・ケンサツの証拠捏造・証拠隠しによって有罪にされたことが明らかとなった模様。 福井女子中学生殺害：２５年の叫び、やっと 再審決定 (毎日, 11/30) 証拠は誰のものか (NHK クローズアップ現代, 11/30) 検察の手元にあった“男性の無実を示す証拠”が裁判所の勧告で開示されたことがきっかけとなった。足利事件、布川事件など相次ぐ再審・無罪判決。背景にあるのが被告に有利な証拠は開示しない“検察の証拠隠し”だ。 》 JANOG29 出席登録開始しています。 》 東京電力福島第一原子力発電所１−３号機の炉心損傷状況の推定に関する技術ワークショップ。11/30 開催。 東京電力福島第一原子力発電所１−３号機の炉心損傷状況の推定に関する技術ワークショップの開催について (経産省, 11/25)。開催案内。 東京電力福島第一原子
GPG4Browsers - Recurity Labs
GPG4Browsers GPG4Browsers is a prototype implementation of the OpenPGP Message Format [RFC 4880]. The implementation is currently written as Chrome Browser Extension with a Googlemail integration for encrypting, decrypting or signing emails. The OpenPGP implementation supports all asymmetric, symmetric ciphers (except IDEA) and hash functions specified in the standard and implements the following
「jQueryは大きすぎる」との声に対応、jQueryをモジュラー化、小型化するプロジェクト「jquip」 | OSDN Magazine
jQueryをより小さく、軽量に、モジュラー化することを目指し、「jquip」というプロジェクトが立ち上がった。コア部分である「xjquip.js」ファイルのサイズはミニファイ・圧縮後で4.28KBと小さく、これはjQueryの13％というコンパクトさだという。サイズは小さいもののjQueryの持つ機能の90％を実装、さらにプラグインを追加することでそれ以外の機能も利用できる。 jquipは「jQuery in parts」の略で、「必要なものだけを取り入れる」というコンセプトを持つ。米国在住の開発者、Demis Bellot氏とJey Balachandran氏が始めたプロジェクトとなる。肥大化するjQueryに対し、コードベースの再構成やよりいっそうのモジュラー化のためのフィードバックを送ることを目的にしているとのこと。ライセンスはMIT License。 jquipは$()セレクタや
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなスターでrel="canonical"を見るように
Googleの+1はデフォルトでrel="canonical"を見るようになってたりします。Facebookのいいね！ ボタンやはてなブックマークボタンは対応していませんが、明示的に対象のURLを指定できるようになっているのであまり問題はありません。しかし、はてなスターはa要素かwindow.locationやdocument.locationという訪問者側がいくらでも細工ができるものしか指定できないため、宗教上の理由で自身のURLへリンクを張るa要素を書くことができない人は詰みます。そんな理由で外してしまったんですが、対応してくれそうもないので重い腰を上げてHatenaStar.jsに処理を追加しました。 ざっと読んだところHatena.Star.EntryLoader.getElementByConfigSelector()でうまいことrel="canonical"なlink要素を返す
alt-scape.com
alt-scape.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
第2回 Node.js の過去、現在、未来 | gihyo.jp
はじめに Node.jsは「サーバサイド JavaScript」環境として、近年のブラウザ上で動作するクライアントサイドJavaScriptの盛り上がりに合わせて、急速に注目を集めています。日本においても、Node.js日本ユーザグループ の登録者はすでに800人を超えており、さまざまなブログや技術系サイトで取り上げられたり、雑誌に記事が掲載されたり、実際のサービスで利用が開始されるなど、大きな盛り上がりを見せています。そうした盛り上がりがある一方で、新しく立ち上がった技術に対してよく聞かれる疑問である、「Node.jsって何？」とか「サーバサイドでJavaScriptが書けるってどういうこと？」といった声も多く聞かれるようになってきました。 そこで第2回目の本記事ではそれらの疑問に答えるべく、Node.jsの過去、現在、そして未来について解説していきます。 Node.js の過去 No
ECMAScript 6th の構文をまとめてみた - hogehoge @teramako
harmony:specification_drafts [ES Wiki] ECMAScript 6thのドラフト版が挙げられている。現在はSeptember 23, 2011のドラフトが最新で、このドラフトの構文部分のみを抜粋してHTML化してみた。 ECMAScript Syntax Grammar 6th Edition / Draft よろしければ、どうぞ。 構文上で、5thとの大きな違いは、 let, constによる変数、定数宣言の導入 AssignmentPatternやBindingPattern辺りが導入されている ...が導入されている 辺りでしょうか。 BindingPattern これは何かっていうと、オブジェクトや配列(Array)の中身の要素を直に変数に入れられるようになる。BindingPatternにはObjectBindingPatternとArrayB
(ε・◇・)з CoffeeScript と mofmof.js - latest log
(ε・◇・)з CoffeeScript は Ruby や Python っぽく書けて JavaScript にコンパイルできるプリティな言語だとか! (ε・◇・)з 噂では CoffeeScript で書くとコードが短くなるとか!! 物は試しに http://jashkenas.github.com/coffee-script/ にある幾つかのコード片と、mofmof.js 混じりで書いた場合のコードを比べてみました。 (ε・◇・)з mofmof.js はここだよ → http://code.google.com/p/mofmof-js/w/list Syntax // coffee # Assignment: number = 42 opposite = true # Conditions: number = -42 if opposite # Functions: square =
uupaaさんのCoffeeScript利用時の注意点
えんじに🐈にゃーん🍓🫐🍅🌽🍈🍇🦝 @uupaa CoffeeScriptやる人に一言。jsはシングルスレッドだけど匿名関数でラップすると関数の出口でスレッドコンテキストする可能性あるから、並列処理にスレッドもってかれないように気をつけて。最近某アレで「朝までにページ表示が不安定なのを直して」と泣き付かれた奴はまさにそれだったよ 2011-05-06 01:12:53 えんじに🐈にゃーん🍓🫐🍅🌽🍈🍇🦝 @uupaa CoffeeScriptはうっかり匿名関数でラップするから、「タイミングに依存する作りで、状態遷移をしっかりせず、手抜きしてると先にxhrが終わってしまい、そこで処理もってかれて、準備できてないのにページ表示処理が走って、全体が不安定になる」って奴だった 2011-05-06 01:15:23
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Post by @themeofn