タグ

javascriptとJavaScriptに関するaquila2005のブックマーク (53)

  • いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記

    外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省

    aquila2005
    aquila2005 2013/05/19
    SSL対応時、外部ファイルをフルパスではなく相対パスでの記述を推奨する理由
  • ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん!

    こんにちはこんにちは!! 夏ですね! 真夏ですね!! ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん?」って思ったことありませんか! …百聞は一見にしかずってことで、実際の例をみてみましょう! ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ノ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね! これって流行りなんでしょうか…! そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも?と思って、 コピペで使えるJavaScriptにしてみました! ↓ 動作サンプルです! スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです! 適当にコピペしてブログに貼り付けてね! <script t

    ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん!
    aquila2005
    aquila2005 2012/08/20
    サイドバーのスクロール固定方法
  • Node.js チュートリアル | Node ビギナーズブック

    書について 書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、書のいわゆる最終版となります。 つまり書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 書は、RubyPythonPHPJavaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ

    aquila2005
    aquila2005 2012/03/11
    Node.jsのビギナーズブック
  • HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog

    HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas

    HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog
    aquila2005
    aquila2005 2012/02/14
    画像読み込み中の処理を美しくする
  • やっと理解できた!JSオブジェクト指向プログラミング再入門 | ゆっくりと…

    既に多くの方が JavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がマチマチなわけで、私自身、「おお、なるほど!」 っていう、頭の中のスイッチがパチンッ!と入るような境地には達していませんでした。 かつて私も オブジェクト指向なJavaScriptプログラミングのススメ なんていう翻訳記事を書いてはいるのですが、正直なところ prototype.constructor の存在は知りませんでしたし、Function.call や Function.apply をどう使えばよいのかなどをちゃんと理解できてはいませんでした。 そんな中、2011年12月に書かれた Doc Center | Mozilla Developer Network の記事 オブジェクト指向 Java

    aquila2005
    aquila2005 2012/02/07
    オブジェクト指向の基本
  • Turn.js: The page flip effect in HTML5

    Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page

    aquila2005
    aquila2005 2012/02/06
    ページめくり効果
  • 複数のブロック要素の高さを揃えてくれるJavaScriptライブラリ「fixHeight.js」 | Blog | STARRYWORKS inc.

    はじめまして、こんにちは。趣味は朝練のウエニシです。 既にweb上には業界の諸先輩方が書いておられるTipsなどが星の数ほどありますが、 上級者向けに書かれた記事などで内容が省略されていて、初心者や中級者にとってはもう少し詳しく説明されているとありがたいなあと思う事がよくあります。 自分自身もその一人で、調べたい事に関して説明しているサイトをいくつか見て、要約してまとめる事が多いです。ので、 そういったものを自分のメモの中で終わらせるのではなく、自分の備忘録的な意味も込めて、 このブログで公開していきたいと思います。 もちろんその他の事もいろいろ書いて行きたいと思っております! 記念すべきブログ1号目は、弊社の代表の木村が作りました、 複数のブロック要素の高さを、一行ごとに一番高い高さに揃えてくれるJavaScriptライブラリ「fixHeight.js」の事について書きたい

    aquila2005
    aquila2005 2011/09/03
    ブロック要素の高さを揃える機能
  • JavaScriptのいろいろなコーディングルールをまとめてみた

    JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

    JavaScriptのいろいろなコーディングルールをまとめてみた
    aquila2005
    aquila2005 2011/08/08
    コーディング規約の参考サイトへのリンク集
  • マンガで分かる JavaScriptプログラミング講座

    はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

    マンガで分かる JavaScriptプログラミング講座
    aquila2005
    aquila2005 2010/08/21
    JSの初心者向け参考サイト
  • IEでposition:fixedを再現するFixed positioning

    IEでposition:fixedを再現するFixed positioning Fixed positioningはIEで固定配置つまり、position:fixedが利用可能になるjsライブラリです。 IEの6以下のバージョンにはposition:fixedが正常に動作しないというバグがありますが、それを解決するのがこのFixed positioningです。 設置方法 head要素内などで、ダウンロードしたfixed.jsを読み込みます。 <script type="text/javascript" src="fixed.js"></script> これだけでposition:fixedが正常に動作するようになります。 サンプル 関連エントリー テーブルをソートできるようにするjsライブラリ-table sorting 画像に鏡面効果を与えるreflection.js 半角カナを全角カ

    IEでposition:fixedを再現するFixed positioning
    aquila2005
    aquila2005 2010/01/03
    IE6でposition:fixedを使えるようにするjs
  • caraldo.net - it転職 リソースおよび情報

    caraldo.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、caraldo.netが全てとなります。あなたがお探しの内容が見つかることを願っています!

    aquila2005
    aquila2005 2009/11/30
    複数のブロック要素の高さを揃えるjs
  • データ & アナリティクス | アクセンチュア

    データ分析から導き出されたインサイト無しにAI人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ

    データ & アナリティクス | アクセンチュア
    aquila2005
    aquila2005 2009/10/03
    JavaScript資料
  • FN0212003 - 配列を偏りなくランダムに並替える - Flash : テクニカルノート

    Platform: All Version: 5.0 and Above [*注] ActionScript 3.0にもとづくスクリプトと解説は「配列を偏りなくランダムに並べ替える」をご参照ください。 1. 配列をランダムに並替える '配列をランダムに並替えるユーザー定義関数('function')を考えてみましょう。 // function定義: xShuffleArray // 引数: 配列 // 戻り値: なし function xShuffleArray(l_array) {  //[1]'function'定義 var n = l_array.length;  //[2]配列の長さを取得 var i = n; while (i--) {  //[3]配列エレメントすべてをループ処理 var j = Math.floor(Math.random()*n);  //[4]ランダムなイ

    aquila2005
    aquila2005 2009/08/04
    配列をシャッフルする関数
  • JavaScriptでcookieを操作する時はjquery.cookie.jsを使おう - monjudoh’s diary

    ↓でtxtファイルとしてダウンロードできる。 http://plugins.jquery.com/project/cookie 使い方はデモを触ってみてソース見るとか、 jquery.cookie.jsのソースのコメントの@exampleを見るとかすればいいと思うけど簡単に説明しておくと、 基的には$.cookie(クッキー名);で値の取得、$.cookie(クッキー名,値);で値の設定が出来て、 第3引数でoptionがいろいろ指定できる。 $.cookie(クッキー名,値,{ expires: 日数, path: '/', domain: ドメイン});とか。 expiresをDateオブジェクトだけじゃなくて日数の数値としても指定できる(というか基的にこっちを使うはず)。 jQuery pluginだけど$.関数名で使う関数であり、 依存しているjQueryの機能がjQuery.

    JavaScriptでcookieを操作する時はjquery.cookie.jsを使おう - monjudoh’s diary
    aquila2005
    aquila2005 2009/06/17
    jQuery.cookie.jsをjQury非依存にする方法
  • JavaScript style guide - Mozilla | MDN

    else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap

    JavaScript style guide - Mozilla | MDN
    aquila2005
    aquila2005 2009/05/11
    JavaScriptのコーディング規約例
  • エンジニアの勉強法について

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。 サービス統括部に所属しております、堀 邦明と申します。 普段はYahoo! JAPANトップページのフロントエンドエンジニアとして、JavaScriptPHP,Perlといった言語を利用して開発しています。 この度、デベロッパーズサミット2009というイベントにおいてエンジニア勉強法というテーマでJavaScript勉強法についてお話をさせていただきました。 今回は、そのときのお話について発表しきれなかった部分も含めてご紹介できればと思います。 勉強の分類 勉強には大きく分類して2つのステップがあると思います。 1. 情報収集 1つは情報収集です。 技術書やウェブサイト、ブログを読んだり、勉強会やセミナーに参加

    エンジニアの勉強法について
    aquila2005
    aquila2005 2009/04/16
    勉強方法と書籍の紹介
  • ユーザーエージェントの判別を簡単にできるjavascript - Webtech Walker

    Home Archive ユーザーエージェントの判別を簡単にできるjavascript ユーザーエージェントの判別を簡単にできるjavascript 2007年06月05日 category:javascript Comment(0) Trackback(0) 何かいいライブラリないかなーと思って探してたら、なかなかいい感じのを発見したので紹介します。 UAIdentifier - JavaScript によるユーザエージェント判別 メソッドやプロパティが豊富で使いやすいです。下記のようなコードで間単に判別できます。 var uai = new UAIdentifier(); if (uai.ie >= 5.0) write("Internet Explorer 5.0 or later"); if (uai.firefox) write("Mozilla

    aquila2005
    aquila2005 2009/02/01
    UIの判別
  • JavaScript によるユーザエージェント判別

     UAIdentifier - JavaScript によるユーザエージェント判別 © 2006-2007 Magicant / 1.9.2 (2007-02-02) JavaScript を実行しているブラウザの種類およびそのレンダリングエンジン・オペレーティングシステムの種類を判別します。 テストページで実際に試すことができます。 uai.js は自由に使用していただいて構いません。 目次 uai.js の使い方 uai.js の API 仕様 UA­Identifier コンストラクタ to­String メソッド 各プロパティ 判別機能の詳細 判定結果の使い方 uai.js の使い方 実装ファイルは uai.js です。 このファイルは単独では実行しても意味がありません。 uai.js には UA­Identifier オブジェクトの定義が含まれ

    aquila2005
    aquila2005 2009/01/28
    ブラウザの判別スクリプト
  • MJL ― MITSUE-LINKS JavaScript Library | 制作/開発 | ミツエーリンクス

    概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア(フリーソフトウェア)です。弊社は GNU GPLに則り、ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3(参考邦訳)のもとに提供されます。 詳細はMJL体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL体(圧縮版) mjl.js

    aquila2005
    aquila2005 2009/01/15
    便利なjsの詰め合わせ(yuga.jsみたいな感じ)
  • 入力された英数字を半角にする

    WebサイトでINPUT要素で入力される文字列において、英数字を半角にしてほしいというケースがあります。注意書きで半角で入力してもらいたい旨を記述しておけばよいのですが、それでもうっかりと全角で入力してしまう人がいるかもしれません。そこでサイト側で対応をしてみることを検討してみましょう。 IE向けの対策 Internet Explorer向けの対策は非常に簡単です。全角入力をできないようにすることができますから。対応の仕方は簡単で、style属性でime-mode:disabledを記述するだけです。これで該当部分には全角入力ができなくなります。 <input type="text" name="xxxx" value="" style="ime-mode:disabled;"> JavaScriptで半角変換 FirefoxなどのInternet Explorer以外のブラウザも考慮し、

    aquila2005
    aquila2005 2008/11/26
    フォームに入力された英数字を半角にする方法