JavaScriptでファイルダウンロード処理を実現する - Qiita
はじめに モダンブラウザならJavaScriptでファイルダウンロード処理を実現することができます。SPA(シングルページアプリケーション)など、クライアント側にデータを持つようなアプリケーションであればサーバアクセスなしにメモリの内容からファイルを生成してダウンロードさせることができます。 実装方法 やり方は リンクのHTML5のdownload属性を使用してダウンロードファイル名を設定 File APIのBlobを使用してデータを作成 window.URL.createObjectURLでBlobからURLを生成しそれをリンク先に設定 とするだけです。これでChromeとFireFoxはいけます(download属性のブラウザ実装状況を見るとを見ると、試せていないですがEdgeとOperaもいけそう)。加えてIEをサポートする場合は、IE10/11であればwindow.navigato
JavaScript - Table(HTML)の中身をExcelにエクスポートする - Qiita
やりたかったこと 業務系のWebサービスを作っていて、データを表に集計するページで「表の中身をExcel形式でダウンロードできるようにしたい」という要求がありました。「ライブラリ拾ってサクッとできるだろ」とググり始めたものの意外とうまくいかず苦戦しました。 最初のアプローチ 最初は、DOMを追ってxlsデータを作ってダウンロードするまでをフロントエンドで一括してできるライブラリがあるはずだ、と思って探しました。以下の２つを見つけましたが、SafariやChromeですら動かなくて採用できませんでした。 HTML table export ExcellentExport.js そして次の記事を見つけました。 js-xlsx で js で excel のファイルを生成する JSでxlsデータを作るjs-xlsxとBlobなどを保存することのできるFileSaver.jsを使った方法で、見たとき
Javascript Best Practices
Introduction This document is a list of best practices and preferred ways of developing javascript code, based on opinions and experience from many developers in the javascript community. Since this is a list of recommendations rather than a list of absolute rules, experienced developers may have slightly differing opinions from those expressed below. Always Use 'var' Variables in javascript eithe
Node.js チュートリアル | Node ビギナーズブック
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
人の話を聞かない人の V8 エンジン。 V8 を C++ に組み込んで遊ぼう - お前の血は何色だ!! 4
C++ Advent Calendar です。 google の V8 engine を 組み込んで簡易スクリプトにしてしまおうという話です。 C++の言語仕様や boost の話は超絶詳しい人たちがされているので、誰もやらなそうな ぬるいいい加減な話をします。 #間違ってたら突っ込みよろしく!! なぜ V8？ Lua ぢゃだめなんですか？ C++ から呼び出しやすい 組み込み言語として、 Luaがあります。 しかし、 Luaはコメントが -- から始まったり、 〜end と、 C / C++ に組み込みやすいスクリプト言語なのになぜか pascal チックな文法？という不思議なところがあります。 やはり、 C++ ユーザとしてはコメントは // で書きたいし、ブロックは { } でやりたいですよね (y/Yes) そんなところに、 google の V8 engine があります。 C+
［1］JavaScriptライブラリの本命
「jQuery」（ジェイ・クエリー）は、John Resig氏が開発したJavaScriptの軽量ライブラリです。「Write Less, Do More（もっとシンプルに、もっとたくさんのことを）」がモットーで、これまで複雑なJavaScriptを使わないとできなかったリッチな効果を簡単に生み出せます。本特集は、前半でまずjQueryの基本を解説した後、後半でリッチな効果を生み出すプラグインを紹介します。 jQueryはその手軽さから、JavaScriptライブラリとしては後発であったものの、急速にユーザー数を伸ばしました。世界の上位100万サイトの実に過半数＊1がjQueryを利用しています。今やJavaScriptでの開発にjQueryは欠かせなくなったといえるでしょう。表1は人気の要因を挙げたものです。特に最後のプラグインは大事です。世界中のいたるところでプラグインが提供され、目的
bestvpn.org
HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter). HTML5 also presents new challenges to online privacy, so if you're at all concerned about your privacy please read my comprehensive notes on VPN Services like ExpressVPN and NordVPN. Demo Support Technology
HTML5 + JavaScriptで画像処理 (エッジ検出) - 御手洗特急途中下車
古籏一浩のJavaScriptラボ ― 第14回 HTML5のcanvasで作る画像フィルター を読んで、Canvasで画像の輝度値を編集できることを知ったので、ためしに実装してみることに。 GUIや画像の端の処理などかなり手抜きだが、Firefox、Google Chrome、Operaで動作することを確認した。 処理はかなり重く、私の非力なマシンは実行するたび悲痛なファンの音を上げるほどである。。。でもしょうがないよね（´・ ω・｀） ちなみに3種類のブラウザで最も実行速度が早かったブラウザはOperaであり、もっとも遅いブラウザはFireFoxだった。 HTML5 + JavaScriptによるエッジ検出 http://jstap.web.fc2.com/test/html5/filtering/filtering.html 実行結果 ソースコード 2011/04/24追記 以下は古
[HTML5] Drag and Drop API のこと
HTML5のドラッグ＆ドロップはこれ書いてる時点でFirefox、Chrome、IEが対応。 しかしIEの場合はFileReaderとデータURI未対応だから全く面白みがない。 Drag出来るといってもMooToolsやjQueryなどで実装するようなぬるぬる動かすようなものではなく、 html5.jpのチェックページにあるツールのように、右から左へ受け流すようなことしか出来ない。 jQueryとの比較がこのサイトで見れる。 故にshapeshed.comのデモみたく、ゴミ箱にドキュメントを捨てたり、カートに商品を入れたりする用途には向いているが 自由奔放にドラッグさせるとなるとFrameworkの力を借りるより他ない。 サンプルでよく見るのはコンピューターにあるファイルをブラウザウィンドウにドラッグして、 そのファイルの中身をFileAPIで読み込んでこねこねするっていうやつだと思う。
![[HTML5] Drag and Drop API のこと](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
ネイティブのドラッグ & ドロップ - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「Native Drag and Drop」を日本語訳したものです。 原文タイトル Native Drag and Drop 原文ページ URL http://html5doctor.com/native-drag-and-drop/ 著者 Remy Sharp 氏 原文投稿日 2009-07-09 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 ネイテ
GOSU – Planszówkowa kawiarnia w Poznaniu
Przetestuj nowości i klasyki za ułamek ceny. Ponad 500 planszówek do wyboru! Zaproś rodzinę, znajomych, swoją drugą połówkę na wspólny wieczór z planszówkami. Bawcie się razem w nowoczesnej przestrzeni wypełnionej ciepłą atmosferą i grami planszowymi. Na półkach czeka ponad 550 gier planszowych. To najlepsze tytuły, pośród których każdy znajdzie coś dla siebie. Doradzimy z wyborem i wytłumaczymy z
XMLHttpRequestでWebDAV - snippets from shinichitomita’s journal
XMLHttpRequestでWebDAVもつかえるっぽい。 WebDAVをサポートしているオンラインファイルストレージがあれば、HTMLを置くだけでファイルブラウザとしても使える。 var req = createXMLHttpRequest(); req.onreadystatechange = function() { if (req.readyState == 4) { if (req.status==207) { //... } } }; req.open('PROPFIND', '/', true); req.setRequestHeader('Depth', '1'); req.send('<?xml version="1.0" ?><propfind xmlns="DAV:"><allprop/></propfind>');PROPFINDリクエストの結果として、ディレクト
XMLHttpRequest.sendAsBinaryでUTF-8と画像のmultipart/form-dataを送信する – trash thread
XMLHttpRequest.sendAsBinaryでUTF-8と画像のmultipart/form-dataを送信する by petit · 公開済み 2009年12月16日 · 更新済み 2010年4月5日 ドラッグ＆ドロップで画像をアップロードするFirefoxアドオンを製作中につまずいたこと。 テキストのみ、あるいは画像のみを送信するのは特に問題ないのだが、テキストと画像をmultipart/form-dataで送信しようとするとエラーがおきて送信できなかった。マルチバイト文字はjavascript内部ではUnicodeとして扱われているため、UTF-8に変換する必要があるようだ。具体的には以下のようにする。 var converter = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"] .cr
TinyURL のリダイレクト先をツールチップ表示する user.js - m2
前に短縮URLの話をしたんだけども、どうしても短縮URLを開く前にそのリダイレクト先のURLを知りたいという方がいらっしゃるようなので、user.js を書きました。 TinyURL のリダイレクト先をツールチップ表示 Opera、FFで動作。IEは面倒なので対応してません*1。 改行を削除すれば bookmarklet としても使えます。 単にマウスオーバー時に IFrame で http://preview.tinyurl.com/ を開いてるだけです。キャッシュもしてないので軽くは無いでしょう。 あんまり長いとはみだすかも。まあでもドメインだけ見えればいいんでしょ？ 自分で使う気が無いのでかなり手抜きです。サポートもしませんよ。 *1:イベント回りを書き換えれば動作するはず
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTML崩壊 meltdown.js - KAZUMiX memo
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://rank.marketgeek.net/ja/all/
neo-tech-lab.co.uk
Canvas Library (Effect & Animetion) - 地平線に行く
JSON