タグ

Javascriptに関するrskmt346のブックマーク (122)

  • Java Script のリンク集

    Java Script のリンク集 ★印はアクセスカウント数を示す。 ★:5万、★★:10万、★★★:20万、★★★★:40万、★★★★★:80万

    rskmt346
    rskmt346 2010/09/28
    リンク
  • JavaScript入門

    This domain may be for sale!

    rskmt346
    rskmt346 2010/09/28
    サンプル
  • JavaScriptのundefinedというクセ者のいろいろ - 風と宇宙とプログラム

    はじめに JavaScriptの初心者にとってundefinedというのはちょっと混乱を招くものらしい。nullとの違いや使い分けがよく分からなかったり、数値やブール値との比較が不自然だったりするのが原因と思われる。ここでは、そのようなundefinedのいろいろについてまとめてみた。 ECMA262規格では undefinedとnullに関して、ECMA262規格では最初に以下のような記述がある。 4.3.9 undefined value primitive value used when a variable has not been assigned a value. 4.3.11 null value primitive value that represents the intentional absence of any object value. undefinedは変数に

    JavaScriptのundefinedというクセ者のいろいろ - 風と宇宙とプログラム
  • JavaScript初級者から中級者になろう

    JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基的な操作とテキストノード 木構造の操作:ノードの除去 木構造の操作:ノードの追加 木構造の操作:さまざまな機能 木構造の操作

  • JavaScriptのDOM Core基礎 - 三等兵

    Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/

    JavaScriptのDOM Core基礎 - 三等兵
  • 画像を球体化するエフェクトライブラリ「sphere.js」:phpspot開発日誌

    sphere.js (javascript spherical image effect) 画像を球体化するエフェクトライブラリ「sphere.js」。 どんな画像も次のように、球体のなかに映ったようにしてくれるJavaScriptライブラリが登場しました。 ソフトなしに、JSでこういう加工が与えられるのは嬉しい人には嬉しいのかも。 使いどころは難しいかもしれませんが、覚えておけば使うべき局面があるかもしれませんね。 関連エントリ 画像にGoogleMapみたいにズームできる機能をつけるJS「shiftzoom.js」

  • ウィンドウのサイズをモニターのサイズに合わせる - JavaScript

    サンプルと機能 → Sample 1:ページを表示すると同時にモニタのサイズに合わせる ウィンドウのサイズをモニタのサイズに合わせます。 800×600のサイズのモニタを使用していれば、 ウィンドウのサイズも自動的に800×600になります。 これは、全画面表示や最大化とは違いますので注意が必要です。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 → Sample 1:ページを表示すると同時にモニタのサイズに合わせる <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // ウィンドウをモニタのサイズに合わせる moveTo(0,0); //

    rskmt346
    rskmt346 2010/06/30
    モニターのサイズに合わせる
  • tabber.jsでコンテンツをタブ式に変更してみる|Materializing [マテリアライジング]

    tabber.jsでコンテンツをタブ式に変更してみる サイトの内容を手軽にタブ形式に変更してくれるJavaScriptライブラリを見つけたので試してみました。 既にサイドメニューの一部で導入済みですが、MTのエントリーとも組み合わせてみました。 表示例ページは以下より。 tabber.jsを利用したサンプル|Materializing エントリータイトルには見出し(H2やH3)を割り当てる事が多いかと思いますが、この見出しタグは、tabber.jsでは「タブ内の文字列」として扱われるので、その点が注意する点かと思います。 見出しタグはそのままに、class=tabbertabにtitle属性を付加して、タブ内の文字列を指定する方法も試してみました。

    rskmt346
    rskmt346 2010/06/25
    タブ
  • ホームページづくりメモ: ゴチャ混ぜブログ

    WordPress で CPT UI プラグインなどを利用してカスタム投稿を追加するとき、階層は持っていないけどアーカイブ一覧は表示させる投稿タイプとして用意することもあると思います。あわせて、SEO対策として All In One SEO Pack プラグインも利用しているという状況もあるのではないでしょうか。 All In One SEO Pack では WordPress の管理画面…続きを読む

    rskmt346
    rskmt346 2010/06/22
    ロールオーバーカスタマイズ
  • イヌでもわかるJavaScript講座

    このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ?と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、講座のサンプルを使ってHTMLファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。

    rskmt346
    rskmt346 2010/06/12
    勉強サイト
  • JavaScriptの勉強法 - OKWAVE

    そうですね。リファレンスくらいなら手元にあってもいいと思いますよ。 後は、とにかく数をこなすのが一番だと思いますよ。 実際私は、場数を踏んで覚えるような形になっています。 (どのような言語でもです。) 手始めは、ある程度見た目に簡単(短いソース)だと思われるサンプルを元に ソースを改造して動作するといった手がつけれるようにさえなれば 徐々に足りないことに対して覚えていくことになります。 いきなり巨大なソースを見ると、やる気がなえてしまいますからね(^^; No1さんも、参考紹介されていますがまずは自分で検索エンジン等で 自分の探したいものを探せるようにすることも大切だと思います。 (コレはコレで、を探す事と同じ意味になりますので) 最後に、後はとにかく「やる気」です。コレがないと続きません!。 今後、教えてGooのJSでkusaboさんが回答されているのを見ることが 出来れば、回答した方

    JavaScriptの勉強法 - OKWAVE
    rskmt346
    rskmt346 2010/06/12
    勉強法
  • [JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト

    背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through

  • スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE

    IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで

    スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
  • 第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ - bingo_nakanishiの他言語出身者のためのPerl入門

    私は動的なページを作ってみたいと思いJavaScriptを学び始めた。 今までこうとしか書けないと思っていたモノが、 他の言語では別の方法で書け、 その表現のおかけでパワフルなプログラミングができるといった話がかなり好きなので、 始めはJavaScriptの文法ばかりを勉強していた。 とくに、他の言語の経験者が面白い! ためになる! と思うのはこのである。 まるごとJavaScript & Ajax ! Vol.1 作者: 天野仁史,舘野祐一,川崎有亮,arton,田中孝太郎,国分裕,山有悟,海野裕也,nanto_vi出版社/メーカー: インプレス発売日: 2007/02/15メディア: 大型購入: 8人 クリック: 98回この商品を含むブログ (78件) を見るJavaScriptのこの書き方ってそういう意味だったのか!! といったことや、最近の動向がぎゅぎゅっとまとまっている。

    第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ - bingo_nakanishiの他言語出身者のためのPerl入門
  • グラフ作成ソフト - JSChart -

    ソフトウェア開発会社〈Jschart〉は、クリエイティブで画期的なプロダクトとサービスを構築し、コミュニケーションと情報ソリューション全体を提供しています。例としては、ウェブデザインと開発、カスタムアプリケーション、エンタープライズシステム、CRMシステム、eコマースソリューション、社内ソフトウェアシステム、企業内アプリケーション、マネージドホスティング、社内ポータルサイトマネージメントなどございますが、これらは当社が提供するサービスのほんの一部に過ぎません。世界中の多くのお客様にご満足いただいていることからも、いかに私たちの仕事の質が高いかがお分かりでしょう。 当社のソフトウェア開発チームは、新技術を探求する業界のパイオニアとして、高品質なソフトウェアを世界各地にお届けすることに専念しています。私たちの最終的な目標は、マルチユーザーアプリケーションのための洗練された情報技術を創造し、世の

    rskmt346
    rskmt346 2010/05/24
    グラフ
  • Panoramic Photoviewer in Javascript - Gaya Design

    PRESS RELEASE You might of seen my work around the web. When My Direct Blinds contacted me back in late 2015 with an irresistible offer to help build out their digital assets and join the company with an ownership stake, it was an offer I could not refuse. Web design, interior design and window furnishings shared a common ground and something I could get behind. Thus, the decision was made to end

  • [JS]検索ボックスをSafari風デザインにするスクリプト -Safari Searcher

    jQuery Safari Searcher demo 検索ボックスのスタイルは通常用とインクリメンタルサーチ用が用意されており、ダウンロードできるファイルには画像やアニメーションgifなど一式が揃っています。 ボックスの幅の対応は画像が500pxのため、それより小さい幅まではそのまま対応できると思います。 Safari SearcherはjQueryのプラグインのため、実装にはjquery.jsが必要です。

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    rskmt346
    rskmt346 2010/05/23
    グラフ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 20 Fresh JavaScript Data Visualization Libraries

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There are plenty of JavaScript librari

    20 Fresh JavaScript Data Visualization Libraries
    rskmt346
    rskmt346 2010/05/22
    グラフ