ふじこのプログラミング奮闘記
どうもお久しぶりです（ｏ・ω・ｏ） 年が暮れる前に一本書いて置こうかなーなんて。 最近はiPad、iPhone、Androidなどいろいろやって、結構ネタも溜まっているんですが、 師走の忙しい時期なので簡単に 書ける 読める内容でお送りします！ ちなみに年が明けたらFacebookページを作るので、休み中に勉強します（ｐ´д｀ｑ）ｫｩｨｪｰ さて、相変わらずのJavaScriptなんですが、再帰関数の書き方が他の言語と違うなーと思ったので紹介します。 再帰関数は、あれですよね、繰り返し実行される関数です。 5の階乗（5! = 5 * 4 * 3 * 2 * 1）なんかを計算するときに使ったりしますが、 今回は説明のために、総和（5 + 4 + 3 + 2 + 1）の再帰関数を作成してみました。 階乗だと結果が大きくなって答え合わせが大変なので。笑 実は、再帰関数を使わなくても階乗計算はでき
ブログ記事のコピーと右クリック禁止でパクリ転載防止する方法
右クリック禁止とコピー禁止のCSSを紹介します。これでブログの記事をパクられた。画像を勝手に利用された、というのが多少防げる。頑張って書いた記事や画像がパクられたくないって人は参考までにどうぞ。抜け道は多いので本当に多少レベル CSSでテキストのマウスドラッグでの選択とコピー禁止 CSSのエリアに以下内容を記述することで、テキスト選択とマウスのドラッグを禁止してコピーを防止することが出来ます。 body{ user-select:none; -moz-user-select:none; -webkit-user-select:none; -webkit-user-drag:none; -khtml-user-select:none; -khtml-user-drag:none; } これはFirefoxとsafariとGoogleChromeで有効で、あの憎きIEには通用しないので別の対処
Apple Music、海外は3000万曲で日本はたったの数百万曲に？いやそうではない
ブログメディア「携帯総合研究所」を運営しています。学生時代に開設して今年が16年目。スマートフォンの気になる最新情報をいち早くお届けします。各キャリア・各メーカーの発表会に参加し、取材も行います。SEの経験を活かして料金シミュレーターも開発しています。 WWDC 2015でアップルが発表した定額制の音楽配信サービス「Apple Music」。 定額制の音楽配信サービスは「ようやく日本にも！」と言われながらも、なかなか始まることはなく海外に大きな遅れを取っていたわけですが、2015年に入ってからサイバーエージェントの「AWA」、LINEの「LINE MUSIC」がサービスを開始するなど大きな話題になっています。 で、AWAやLINE MUSICが提供する楽曲数はいずれも数百万程度で、2015年内に500万曲に増やすと発表しているわけですが、Apple Musicは世界中でサービスを展開すると
IEだけに適用されるHTML「条件付きコメント」の使い方
こんにちは、さち です。 ウェブサイト制作の経験がある人には有名な話なんですが 古いバージョンの Internet Explorer（以下：IE） は ウェブサイトの表示で 特殊な挙動，未実装の問題 があり サイトを作る時に、別途 IE 対策が必要です。 そこで今回は IE だけに適用される HTML を記述できる 「条件付きコメント」の使い方についてまとめていきます。 「条件付きコメント」とは？ 「条件付きコメント」は IE だけが解釈できる HTML コードです。 構造は下記のようになっています。 <!--[if IE 7]> 適用するHTMLコード <![endif]--> 最初に、<!--[if IE 7]> で適用する IE のバージョンを指定。 例では、[if IE 7] なので 閲覧者のブラウザが IE7 の場合に適用します。 次に、適用内容を HTML 形式で記述。 最後に
【HTML】条件付きコメントでIEとそれ以外のブラウザでの処理を分岐する方法 ｜ KLUTCHE
あなたのブラウザはIEではないですね！ 今このサイトを閲覧しているブラウザがIEか否かによって上の文章と写真が変わるはずです。 わかりやすいように IEの場合は重力式コンクリートダム IE以外はアーチ式コンクリートダム の画像を表示します。 HTMLはこんな感じになっています。 <!--[if !IE]><!--> <img src="arch.jpg" alt="アーチ式ダム" width="400" height="200" /> あなたのブラウザはIEではないですね！<br /> <!--<![endif]--> <!--[if IE]> <img src="gravity.jpg" alt="重力式ダム" width="400" height="200" /> あなたのブラウザはIEですね！<br /> <![endif]--> コメント内の[if !IE]で、IEかどうかの判別を
CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう–ICS LAB
HTML5 Canvasのフレームワーク「CreateJS」(基本的な使い方は入門サイトをご覧ください）について、2015年2月10日に開催されたCreateJS勉強会 (第5回) でライトニングトーク「CreateJSとNode.jsを使ってサーバーでCanvas要素を使おう」を発表しました。今回はそのスライドを元に、サーバーサイドでCreateJSを使うメリットを紹介します。 デモ 今回紹介するnode-easelを使ったデモです。スマホ画面にTwitterのアイコンが、PC画面には白い矩形が表示されています。スマホで選んだTwitterのユーザーのアイコンがPC側でアニメーションします。画像加工はサーバーサイドで動くCreateJSを使って行われています。 Section1. Node.jsとモジュールについて Node.jsはブラウザではなくサーバーサイドで動くJavaScript
[jQuery] [HTML] えっ！？ <script>にも読み込み順序とかあんの？ - Qiita
今日jQueryを初めた人の記事です。 あしからず。。。 ##経緯 最近Webアプリケーションの構築にドハマりしていて、JSONを返すだけの面白くないAPIづくりは一旦おいておいて、インターフェイス作りもやろうということでHTML + CSSを猛勉強している次第です。 いや、別に仕事で使うとかじゃなくて、趣味でなんですけどね。 Node.jsは使っている人なので、Javascriptはあらかたわかっているのですが、今日からみんな大好きjQueryを使いはじめることにしました。 で、いきなり3行しかないjavascriptのコードにハマりまくりました、ええ、それはもう盛大に。 ##問題のコード 今までバリデーションは全てPHPでやってエラーを返していましたが、そりゃ画面側でリアルタイムにやれるならやりたいということでPOST前検診（変な言い方・・・）をjavascriptさんに担当してもらお
![[jQuery] [HTML] えっ！？ <script>にも読み込み順序とかあんの？ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/331d605db42fa2758f826ad1b02c77d138756b07/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNzM3OTElMkZwcm9maWxlLWltYWdlcyUyRjE2MDg4MTQxMDM_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9OTI4YTZjMjYzMDU1MDdmZDJkNWZlN2EzNjQ3Y2Y3ZDc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db86d69cefa171a20e87a309359fd6f9c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCalF1ZXJ5JTVEJTIwJTVCSFRNTCU1RCUyMCVFMyU4MSU4OCVFMyU4MSVBMyVFRiVCQyU4MSVFRiVCQyU5RiUyMCUzQ3NjcmlwdCUzRSVFMyU4MSVBQiVFMyU4MiU4MiVFOCVBQSVBRCVFMyU4MSVCRiVFOCVCRSVCQyVFMyU4MSVCRiVFOSVBMCU4NiVFNSVCQSU4RiVFMyU4MSVBOCVFMyU4MSU4QiVFMyU4MSU4MiVFMyU4MiU5MyVFMyU4MSVBRSVFRiVCQyU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTJiZmU3ZDg5ZTRkMTEwOTA3NTEzN2E2YjZjYjYyMDk3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBva2tuJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZDRjZDE5ZjRhZTQ4YjQzMjJjNmZhNThmYWMwMTlhNDY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D86101d25ba95e7515f19957b8d40cb93)
なんだかんだで SPA から jQuery に戻った話 - ボクココ
最近は SPA とか React といった話題が尽きないが、自分は結局 フロントエンド JavaScript は jQuery が最もいいと感じている。それはそれら SPA の JavaScript をいじった経験を踏まえての感想。 理由としては、「 やりたいことができにくい 」これに尽きる。 最新を追うということ 自分が最初にSPAを触ったのは AngularJS だった。なるほど、この ng-repeat や $route, $scope などを使えば、今までサーバサイドでやってたようなレンダリングが表側で制御できるようになる！と感動したものだった。この気持ち良さはきっとサーバーサイドでごにょごにょやっていた経験のある人ならなおさら感動するものだ。 さて、じゃあといって「次作るのは SPA のサービスにしよう！」と意気込んで初めて見たとする。それで作っただけで話題になるし、エンジニアと
JavaScript を PNG に圧縮する | Yomotsu net
JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。
JavaScriptでHtmlのtable要素をCSVに変換する
Total: 25780, Today: 4, Yesterday: 1 Posted by aterai at 2012-07-25 Last-modified: 2019-03-12 18:18 概要 Htmlの<table>要素をCSV(character-separated values)に変換するBookmarkletです。colspan、rowspanで結合するセルがある場合は、同文字列を挿入しています。 区切り文字はタブ(TSV) ブックマークレットなどに登録して表(<table>要素)のあるページで実行 <table>要素をダブルクリックすると、その内容をCSVに変換して<textarea>に文字列として挿入 子要素に<table>が存在する場合は、ダブルクリックに反応しない <table role="presentation">や<table border="0">のよう
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
[jQUery] IE対策のためajaxでのキャッシュの無効化 ｜ 日々の覚書…日常のことも少しだけ
スポンサードリンク jQuery $.ajaxの動作で 指定したurlのデータが更新されていても 内容が変わらないという事がありました。 どうもIEのみの話みたいです。 なので、対処としてキャッシュを無効化にしました。 スポンサードリンク ajaxを使う前にキャッシュを無効化 Google先生に聞いたところ 結構同じことで詰まっている人が多かったので 対処方法がいっぱいありました。 // $.ajaxを呼び出す前に記述 $.ajaxSetup({ cache: false, }); 上記のように書くとキャッシュを無効化してくれるようです。 どうも、IEは一度ファイルを読み込んだあと キャッシュを読みに行くようです。 FirefoxやChromeは問題ないようなんですね～ とりあえず、上記のキャッシュ無効化で対応しました。 スポンサードリンク
![[jQUery] IE対策のためajaxでのキャッシュの無効化 ｜ 日々の覚書…日常のことも少しだけ](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb4c84dcfb5f07365d1b6ae7e84fdcceb1f686cf/height=288;version=1;width=512/https%3A%2F%2Fwww.tailtension.com%2Fwp-content%2Fuploads%2F2013%2F07%2Fjquery.png)
javascript - JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか？ - スタック・オーバーフロー
contentをfileNameでダンロードしたい場合の実装 contentは生の文字列 var downloadAsFile = function(fileName, content) { var blob = new Blob([content]); var url = window.URL || window.webkitURL; var blobURL = url.createObjectURL(blob); var a = document.createElement('a'); a.download = fileName; a.href = blobURL; a.click(); }; コレでも可 var downloadAsFile = function(fileName, content) { var a = document.createElement('a'); a.d
applican/アプリカン
周囲にあるアクセスポイントのSSID一覧や、現在接続中のSSIDを取得するにはJavascriptを記述します。 周囲にあるアクセスポイントのSSID一覧を取得（Androidのみ） applican.wifi.getSSIDList(getSSIDList_Success, getSSIDList_Error); function getSSIDList_Success(result){ var dump = ""; var cnt = result.length; for(var i=0; i<cnt; i++){ dump += result[i] +"\n"; } alert(dump); } function getSSIDList_Error(err){ alert(err.code); } 解説 applican.wifi.getSSIDList([成功時のコールバック],
JavaScriptでPHPのexplodeやimplodeみたいなことをする | NeGiMeMo.net
bell賞味期限切れコンテンツ この記事は公開または最終更新から1062日くらい経過しています。 このメッセージが表示されている記事（特にプログラミング系）は情報が古くなっている可能性があるので注意して下さい。 たまにjQueryをがっつり書く時とかで、配列操作をしたい場合に explode とか implode とかやるほうほうは無いのかな？と思い調べてみたところ、ありました。 PHPでいう implode() をやりたい場合は、 join() 関数でできます。 var makers = ['Toyota','Nissan','Honda']; var maker = makers.join(); console.log('maker'); ↓↓↓ Toyota,Nissan,Honda
文字列を連結する
算術演算子の一つである加算演算子(+)は 2 つの値がともに数値の場合には数値の加算として使用されますが、 1 つまたは 2 つがの値が文字列の場合には文字列の連結として使用されます。 次のサンプルをみてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
白い炎 歌詞 斉藤由貴 ※ Mojim.com
JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita
配列の最後に要素を追加する [Java Script - (push) - 配列 - Tips]
文字列をJavaScriptで書き出すときに、改行したい | プログラミング☆手帳
