30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Effective ES6
The document discusses the features and improvements introduced in ECMAScript 6 (ES6), emphasizing modern syntax, better support for applications, and the deprecation of outdated best practices. It highlights key features such as classes, arrow functions, modules, and block scope, as well as important considerations regarding compatibility and the use of transpilers like Babel for ES5 compatibilit
AJAX File Uploads with the iFrame Method - Alfa Jango Blog
AJAX file uploads, how do they work?! Well, they kinda don't. Browsers don't allow file uploads via XMLHttpRequest (aka XHR) for security reasons. If we try to submit a form remotely via XHR, it will work, except with the file field stripped out of the request parameters. This sort of partial, silent failure can lead to unicorn black-eyes. (I punch unicorns in the face when I'm frustrated.) This i
JavaScript/jQuery を使ったブラウザ判定 | Web Design Leaves
「UserAgent での判定」、「サポートしている機能での判定」、「使いたい機能が機能するかでの判定」などがあるので用途に合わせて利用。 UserAgent での判定 UserAgent の文字列からブラウザを判定する方法。バージョンが新しくなったりすると UserAgent の値も変更されるようでこれがどのぐらい使えるかは不明（確実性に疑問）。 UserAgent と そのバージョン等は以下で取得できる。 //ユーザエージェント var userAgent = window.navigator.userAgent; //バージョン var appVersion = window.navigator.appVersion; //名前 var appName = window.navigator.appName; //プラットフォームのタイプ var platform = window.n
スムーススクロールを実装する方法(ページ内をゆっくり移動)
JavaScriptだけでページ内をゆっくりと移動する、スムーススクロールを実装する方法を説明します。jQuery不要です。
AjaxでFormDataを使ってファイルアップロードする | GNJYOブログ
Ajaxを利用してファイルアップロードする。 今回はFormDataを利用してファイルをアップロードする。 FormData は XMLHttpRequest Level 2 でサポートされたもので、Ajaxでの値の送信をより簡単な物にしてくれる。 FormDataの使い方 FormDataの使い方は簡単で、new して append するだけ。 値をappendした FormData オブジェクトは、ajaxのdataにセットするだけ。 [gist id=7837870] FormDataについては以下を参照 FormData – Web API リファレンス | MDN FormData オブジェクトの利用 – Web developer guide | MDN FormData でファイルの送信をする FormData は、Ajaxを使ったファイルアップロードも簡単に書ける。 こんな
JavaScriptでuserAgentよるブラウザ判定（IE, iPad, iPhone, iPod, Chrome, Firefox, etc…） | みやなび
JavaScriptでuserAgentよるブラウザ判定のコードを書いてみました。多分こんなもんじゃないのかな・・・、iPhone回りが未検証。IEとiPhoneのバージョン別分岐はやっぱり必須になってきます。 対応ブラウザ IE6 -> 10 iPhone iOS 2 or higher iPad iPod Android Chrome Firefox Safari Opera サンプルコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="referrer" content="origin"> <title>JavaScript</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></s
「for やめろ」またはイベントループと nextTick() - Block Rockin’ Codes
ものすごく遅レスですが、LLDiver で @esehara さんの LT であった話。 forやめろ、あるいは「繰り返し」という呪縛から逃れるために 簡単に言うと、 1~10 までを出力する方法を複数考えるというもの。 for, while, 再帰, goto etc.. と出て、途中で終わっちゃったので結論はよくわかりませんでしたが、 Node ではどれも使わずにできるな、と思ったのでちょっと例を出してみます。 ちなみに、タイトルでネタバレしている通りイベントループの話です。 そしてよくある「イベントループとは何か」「なぜ止めてはいけないのか」「process.nextTick() とは何か」「setImmediate() と何が違うのか」 などを解説する良い例だったので、書いてるうちに実はそっちがメインの解説となりました。 サンプルの実行結果は Node v0.11.13 です。(書
タッチデバイスを指で快適に操作させるために
タッチデバイスのUIの特徴とその癖から、HTML5のWebアプリでUXを実現するポイント、Webでのタッチイベント仕様を見てみよう。 前編のタッチUXを実現する7つのポイントでは、タッチデバイスの特徴と、その上でタッチUXを実現する7つのポイントについて説明しました。後編では、そのようなUXを実現するためにWebアプリでのタッチ仕様や、実装のポイント、今後の動向など、より技術的な面から解説します。 W3Cによるタッチイベントの標準化 Webアプリケーション向けのタッチイベント仕様はW3Cによって標準化が進められていて、執筆時（2012/10/20 現在）の段階で、勧告候補となっています（最新のものはW3Cの明示する「Touch Events version 1」を確認してください）。まだ仕様は確定していませんが、最新のiOS、Androidのブラウザでほぼ仕様通りのものが使用できます。タッ
さくっとas3でjavascriptと連携させる実験をしてみました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも。CTOのづやです。 actionscriptでjavascriptと連携ってどうやるのだろうと思って、ちょっと調べて試してみた。 まず、テスト用に適当なswfを作成。 import flash.text.TextField; // テキストフィールドオブジェクトを作成する var test_text:TextField = new TextField(); // 枠線を表示する test_text.border = true; // 幅と高さを適当に設定 test_text.width = stage.stageWidth / 2; test_text.height = 30; test_text.x = 20; test_text.y = 20; test_text.text = "初期表示時の文字列"; // ステージの表示リストに登録する stage.addChild(tes
Actionscript3.0 と Javascript の連携 ExternalInterface の個人的まとめ。 | Vitalify Inc. staffblog
投稿ナビゲーション ← 前へ 次へ → Actionscript3.0 と Javascript の連携 ExternalInterface の個人的まとめ。 お久しぶりです、幸脇です。 生きてます。 娘がかわいいです。 最近はJavascriptの案件ばかりですが、 Flash案件もまだまだやってます。 そんなFlashですが、 JSONの取り扱いなどはJavascriptのほうがやっぱり楽だったりして、 今回はActionscript3.0とJavascriptの連携をしたのでその個人的まとめ。 Actionscript3.0とJavascriptの連携を行い場合は、 ASのAPI ExternalInterface を使用します。 ■ActionscriptからJavascriptを呼び出す場合
ローカル環境でFlashからJavaScriptが実行できない場合の対策方法
Flashプラットフォームでは、Flash Player 8 からローカルセキュリティポリシーが変更になり、通常の記述ではswfファイルのActionScriptからJavaScriptの命令を記述しても動かないようにガードされるようになりました。 今回はその問題を解決する方法です。 「こんな環境だと動かない！」という例 1．ローカル環境で実行していること この問題はWEBサーバー上にアップロードしている場合は起こりません。 制作者がサーバーにアップロードする前にローカル環境でWEBページに埋め込まれたswfをテストしている場合に起こります。 2．swf内で外部スクリプトを実行していること たとえば、getURL()などを利用して以下のようにhtmlページ内のJavaScriptを呼び出している場合 getURL("javascript:hoge();"); このような状態でhtml側のJ
TypeScript触ってみた感想 - yutaponのブログ
TypeScriptリファレンスを買って、4章まで読んだのでその感想を。 大雑把な感想としては、勉強しておいて損はない言語、といったところです。 ちなみに章構成はこんな感じです。 概要 開発環境の構築 TypeScript & JavaScript基本文法 基礎知識 必要とされるJavaScript知識 応用知識 開発支援ツール 開発サンプル TypeScriptリファレンス Ver.1.0対応 作者: わかめまさひろ,井上章,丸山弘詩出版社/メーカー: インプレスジャパン発売日: 2014/05/16メディア: 単行本（ソフトカバー）この商品を含むブログ (1件) を見る TypeScriptの特徴 TypeScriptはAltJSのうちの一つってくらいの予備知識で読み始めたので、1章は多くの学びがありました。 TypeScriptはJavaScriptのスーパーセット TypeScri
そのコード、本当にjQueryが必要ですか？ネイティブ関数の代替Tips集 | ゆっくりと…
sitepoint から「本当にjQueryが必要ですか？」とタイトルのついた3本の記事を紹介します。 Do You Really Need jQuery? Native JavaScript Equivalents of jQuery Methods: the DOM and Forms Native JavaScript Equivalents of jQuery Methods: Events, Ajax and Utilities 言うまでもなく著者の Craig Buckler さん の趣旨は、「jQueryを使うのは止めよう」ではありません。ネイティブ関数で代替えできるのは、古い IE のサポートが必要なく、ごく簡単なケースに限られます。その代わりに得るものは「速さ」です。そこで、どの程度「速い」のかを所々 jsperf の結果で補ってみたいと思います。 また JavaScri
モダンな言語でHTML5を開発しよう！ 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
※いずれの言語もマルチプラットフォームであり、Windows, Mac OS Xともにどちらでも利用することができます。 比較対象のサンプル サンプルとしてシンプルなスライドショーのWebコンテンツを用意しています。それぞれの言語でどのように記述して実装するのか、また生成されたJavaScriptがどのようなものであるか確認していきましょう。このサンプルでは言語の特性を紹介するために、実用的な要素として「クラス構造の利用」「既存JSライブラリの利用」「ユーザー操作」を含めています。 デモを開く 「Change Photo」ボタンをクリックすると写真が切り替わります。CSS3の3D TransformsをjQueryを用いて制御します（確認の際には、CSS3の3D Transformsが利用できるブラウザをご利用下さい） 概要 TypeScriptはマイクロソフトが開発するオープンソースの言
Date/Timestamp変換のまとめ - Y's note
2013/07/17追記 @yutakikuchi_です。 ※本記事の内容より詳しいものを書きました。 誰もが一度は陥る日付処理。各種プログラミング言語におけるDateTime型/TimeStamp型の変換方法のまとめ - Yuta.Kikuchiの日記 概要 Mysqlからアプリケーションで日付情報を引くときDate型<=>Timestamp型の変換を行う事がしばしばある。 今日はPHP/Python/JavascriptのDate/Timestampの型変換についてまとめる。 Javascriptの例ではSpiderMonkeyを利用している。 Date型の日付を出力する php <?php //現在時刻をDate型で出力 //date関数を使う場合 echo date("Y-m-d H:i:s") . "\n"; //結果 2011-10-14 00:00:00 //strftime
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
巨大な bookmarklet を信頼できる形で配布する方法 - kazuhoのメモ置き場
Twitter で聞いてみたところ @hasegawayosuke さんいわく、Bookmarklet の文字数制限は最短だと約2,000文字らしいです。 でも、その長さで bookmarklet を書くのって難しいですよね。かといって、別のサーバから JavaScript をダウンロードして実行するとなると、そのダウンロードされたスクリプトが安全か、という問題が出てきます。 ならば、暗号学的ハッシュ関数を2,000文字以下で実装し、ダウンロードしたスクリプトの改ざん検証を行った上で実行すればいいのではないか。そうすれば、文字数の制限に悩むことなく Bookmarklet の開発に勤しめるのではないでしょうか。 ジャジャーン！というわけで、とても短い SHA-1 の JavaScript 実装を作りました*1。 GitHub - kazuho/sha1.min.js: SHA-1 impl
Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開
Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでスクロールを一時的に止める
