キンドル電子書籍をサイトに埋め込む方法：How to Embed Kindle eBooks
Amazon lets you embed few sample chapters from the book while in the case of Google Books, you can embed the entire e-book provided it is in public domain or free. - How to Embed Kindle eBooks in your Website - Digital Inspiration キンドル電子書籍はサイトにサンプルを埋め込むことができる。コードはJavascriptとiframeの2通り。幅（width）と高さ（height）は好みで調整してね。 Javascript <div id='Kindle-Reader'></div> <script type='text/javascript' src='http:
Kindle本のサンプルデータをブラウザで閲覧するための新ブックマークレット - 忌川タツヤのブログ
2014-06-19 Kindle本のサンプルデータをブラウザで閲覧するための新ブックマークレット 電子書籍ネタ 結論 ブックマークレットを理解している人は、これをどうぞ。 Kindleサンプル閲覧 ブラウザのブックマークバーに、チャゲ＆アスカ……じゃなくて、ドラッグ＆ドロップして登録する。 以下は、ブックマークレットを初めて使う人に向けての解説。 たとえば All You Need Is Kill (集英社スーパーダッシュ文庫) → サンプル版の直リンク kindleweb.s3.amazonaws.com/content/B00C7PU87G/gz_sample.html ブラック・ジャック 1 → サンプル版の直リンク http://kindleweb.s3.amazonaws.com/content/B00JPXE8T2/gz_sample.html 週刊少年ジャンプ 2014年2
[JavaScript] 配列(Array)の合計値, 平均値, 中央値をモダンに求める - Qiita
よかったらこっちで見てください -> http://phiary.me/javascript-array-sum-average-median モダンといっても ECMAScript 5 から追加されたメソッドを使ってるってだけです... サンプルはこちら. 合計値を求める イケてない実装 普通に for 文回す. var sum = function(arr) { var sum = 0; for (var i=0,len=arr.length; i<len; ++i) { sum += arr[i]; }; return sum; }; var arr = [1, 2, 3, 4, 5]; console.log( sum(arr) ); // 15
![[JavaScript] 配列(Array)の合計値, 平均値, 中央値をモダンに求める - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7e67d6165f3bde60b33775f1a0ef409b5ff3721/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFOSU4NSU4RCVFNSU4OCU5NyUyOEFycmF5JTI5JUUzJTgxJUFFJUU1JTkwJTg4JUU4JUE4JTg4JUU1JTgwJUE0JTJDJTIwJUU1JUI5JUIzJUU1JTlEJTg3JUU1JTgwJUE0JTJDJTIwJUU0JUI4JUFEJUU1JUE0JUFFJUU1JTgwJUE0JUUzJTgyJTkyJUUzJTgzJUEyJUUzJTgzJTgwJUUzJTgzJUIzJUUzJTgxJUFCJUU2JUIxJTgyJUUzJTgyJTgxJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xZWYxZjY2ZGU1YzE2NGJiYTM1NTdlNmY2YzRiNmUzMA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTViZWQxYTFhYjlkZGQxZTYyY2NhZTY4N2QwNjIzZTFj%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da4c8dc4813520e7681b320119c521e31)
Ring
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
iScroll4でネイティブに近いスマホ向けHTMLページを作成する
こんにちは。松田です。 スマホ向けにネイティブに近い動作をするHTMLページを作成しようとした時、必ずぶつかるのがヘッダーの動作の扱いです。 特にiOS向けに処理を書く場合、iOS5では実装されているposition:fixed;がiOS4では動作しないため、iOS4でCSSのみでヘッダーを固定することが難しくなっています。 そんな時につかえるのがiScroll4です。iScrollではJavaScriptの動作によりヘッダーの固定を行う処理が行われます。 http://cubiq.org/iscroll-4 上記のサイトからDOWNLOADボタンを押すとtar.gz形式のファイルがダウンロードされます。 examplesディレクトリにたくさんサンプルが入っているので見てみると良いかもしれません。 特に使えそうなのが、lite、pull-to-refresh、carousel、あたりです。
safari4 betaで実装されたCSS Animationを使ってみました。
こんにちは。橋本です。 さて、今日は先日公開されたsafari4 betaで実装されたCSS Animationを使ってみたいと思います。（今回のサンプルはsafari4 beta、もしくはwebkitのnightlyビルドを使ってご覧ください） CSS Animationとは何かと言いますと、文字通りCSSを使ってAnimation効果を表現する技術です。 まずこちらをご覧ください。 Falling Leaves ‘Using CSS Animations and Transforms これはwebkitの公式blogで紹介されていたサンプルなんですが、この美しく舞う落葉のアニメーション効果は全てCSSで定義されています。 では実際にどのようにアニメーション効果を定義するかを見ていきたいと思います。 まず、以下のように、キーフレームを定義します。 キーフレームの定義は、「@-webkit
jQuery $.ajaxでJSON・JSONP読み込みに使用する主なオプション
はじめに 簡単にJSONまたはJSONPを読み込みたい場合は以前の記事を参照。 1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法 type 主にGETかPOSTを指定。受け取るときはGET、送信するときはPOST。 url 読み込み先または送信先のURLを指定。例えばJSONを読み込みたいときは以下のようになる。 $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json' }); $.ajaxのurlオプションを使用したサンプル cache キャッシュの有無をtrueかfalseで指定。注意しなければいけないのはJSONの場合はデフォルトでcache:true、JSONPの場合はcache:falseとなっている点だ。つまりJSONをキャッシュをしたくない場合はcache:falseを指定しなければならな
いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
jQueryメモ：クリックしたのは何番目の要素？
クリックした要素、例えばリストなんかで、そのクリックした要素がリスト中の何番目なのかというのを取得する方法、以前は普通に使っていたような気がするのですが、ここ最近思い出せない。検索してもなかなかでてこなかったりして悩んだのですが、普通にリファレンスに書いてあるじゃーんってのに遅いですが気づいたのでメモエントリー。 何番目の要素か 何番目の要素なのかを調べるには、jQueryのindex()を使う。 ■サンプルHTML <div id="test0"> <ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> <li>リスト４</li> <li>リスト５</li> <li>リスト６</li> </ul> <p>クリックした要素は<span>？</span>番目です</p> </div> リストをクリックした際に「？」の部分が変わる。クリックした要素が何番目
常にインフォウィンドウを1つだけ表示する方法／Google Maps JavaScript API V3 | WordPressにGoogle Maps API V3！
◆インフォウィンドウを1つだけ表示する方法 Google Maps API ｖ3で気がついたのがインフォウィンドウの開き方。一度クリックファンクションであるマーカーのインフォウィンドウを開くと、次のアイコンをクリックしてもそのまま残ってしまう。 XMLファイルを読み込んで表示する練習をしていた時は、気づかなかった。何故かって、インフォウィンドウが常に一つだから。 別のXMLファイルに記述したデータ読み込み 700マーカー以上を表示させてみた。 しかし、アイコンの種類を変更するサンプルを作成時、次のアイコンをクリックしても前のインフォウィンドウが消えないことに気が付きました。 アイコン（マーカー）の種類を変更するサンプル え～。V3では、わざわざcloseコマンドを使わなければ、インフォウィンフドウを閉じることが出来ないようだ。 良くわからんので、Googleのサンプルを探してたらありました
jQuery UI の Slider による、数値範囲をGUIで設定するスライダー
jQuery UI の Slider プラグインを使い、数値の範囲をGUIで設定するスライダーを作る方法。数値の範囲をGUIで設定するスライダーを作るには、values、min、max、range オプションなどを使う。 実装例（サンプル） 範囲： 実装例（サンプル）について 初期値、最小値、最大値に下の値を設定してある。 初期値： 1001 ～ 3000 最小値： 0 最大値： 10000 実装例（サンプル）の動作について スライダーの2つの四角のハンドルをドラックして、トラック上を移動させることができる。 左のハンドルで、範囲の小さい値の方を指定。右ののハンドルで、範囲の大きい値の方を指定。 トラック上をクリックすると、ハンドルを、その場所へ、移動させることができる。 スライダーに合わせて、「範囲：」の右横の数値が変化する。 実装例（サンプル）のソースコード 読み込み パスは、それぞれ
[PhpStorm/WebStorm]JavaScriptデバッガを使おう！ | バシャログ。
夕食で肉をほとんど食べない代わりにヨーグルトをよく食べているtanakaです。 WebStorm 7 がリリースされましたね。PhpStorm 7もそのうちリリースされると思います。今回はJavaScript開発支援機能の中でも特に重要なJavaScriptデバッガの使い方を紹介します。実は私も今のいままで使ったことがありませんでしたが、これは便利です。 インストール、事前準備 前提として、ブラウザはChromeを使うこととします。 ブラウザ拡張機能 まずは、Chrome拡張機能JetBrains IDE SupportをChromeにインストールしましょう。 ウェブサーバ もし、ウェブサーバが動いてない場合は、PhpStormのビルトインウェブサーバをセットアップします。(これはなくてもデバッガの利用は可能だと思いますが、別ドメインのスクリプト読み込みなどで制限があるようです。)[Php
![[PhpStorm/WebStorm]JavaScriptデバッガを使おう！ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e09ad8f655ea0962c3fc07c12b65c5a618375e0d/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
【jQuery】グラフの描画をやってみた - Asterisk - アスタリスク -
どうも。 今回はプログラムの覚え書きです。ふとグラフの描画ってどうするんだろう？って思ったので。 色々と探して Flotr2 と言うライブラリを使うことにしました。 ライセンスは MIT License のようなので、将来的に何か作って公開することも考えると丁度いいかなと。 ディレクトリ構造 . ├── css │ └── bootstrap.min.css ├── js │ ├── bootstrap.min.js │ ├── flotr2.min.js │ └── jquery-2.0.1.js └── index.html index.html <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="viewpor
Bing Mapsのサンプルコードを使ってみよう！
「Bing Maps」のサンプルコードを使って、HTML5のlocalStorageとgeolocation APIを利用してスマホアプリを作ってみよう 今回紹介するのは、「Bing Maps」のサンプルコードを使って応用方法を知ろうです。Mapといえば、Google Maps、Yahoo! ロコ、Bing Mapsなど、数多くのサービスが存在します。そして上記で紹介したMAPはどれもAPIを用意しています。 MapサービスのAPIを利用することで、自分用のMapアプリも作れます。また、仕組みを知ることで、Webアプリやスマホアプリも作れるでしょう。 これからの時代は、すでにあるものを利用してアプリ開発できる時代です。ぜひ今一度、APIを利用してみましょう！ 前回「Microsoftの地図サービス、Bing Mapsを使おう」の基本編からステップアップしてみましょう。 参考アプリ：Mapを
innerHTML += ... な書き方について - hogehoge @teramako
DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 ツッコミ記事のつもりが、自分がツッコミされることとなり、ダメダメな記事です。それでも良ければお読み下さいｗ // サンプル1: パフォーマンスが悪い var ul = document.querySelector('#output'); for ( var i = 0; i < data.length; i++ ) { ul.innerHTML += ‘<li>’ + data[i] + ‘</li>’; } 上記コードはダメなコードであり、理由は、 li要素をループが回るたびに追
ke-tai.org > Blog Archive > JavaScriptを使ってQRコードを作れる「jQuery.qrcode」
JavaScriptを使ってQRコードを作れる「jQuery.qrcode」 Tweet 2011/4/18 月曜日 matsui Posted in ソフト紹介, 記事紹介・リンク | No Comments » もはやモバイルとは切っても切れない関係となっているQRコードですが、JavaScriptを使ってQRコードを作れるjQueryプラグイン「jQuery.qrcode」というものがあるようです。 ダウンロードはこちらのgithubのサイトから行えます。 → github jeromeetienne / jquery-qrcode [github.com] 簡単な解説はこちらです。 → jquery.qrcode.js – Jerome Etienne [jeromeetienne.github.com] このQRコードは実際に「jQuery.qrcode」を使って表示しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone / Android 向けウェブページでの transform:translate3d 導入 疑問編
[JavaScript] JS で関数を引数オーバーロードできるようにしてみた ※黒魔術 - Qiita![[JavaScript] JS で関数を引数オーバーロードできるようにしてみた ※黒魔術 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8ee82ef2fb9ff33d2d8f07e8a451d9b003c5538/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMEpTJTIwJUUzJTgxJUE3JUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgyJTkyJUU1JUJDJTk1JUU2JTk1JUIwJUUzJTgyJUFBJUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJTIwJUUyJTgwJUJCJUU5JUJCJTkyJUU5JUFEJTk0JUU4JUExJTkzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iN2U0OWY4MDJjNDA3ODE1NTNiMzBjZTc1MjZjNzcyNw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcGhpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNzMyODE2YjRmOTNiOTE5N2U1YjI1NGNlZGNmMGY1OA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D5a27f79f1e9a94cf9014016f7dec8f45)