jQuery：$.ajax()をforで回した時の順番 | ARTICLE | goma
いろんなJS案件に携わって行くと、稀にAjax通信を一度に複数回行う必要がでてくると思います。そういう案件のほとんどは、取ってきたAのデータはエリアAに表示、BはエリアBに表示・・・という感じにデータを入れていかないといけないのですが、Ajax通信はファイルのロード完了状況の関係でデータの返ってくる順番がバラバラで思い通りに扱えない時があると思います。 一つのAjax通信が終わってからもうひとつ読み込めばいいじゃん！って思うのですが、読み込むファイル数が多い場合はファイルの数×ロード時間となってしまい、読み込みに時間がかかってしまいそうなので並列で読み込みをさせようと思います。 ということで今回は、下記条件を満たすコードを紹介します。 一度の動作で複数のデータにAjax通信する返ってきたデータは返却順にかかわらず、それぞれ所定の位置に表示させるデータは並列で読み込む まずは一つのファイルに
phiary
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
ローカル(file:///)上で外部ファイル読み込みのセキュリティ制約を回避するいくつかの方法 - Qiita
Aさん「AjaxでCSVファイルを読み込んで動かすJavaScriptのプログラムを作りました」 Bさん「HTMLファイルをPC上で直接開いても動作しますか？」 上記のような場合、ブラウザのセキュリティ制約によりファイルの読み込みがブロックされてしまい、うまく動かすことができません。 この文書では、上記のような場合にどういう方法を用いればセキュリティ制約を回避できるかの例を紹介します。 ※基本的な対象ブラウザはIE11と2016/12時点のFirefox, Chrome, Edgeです。最後の方の方法は前提条件を満たさない方法になってしまっていますが、参考として記載しています。 読み込む外部ファイルをHTMLと同フォルダか同フォルダの下層に配置(Firefox) + Ajaxに Microsoft.XMLHTTP を使用する (IE) Firefoxでは、外部ファイルをHTMLと同フォルダ
htmlにxmlファイルを読み込ませたい ｜ Tips Note by TAM
新着ニュースの更新などで良く使う、xmlファイルの読み込みを実装しました。 今回はjQueryでhtmlを追加する書き方をしています。 まず、htmlを用意します。 日付とテキストリンクを更新するシンプルな表示です。 <ul class="linkbox-news"> <li> <time>16.01.23</time> <p> <a href="#" taeget="_blank">タイトルやコピーが入ります</a> </p> <li> </ul> jQueryで書き出す部分を削除し、外側のulタグを残します。 <ul class="linkbox-news"></ul> xmlは次のような記述です。 日付、URL、テキストリンクの文言が更新できるように設定しています。 <?xml version="1.0" encoding="utf-8"?> <news> <item> <time>
ローカルで jQuery の Ajax を動作させたいが IE11 で動かない時にこうする - Corredor
jQuery ポケットリファレンス (POCKET REFERENCE) 作者: 鶴田展之出版社/メーカー: 技術評論社発売日: 2010/06/18メディア: 単行本（ソフトカバー）購入: 2人 クリック: 74回この商品を含むブログ (6件) を見る ローカルに置いてある HTML ファイルから jQuery を使って、load とか get とか getJSON とかしたかったのだけど、どうもローカルファイルからだと XMLHttpRequest が使えないらしく、動作しなかった。 参考：【解説付き】chromeでXMLHttpRequestをローカルのファイルで行う方法 - Qiita 調べてみたところ、IE10 エミュレートで動かすと上手くいったが、Edge で動かしたいよねぇ…。 IE・Chrome・Aptana−IE11/ChromeはローカルでjQueryのload()が動
猫科研究所 - Mark of the Web
WindowsXP SP2あたりからだったか、Internet Explorerでスクリプトを含むローカルのHTMLファイルを開くと以下のように警告されるようになった。 セキュリティ保護のため、コンピュータにアクセスできるアクティブ コンテンツは表示されないよう、Internet Explorer で制限されています。オプションを表示するには、ここをクリックしてください... これはマイコンピュータのセキュリティ設定が通常のインターネットゾーンのセキュリティ設定よりも厳しくなっているため。で、ローカルのファイルでも強制的にインターネットゾーン（＝スクリプト動作可）として扱わせるのがMark of the Web(MOTW)。 その方法は簡単で、HTML中に <!-- saved from url=(0014)about:internet -->[CRLF] という記述をする（もちろん"[C
jQueryのパフォーマンスを下げるアンチパターンに関する超意訳 - Qiita
以下のスライドを意訳したものです。Compress周りについては触れていません。「いやいや、最新の書き方だともっと良い書き方があるんだよ！」という方のコメントをお待ちしております！ http://www.slideshare.net/paul.irish/perfcompression クエリをキャッシュする // 悪い例 var id = $("#content").data("id"); var itemId = $("#content").data("item-id"); // 良い例 var content = $("#content") var id = content.data("id"); var itemId = content.data("item-id"); // 悪い例 $.each(reallyLongArray, function(count, item) { v
JavaScript・jQueryの改修・高速化のためのメモ - Qiita
たまにJavaScriptやjQueryなどの改修が入ったりすると忘れてしまうので、自分用のメモとして残しておきます。 JavaScriptコーディングベストプラクティス（高速かつ堅牢なコードを効率よく書くために）を参照しながらのメモになります。 随時、この記事に追記予定です。 高速化メモ JavaScript編 スタイルシートは上に、JavaScriptは下に指定する JavaScriptファイルは読み込んだ後、通常はスクリプトを解析している間、他のファイルの読み込みをブロックする JavaScriptはページの上部に指定すると、このブロックによりロード時間が増加する場合がある スタイルシートはなるべく上に、JavaScriptファイルは下部にしていることで、ロード時間が短縮できる 画面描画に関係ないJavaScriptは、</body>の直前に書く $(document).readyを
過去のFlashコンテンツをどのように再利用するか - Qiita
Adobeが2020年にFlashのサポートを終了することを発表しました。 http://jp.techcrunch.com/2017/07/26/20170725get-ready-to-say-goodbye-to-flash-in-2020/ Webコンテンツ製作者の中には、過去の資産をどう活かしたら良いか気になってる人も多いと思うので、再利用方法を書いてみます。お仕事で10年ほど前から5年前くらいにかけてFlash製作に関わっていたこともあるので、その経験から考えられることを書きます。なお、5年前からFlashコンテンツを作っていないため、新しい動向には詳しくありません。具体的な方法について気になる方は、より詳しい記事を探してみてください。 この記事では、Flash Pro CS6以前に作られた、ActionScriptのFlashコンテンツの再利用方法について書いていきます。 S
AfterEffects テキストの立体化！ - DailyLego
いつの日からか、AfterEffectsには高機能な３D機能が実装されました。 MacにもnVidiaのグラフィックチップが搭載され 高速なGPUを利用できるようになりました。 今回は自分も知らなかったプラグインなしで文字やシェイプの押し出しをやってみたいと思うです。 まず高速な３D環境を実現するために、 ドライバをインストールする必要があります。 とっとと http://www.nvidia.com/object/mac-driver-archive.html から最新のドライバーをダウンロードしてインストールしてしまいます。 もし、開発元がなんとかで、起動できない的なことを言われたら、 システム環境設定のセキュリティとプライバシーの一般から実行許可を設定します。 と、自分の場合いざインストールしてみたら。 GPUに搭載されているメモリが不足していて、 結局レンダリングにはCPUを使いま
Random Motion
Let There Be Light With a little modification, we can apply our random motion expression to a 3D light and generate a nice random flickering. In this case, "segments" are set to last from between 1.0 to 1.5 seconds, and of that time, the light will be flickering for .5 to .8 seconds. Note that during the flicker periods, we have to set the second parameter of seedRandom() back to false so that we
After Effectsでプラグインを使わずに3DCGモデル（objファイル等）を読み込む方法
After Effectsでプラグインを使わずに3DCGモデルを読み込む方法を解説したチュートリアルを紹介します。先日、Video CopilotよりElement 3D v2がリリースされAfter Effectsで3DCGを使うプラグインとして話題になっていますが、プラグイン代の2,3万もお金ないよ･･･というクリエイターの方はぜひ参考にしてみてください。ただし、Photoshopが必要です。 本チュートリアルは、Photoshopに3DCGデータ（obj,3ds, dae, kmz, u3d）を読み込んでPSDファイルとして保存し、After Effectsに読み込みます。最新版のAfter Effects CCではCINEMA 4Dの簡易版がついてきますので、CS6、CS5.5を現役で使用しているユーザーは役に立つ内容です。 ライティングやレンダリングされたイメージのクオリティに関
CINEMA 4D Lite基礎チュートリアル | MAXONJapan
CINEMA 4D Liteを使ったチュートリアルです。Adobe After Effects CCは、3DCGソフトのCINEMA 4Dファイルを直接読み込みレンダリングが可能。そして、After Effects CCにはCINEMA 4D Liteが付属しているので、After Effectsで3DCGを使った映像制作ができます。 本チュートリアルでは、3DCGムービーの制作からAfter Effectsを使って仕上げまで行う過程をご紹介します。 完成映像 チャプター イントロダクション：0:00 C4Dでロゴ作成：2分30秒 ロゴアニメーション：9分17秒 テクスチャとライティング：32分20秒 背景の作成：41分15秒 カメラとキーフレーム：51分33秒 AEとの連携について：58分50秒 AEでエフェクトを追加：1時間12分00秒 CINEWARE proxyについて：1時間19
MoGraphで破壊アニメーション C4D User
MoGraphで物体が破壊されるアニメーションをつけてみました。 MoGraph+Destructionで破壊アニメーション ここではDestructionというプラグインを使います。下記リンクからプラグインをダウンロードし Cinema 4DのPluginフォルダに入れておいてください。 Destruction ダウンロード 立方体が壊れて地面と接触するというアニメーションを作ります。 ということで立方体を作成します。サイズはそのままでOKです。 Destructionプラグインの設定 立方体を分解しますので 立方体を選択したまま Cinema 4DのメインツールバーのプラグインメニューからDestructionを選択するとDestructionウィンドウが開きます。 Iterationsを5～20くらいで設定します。分割する数を設定できます。 Separationを0.001くらいにし
ブランディング会社｜株式会社揚羽（AGEHA Inc.）｜ブランド共創パートナー
【サスプロ！新作動画】〈株式会社ニチレイフーズ〉アップサイクル商品の開発＆環境型ふるさと納税の取り組み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
愛宕幼稚園 新潟県十日町市の認定こども園
FLIGHTGRAF
Cinema 4D Liteチュートリアル
DMM.make - 熊野MAKE日記 - 家をつくる・１
長谷川興産