JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to
JavaScriptでローカル画像を表示する方法
2017/06/22 ファイルをアップロードする前のプレビュー表示など、ユーザーがサーバーにアップロードしなくても画像をウェブページ上に表示する方法です。データURI形式で表示する方法と、Blob URLで表示する方法の2種類があります。 サンプルコードBlob URL、またはData URIを取得し、それをそのままimg要素のsrc属性に指定すれば表示できます。 <input id="target" type="file" multiple> Blob URL document.getElementById( "target" ).addEventListener( "change", function() { var fileList = this.files ; for( var i=0,l=fileList.length; l>i; i++ ) { var blobUrl = wi
キャンペーンサイトに使える！スマフォを振る動作と連動させる方法 ｜ iPhoneデザインボックス
スマートフォン端末の特徴を取り入れる ２０１３年のお正月企画でWeb制作会社さんが面白いサイトを公開していました。スマフォの特長を活かす！振ったり、縦横で切り替えるスマートフォンサイトでも紹介させていただきましたが、今年はスマートフォン端末の特徴を活かしたサイトやPCと連動した企画が目立ちました。 スマートフォン端末を振る動作と連動させる方法が知りたかったので、面白法人カヤックさんのお年賀プロジェクト2013のソース（kozuchi.js）を勉強させていただきました。 ありがとうございます。 » スマフォを振ると感知するデモはこちら 加速度センサーを使って動作を感知する スマートフォン端末を振る動作を取得するには、加速度センサーを使います。取得の仕方は、傾けた際に発生するdevicemotionイベントとaccelerationIncludingGravityオブジェクトを使います。 iP
スマートフォンはセンサーの塊！ たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
意外？ @propertyがCSSアニメーションを激変させる理由 2024年12月19日公開西原 翼♥ 28
Google Maps JavaScript APIの使い方まとめ
公開日: 2015/09/01 | 更新日: 2017/07/05 Googleが提供する、Google Maps JavaScript APIを利用して、ウェブページに地図を表示させる方法を説明します。通常の埋め込み型の地図とは違い、コントローラの調整、マーカーや吹き出しを配置したりなど、機能が満載です。 Google Maps JavaScript API V3 ReferenceGoogle Maps JavaScript API V3 ReferenceGoogle Maps JavaScript APIの公式リファレンスです。全てのメソッド、オプションなどについての解説が掲載されています。準備 (APIキーの取得)Google Maps JavaScript APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用
Google CalendarをJavaScriptで操作する(基本処理) | Try Lifelog
前記事で準備が完了したので、’Google APIs Client Library for JavaScript’を使ってGoogle Calendarにアクセスしてみる。操作方法はGoogleの他のライブラリ(例えばGoogle+)と同じで、認証やメソッドの呼び出しなどは流用/共通化できる。 JavaScriptライブラリ自体のドキュメントは、固有の機能(ライブラリ自身のロードや認証)のみなので、個々のメソッドについては各ライブラリのドキュメントを参照する。 ・リファレンスはこちら。 ・参考になるページはこちら。 認証する サンプルとして挙がっている流れは以下。 [HTML] (0)Google側が提供する認証ページへの誘導ボタン(リンク)をHTMLで用意しておく [JavaScript] (1)’Client ID’と’API Key’を使って認証済かを確認する (gapi.auth.
YouTube Player API Reference for iframe Embeds | YouTube IFrame Player API | Google for Developers
Stay organized with collections Save and categorize content based on your preferences. The IFrame player API lets you embed a YouTube video player on your website and control the player using JavaScript. Using the API's JavaScript functions, you can queue videos for playback; play, pause, or stop those videos; adjust the player volume; or retrieve information about the video being played. You can
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブアプリケーションからのファイルの使用 - Web API | MDN
WP飽きるまで。 - 東京都江戸川区でvue,WP,PHP,HTML,CSS,JSを使って管理画面を作る系フロントエンド人の技術系メディア