【JavaScript】window.btoa(‘日本語’) する at softelメモ
問題 JavaScriptでbase64エンコード、デコードをするなら、window.btoa, window.atob がありますよね。 window.btoa('Hello!'); // → "SGVsbG8h" window.atob('SGVsbG8h'); // → "Hello!" 日本語入れたらエラーになるんですけど、だめなんですか。 window.btoa('あいうえお'); // → x // Error: String contains an invalid character 答え 殆どのブラウザでは、window.btoa のパラメータにユニコードの文字列を指定して呼び出すと、例外「範囲外 (Out Of Range)」が返ります。 https://developer.mozilla.org/ja/docs/Web/API/window.btoa#Unicode_S
msSaveBlob,Data URI SchemeおよびURL.createObjectURLによるデータ保存 - Qiita
Blobデータをダウンロードフォルダに保存する。navigator.msSaveOrOpenBlobという関数もあり、こちらはすぐ開くか保存するかを選択する。 Data URI Scheme 多くのブラウザで動作する <a href="data:application/octet-stream;base64,..." download="filename.txt">download</a> をクリックさせることでダウンロード。Base64化したデータを直接記述する。 var data = "Data URI Schemeによるダウンロード", base64 = btoa(unescape(encodeURIComponent(data))), a = document.createElement('A'); a.download = 'filename.txt'; a.href = 'da
windowオブジェクト - Qiita
windowオブジェクトとは何か？ windowオブジェクトとはJavaScriptにあらかじめ用意されてるオブジェクトで、JavaScriptを何も書いてない状態でもwindowオブジェクトは利用する事が出来る。 例1-アラートダイヤログを出す場合 JavaScriptであらかじめ用意されている関数やオブジェクトは、みなwindowオブジェクトのプロパティです。HTMLデータを取得、操作する為の window.document、URLなどの情報が格納されているwindow.locationなども、すべてwindowオブジェクトのプロパティです。なぜならHTMLやURLなどの情報は、ブラウザのウィンドウが持っている情報だからです。
【JavaScript】各ブラウザでダウンロード処理を実装する（Chrome, Firefox, IE, MS Edge, Safari）
【JavaScript】各ブラウザでダウンロード処理を実装する（Chrome, Firefox, IE, MS Edge, Safari） Webページから何らかのファイルをダウンロードしたい場合は、ブラウザごとに実装する必要がある。 以下のブラウザを対象とする。 Chrome Firefox Internet Explorer 11 MS Edge Safari ※ 2016/05/23時点での最新バージョンで動作確認済み ダウンロード処理を実装する // ダウンロードしたいコンテンツ、MIMEType、ファイル名 var content = 'abc'; var mimeType = 'text/plain'; var name = 'test.txt'; // BOMは文字化け対策 var bom = new Uint8Array([0xEF, 0xBB, 0xBF]); var b
JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（後編）。QCon Tokyo 2013
JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（後編）。QCon Tokyo 2013 4月23日に都内で開催されたエンジニア向けのイベント「QCon Tokyo 2013」。基調講演に登壇したのは、JavaScriptの重鎮であるDouglas Crockford氏。「プログラミング・スタイルと私たちの脳」という大胆なタイトルで、JavaScriptプログラミングにおいてバグをどう減らしていくのかについて解説しています。 （この記事は「JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013」の続きです） プログラムが明確に読めなければバグが入り込む JavaScriptの良い部品（Good Pa
JavaScriptの「this」は「4種類」？？ - Qiita
javascriptの「this」は「4種類」？？ この記事ではベースとなる４種類の「this」を紹介します。 実際は４種類ではないのですが、 このベースの４種類を理解できれば他もすぐに理解できます。 thisの４種類のパターン １：メソッド呼び出しパターン ２：関数呼び出しパターン ３：コンストラクタ呼び出しパターン ４：apply,call呼び出しパターン ここで重要なのは「呼び出し元」をみることです。 なぜなら「呼び出し元」に「this」は左右されるからです。 メソッド呼び出しパターン これはもう一番直感的にわかりやすいです。 説明はいらないんじゃないかという感じなのですが、 一応ソースを。。 //メソッド呼び出しパターン var myObject = { value: 10, show: function() { console.log(this.value); } } myObj
クロージャの使用例
今日は、クロージャの使用例を書きます。昔クロージャについて書きましたが、いまいち実際どういう場面で使われるのかイメージできてませんでした。
Eloquent JavaScript
This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy (3rd edition). Written by Marijn Haverbeke. Licensed under a Creative Commons attribution-noncommercial license. All code in this book may also be considered licensed under an MIT license. Illustrations by various artists: Cover by Péchane Sumi-e. Chapter illust
JavaScriptで、メソッドをコールバックとして渡す方法(コールバック関数でthisをbindさせる方法) · DQNEO日記
Home Subscribe var obj = { name : 'pikachu', say : function(){ alert('I am ' + this.name); } } setTimeout(obj.say, 1000); // => 'I am'とだけ表示される。 これは期待通りに動いてくれません。 コールバックとしてメソッドを渡した場合、それはオブジェクトと切り離された単なる関数(メソッドではない)となってしまうのです。 つまり下記と等価なのです。 setTimeout( function(){alert('I am ' + this.name);} , 1000); 関数がオブジェクトと切り離されているため、このthisはグローバルオブジェクト(windowオブジェクト)を指してしまっており、'I am'とだけ表示されます。 ではどうすればよいでしょうか？ bin
JavaScriptで文字コード変換ライブラリ作ってみた
↓動作サンプルを作りました 文字コード変換 動作サンプル Unicode の変換が可能になりました。 文字コード配列から URLエンコード/デコード が可能になりました。 あと説明とサンプルも少し載せました。。(説明不足でごめんなさい) こないだの 「JavaScriptだけでzipファイルの解凍 - Unzipper.js」が SJIS ファイルとかだと表示で文字化けするので、ついつい。。 動作確認は、zip ファイル解凍のデモページでわかると思います。 zip の中に SJIS や EUC-JP のファイル (ファイル名) がある場合でも UTF-8 表示で化けなければ問題なしです。 zip 解凍デモページ ↑のデモページを開いて、デスクトップなどから zip ファイルをドロップすると 解凍して結果のテキストを表示します。 ※ JavaScript だけで動いていて、どっかのサーバなど
JavaScriptのクリックイベントを発火させる方法 - ゆうなんとかさんの雑記帳的な。
最近噂のCookieClickerというゲームがあります。 Cookie Clicker ゲーム内容はクッキーをクリックしたりクッキーを消費して様々なユニットやアップグレードアイテムを購入したりして、ひたすらクッキーを生産し続けるというゲームなのかもはやよくわからないゲームです。 ここ数日急用があったので放置気味でしたが、今のところ始めて3日で、1秒間につき地球上のすべての人にあまねく10枚ずつ以上クッキーを渡せる程度の生産量になりました。通な言い方をすれば約82GCpS*1です。やりこんでいる人は数PCpSを軽く超える生産量だそうです。桁の吹っ飛び具合が人気の秘訣なのでしょうか。 でこのゲーム、実はHTML5でできてるんですよね。しかも、「自動クリック程度はチートじゃないからやってもいいらしい*2」とのこと。ということなので、プログラマーの端くれとしては自動クリックくらいはやってみたいも
JavaScript Reference - MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
JavaScript の this を理解する - tacamy--blog
this はインスタンス自身を指す、ただそれだけの話でしょう？ そんなふうに考えていた時期が私にもありました。そう、JavaScript の this に出会うまでは・・。 用語について 私は Java 脳で書いてるので、言葉遣いが JavaScript と若干違う部分があると思います。 下記のようなイメージで言葉を使っています。 用語 意味 クラス インスタンスオブジェクトの元となる設計図 コンストラクタ クラスのコード部分で、new したときにコンストラクタの内容で初期化する インスタンス クラスを元に実体化したオブジェクト メンバ変数 クラスやインスタンスに属するローカル変数 メソッド クラスやインスタンスに属する命令（関数） オブジェクト指向とプロトタイプと this JavaScript のオブジェクト指向開発では、元になるクラスを new することで、インスタンスを生成します。
javascript DOMの基本操作まとめ
javascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。 ここではDOMの操作とイベント処理をまとめてみます。これが出来るようになると、Web上でインタラクティブな要素を盛り込むことができるようになります。 javascriptの基本 DOM操作 まずはiavascriptのDOM操作から。ここで使うHTMLはこちらです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>javascriptの練習</title> </head> <body> <div id="main" style="border:1px solid #555;width:400px
とほほのJavaScriptリファレンス - とほほのWWW入門
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>～</script>
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
ExtJSでファイルのダウンロードをするには、Ext.form.FormPanelのsubmitで通常のHTMLのsubmitを利用してサーバ側にリクエストを投げていた。以下のように。 - ありの日記
var conditions = new Ext.form.FormPanel( { title : '抽出条件', defaults : { border : false }, bodyStyle : 'padding:5px', onSubmit : Ext.emptyFn, submit : function() { this.getForm().getEl().dom.action = '/customer/csv_output'; // CSVを返すサーバ側のURL this.getForm().getEl().dom.submit(); // HTMLのDom要素を取得しformのサブミットを行う }, items: [] // 省略 }); conditions.submit(); こうすることで「conditions」フォームの内容が普通にサブミットされて、ブラウザのダウン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptによるオブジェクト指向プログラミング一覧
JavaScriptのイロハ：特集 - builder by ZDNet Japan
jsでformを作ってsubmitさせる時の注意点 - Qiita
