タグ

javascriptに関するnYtvlllo5olpのブックマーク (25)

  • オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*

    自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ!とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ! var hoge = hage ? huga : hoga; とか書けちゃうんだぜ!とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa

    nYtvlllo5olp
    nYtvlllo5olp 2009/09/10
     プロトタイプベースのオブジェクト指向の説明
  • プロトタイプベース - Wikipedia

    この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方) 出典検索?: "プロトタイプベース" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL(2015年12月) プロトタイプベース (英: Prototype-based) は、オブジェクト指向プログラミング(OOP)のスタイルのひとつであり、オブジェクトの生成に既存オブジェクトの複製を用いるスタイルを指している。これには直後にメンバを拡充するための空オブジェクトの複製も含まれている。このスタイルは、インスタンスベース(Instance-based)とも呼ばれている。これと対比されるOOPスタイルにクラスベースがある。 プロトタイプベースOOPの原点はSmall

    プロトタイプベース - Wikipedia
  • 第4回 JavaScriptでオブジェクト指向プログラミング ― @IT

    JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ

    第4回 JavaScriptでオブジェクト指向プログラミング ― @IT
  • DOMから始めるJavaScriptモダン・スクリプティング---目次:ITpro

    近年,Ajaxの台頭をきっかけに,JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では,ページの表示を変化させるだけであれば,ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ~ドキュメントツリー~ 第3回 DOMスクリプティングのことはじめ(1) ~要素(タグ)を狙い撃ち~ 第4回 DOMスクリプティングのことはじめ(2) ~これはどんな要素?~ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ~コンテンツ,プレゼンテーション,ビヘイビア~ 第8回 スクリプトのパッケージ化 ~使い回しできるスクリ

    DOMから始めるJavaScriptモダン・スクリプティング---目次:ITpro
  • Flex2,ActionScript3.0が優れている9の理由とAjaxとの差

    はじめてのActionScript3.0プログラミング、ニコニコ動画みたいなものを作ってみるテストと問題点を通じて、「Flex2,ActionScript3.0が優れている」と感じた部分をあげてみます。 今まで「Flash」と聞くと、 「重い」「遅い」「ウザい」と言った印象が拭えませんでしたが、Flex2,ActionScript3.0に進化したことにより、今までのFlashのイメージよりもはるかに良いものとなっていました。 Flash8に比べ、実行速度が10倍も早い 「今までより10倍早い!」と言われれば、プログラマーなら誰もが興味を持ってしまうすごさです。AS2からAS3に進化したことにより、10倍速が実現されました。 格的なオブジェクト指向言語である オブジェクト指向開発により、わかりやすく再利用可能な形で開発しやすくなっています。Javaとも似ているため、ケータイ向けJavaアプ

    Flex2,ActionScript3.0が優れている9の理由とAjaxとの差
  • とほほのJavaScriptリファレンス

    とほほのJavaScriptリファレンス [戻る] [索引] 基JavaScript って何? JavaScript とは? JavaScriptJava の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>

  • Site Cooler NZ | Points to Note When Shopping for a Washing Machine

    Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas

  • ハッカーに憧れてたダケのオマエらに捧ぐ(序+目次) - Eloquent JavaScript - 暗号、数学、時々プログラミング

    Eloquent JavaScript | 06:06 | 心配するな。日語は死なんよ 来たか、ハッカー大好きはてなー野朗。ちょっとオマエ、ブクマを見せてみろ。ん?なんだこの大量の「あとで読む」タグは?! で、これは読んだのか? 何? まだだと? あ?「だって英語で書いてあるしー」だ? で、「その前に英語やらなくっちゃ!」と思ってやった事が、英語Tips のページにブクマして「あとで読む」タグを付けること? おめでてーなー。オマエは当におめでてーヤツだよ。今日も新たな教材探しか? おい、、、図星かよ。涙目になんなよ。。 今日から、そんなオマエのヘタレな日常とサヨナラ出来るよう、またオレが教材を用意してやったぞ。喜べ。元ネタは"Eloquent JavaScript (オレ的な超訳では「スゴいよ JavaScript」)"だ。コイツの出来の良さは関係各方面でお墨付きが出てるから安心しろ。

    nYtvlllo5olp
    nYtvlllo5olp 2009/08/19
    "Eloquent JavaScript"和訳
  • 404 Blog Not Found:アマグラマーのすすめ - 目次

    2007年11月24日20:00 カテゴリアマグラマーのすすめ アマグラマーのすすめ - 目次 完成まで毎日更新予定 - なかなか毎日更新とは行かないのはスルーしていただく方向で。 はじめのはじめ はじめに プログラムって何さ? 世界は言葉で出来ている 下ごしらえ プログラムの言の葉 美徳その1:怠慢 美徳その2:短気 美徳その3:傲慢 「アマグラマーのすすめ」カテゴリの最新記事

    404 Blog Not Found:アマグラマーのすすめ - 目次
  • 我的春秋: JavaScript ソースが HTML から消える日

    [2006-06-10 付記]このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり!なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます! しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定!あまり日では取

    我的春秋: JavaScript ソースが HTML から消える日
  • http://koko15.hus.osaka-u.ac.jp/~yoshida/jsstat/jsstat1.html

  • JavaScriptを使ったCSSの切り替え

    JavaScriptを使ったCSSの切り替えのテクニックは結構有名なのですが、この前読んだJeffrey Zeldmanの著書に、フリーで配布されているCSSの切り替えスクリプトがあったので紹介します。転載の転載という奴でアレですが。 A List Apartというサイト(英語ですよ)のhttp://www.alistapart.com/articles/alternate/のページで配布されております。 一番下の近くに"Download styleswitcher.js"という項目があるので、それをクリックしてダウンロードしてください。 設置方法 使い方は、ものすごく簡単で、head部分に、 <head> <link rel="stylesheet" type="text/css" href="style1.css" title="standard" /> </head> という感じ

  • 第35回 FlashムービーとJavaScriptを連携させてみよう:ITpro

    最近ではAjaxの流行もあり,JavaScriptのライブラリがかなり充実していますね。これらのライブラリの関数を始めとしたJavaScriptの関数を,Flashムービーから呼ぶことができれば,Flashムービーだけでは実現が難しい処理も意外に簡単にできてしまうこともあります。 ムービーを表示しているHTMLドキュメントのURIを取得する あけましておめでとうございます。年もよろしくお願いいたします。 さてさて,図1のムービーでは,ムービーを表示しているHTMLファイルのURI(URL)を表示しています。 図1:ムービーを表示しているHTMLファイルのURIを取得するムービー(クリックするとムービーを表示します) Flashムービーでは,ムービー自身のURIは「_urlプロパティ」を使って取得できますが,ムービーを表示しているHTMLファイルのURIまでは取得できません。では,図1のム

    第35回 FlashムービーとJavaScriptを連携させてみよう:ITpro
  • ActionScript FlashとJavaScriptの連携(2) - JavaScriptからswfを制御 - Flash-Web Application Weblog Directory

  • Flash不要!JavaScriptで派手なWebデザイン

    ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント/Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション/エフェクト処理を

    Flash不要!JavaScriptで派手なWebデザイン
  • HTML上の画像にマウスオーバーして、同HTML内にswfを表示させたい

    SWF 内のボタンによって,SWF 内の画像を変えるわけではなく, HTML 上のボタンにによって,表示させる SWF 自体を変えるというわけですね。 それは Flash のテクニックではありません。 HTMLページ内の JPEG にマウスオーバーたときに大きい JPEG を表示させるのが, Photoshop(画像作成ソフト) のテクニックでないのと同じです。 PHPなどサーバサイドプログラムでもできますが, マウスオーバー → サーバへ送信 → HTMLの生成 → ブラウザへリロード となりますから,一般的ではなく遠回りです。 質問にも書かれている JavaScriptが一般的だとおもいます。 document.write で Flash を表示させるタグを書き替えるのです。 ちょっと目的が違いますが参考になるでしょうか? 「[9] FlashなどをIE仕様変更に対応させる」 http

    HTML上の画像にマウスオーバーして、同HTML内にswfを表示させたい
  • マウスオーバー画像変更スクリプト

    当ページの概要 マウスを載せると画像を変える方法です。Javascriptを使えば簡単に実現できます。 マウスオーバーで画像変更スクリプト マウス操作で画像を変更(汎用型) Javascriptを使うことで「画像にマウスポインターを乗せて画像を変更する」ことが出来ます。やり方もとても簡単です。 マウスポインターが乗ると「onmouseover」イベントが発生し、マウスポインターが放れると「onmouseout」イベントが発せします。そこで、onmouseoverイベント発生時に画像を変更させ、onmouseoutイベント発生時に画像を元に戻せば、マウスポインターが乗っているときだけ画像変更が実現できます。詳しくは下記のソースを参照下さい。 <span onmouseover="document.画像ID.src='変更画像URL';" onmouseout="document.画像ID.s

  • JavaScriptのオブジェクトについて考察してみた - あと味

    JavaScriptを勉強しているとオブジェクトとはなんぞや?ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について

    JavaScriptのオブジェクトについて考察してみた - あと味
  • JavaScriptはもういらない、XUL+Javaでリッチアプリケーション - ZK 2.0 | エンタープライズ | マイコミジャーナル

    Potixは13日(米国時間)、ZKの最新版であるZK 2.0を公開した。ZKはAjax Webアプリケーションフレームワーク。JavaScriptを使わずに少々のプログラミングだけでリッチUIを実現したWebアプリケーションを開発できるという特徴がある。 ZKではイベントドリブンで作成された高性能コンポーネントによってデスクトップアプリケーションの開発程度まで開発が容易になっており、マークアップ言語を採用していることでHTMLを編集する程度のレベルでかんたんにデザインできるようになっている。 ZK 2.0はGNU GENERAL PUBLIC LICENSE Version 2のもとで公開されているオープンソースソフトウェア。ZK 2.0における主な特徴は次のとおり。 68のXULコンポーネントと82のHTMLコンポーネントを同梱。多種多様なコンポーネントが用意されているほか、すべてのコ

  • プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記

    (執筆中) (文章の練習も兼ねてぐだぐだと執筆中、現時点で読んでも日語になってないと思います。) (執筆途中だけど、こうしたらいい!とか、アドバイスがあれば教えてください><読者みんなが編集者!とか言ってみる) (あ、はてな記法のパッチを送ってくれてもいいです^^) (ちょっと、 Shibuya.JS in Kyoto → PHP カンファレンスがあるので、次の更新はそれ以降になるかも) 自分の知り合いに「まったくのプログラミング未経験だけど、自分のウェブサイトを作ってみたい!」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。 この文章は、プログラミングまったくの未経験者が読んで分かる文章を目指しています。もし、分からない部分がある場合は指摘してください。聞いてください。自分で調べ

    プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記