タグ

JavaScriptとjavascriptに関するtaky1973のブックマーク (174)

  • A Responsive Design Approach for Complex, Multicolumn Data Tables | Filament Group, Inc.

    A Responsive Design Approach for Complex, Multicolumn Data Tables In responsive web design, one of the toughest design problems to solve is how format complex tabular data for display on smaller screens. In this post, we’ll explore an experimental approach to rendering a complex table, using progressive enhancement and responsive design methods, that displays comfortably at a wide range of screen

    A Responsive Design Approach for Complex, Multicolumn Data Tables | Filament Group, Inc.
    taky1973
    taky1973 2012/01/31
    レスポンシブ。横幅を取る項目数の多い表組みをスクリーン幅の狭いデバイスで表示した時に優先順位の低いフィールドを自動で隠してくれる。隠れたフィールドの表示非表示はチェックボックスで表示切替えできる。
  • JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web

    Regardless of its size and scale of operations, a business must establish a confidential relationship with the people or companies it affiliates …

    taky1973
    taky1973 2012/01/30
    グラフ作成
  • 雑多な記録

    2026年7月 数か月くらい前に、スーパーで買ったアボカドの種を植えた。特に何もせずに放っておいたら、いつの間にかひょろっと生え、30cmくらいの高さに育っている。何年後くらいに実が生るのかな。別に一つ植わっており、そちらも芽が出て、葉が開き始めている。 展覧会の後は品川に寄ってから高輪に行く。梅雨明け気味で気温も上がり、ふらふら歩けるのも最後かもしれない。天気は良い。 目黒というか白金台の庭園美術館へルーシー・リーの展覧会を見に行く。10年位前の展覧会は、茨城や千葉で行くことを諦めた記憶がある。絵画や、彫刻、写真でない展覧会は久しぶりだ。 ついにつや姫も値下がりし始めたようだ。地元で5kgが3500円弱になっている。4回くらいプレミアム商品券を使って半額で買えていたため、米代があまりかからず半年をやり過ごせた。 去年買ったジャーマン・トレーナーの踵を直す。8月の終わりくらいに買ったが、1

    雑多な記録
  • 今日から始めるCoffeeScript - KAYAC Engineers' Blog

    こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 (2011/6/28:@m_satyr様にご指摘頂いた箇所を修正しました。) 目次 CoffeeScriptとは? インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック

    今日から始めるCoffeeScript - KAYAC Engineers' Blog
  • About JWP Connatix | Leaders in Video Technology & Monetization

    At JWP Connatix, we believe in the transformative power of video. As pioneers in online video technology, we've been at the forefront of innovation, helping businesses harness the full potential of their video content.

    taky1973
    taky1973 2011/10/21
    Webページに設置できるオープンソースのLightBox風メディアプレーヤー。Flash。FLV/MP4/MP3/AAC/JPEG/GIF/PNG、HTTP/RTMPストリーミングをサポート。スキン対応。RSS/Atomでプレイリスト指定。
  • 第2回 Comet---プッシュ型のWebアプリケーションを作る

    この記事は会員登録で続きをご覧いただけます申込は簡単3分! 今すぐ会員登録(無料) 会員の方はこちら 【この画面が表示された方限定】 会員登録(無料)で14日間有料記事が読み放題 ※14日間試読付き登録会員のお申し込みはお1人様1回限り

    第2回 Comet---プッシュ型のWebアプリケーションを作る
  • JavaScript例文辞典

    ■基 [01]JavaScriptを定義する [02]外部JavaScriptファイルを読み込む [03]スタイルシートを定義する [04]NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する [05]NN4でのみ動作するように記述する [06]NN6でのみ動作するように記述する [07]IE4.x以上で動作するように記述する [08]IE5.x以上で動作するように記述する [09]IE5.5以上で動作するように記述する [10]ビヘイビアファイルを読み込む [11]IEとNN両方で動くように記述する [12]連続して関数を呼び出す [13]MacOS Xかどうか判別する [14]Safariのみ動作するように記述する [15]Safariのバージョンを返す [16]Operaのみ動作するように記述する ■構文 [01]変数に文字や数値を入れる [02]四則演算を行う

  • Node.js向けのPDF作成ライブラリ「PDFKit」:phpspot開発日誌

    PDFKit ? A PDF Generation Library for Node Node.js向けのPDF作成ライブラリ「PDFKit」が公開されていました npmコマンドでインストールできるPDFライブラリです。 npm install pdfkit で入るそう。 HTML5のcanvas風APIで作れるみたいです。サンプルコードは以下。 かなり分かりやすいコードですね。JavaScript最高!というやつです。 今後もこうしたライブラリがどんどん充実していってほしいですね 関連エントリ node.jsに関する基礎や開発・チュートリアルのまとめ Node.js上でPHPを呼び出せる「NodePHP」 node.jsでシンプルなMVCを行うための仕組み色々

  • HTML5 花火大会

    We’re getting things ready Loading your experience… This won’t take long.

    taky1973
    taky1973 2011/07/07
    クリックするとソースが見れる
  • JavaScript - Mozilla developer center

    JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, garbage-collected, dynamic language, supporting multiple paradigms such as imperati

    JavaScript - Mozilla developer center
    taky1973
    taky1973 2011/07/07
    JavaScriptリファレンスのデファクトスタンダートサイト。解説やサンプル豊富。
  • jQAPI - Alternative jQuery Documentation Browser

    This is a alternative interface to browse the Official jQuery Documentation. It was created to get out of your way of your development work - quickly find what you are looking for, easy on the eyes, and lightning fast. Just start typing and see for yourself! FeaturesContent is the same as in the Official jQuery DocumentationStatically rendered pages powered by Astro, so the initial loading time is

    taky1973
    taky1973 2011/07/07
    インクリメンタル検索できるjQueryのAPIリファレンス
  • Create a new fiddle - JSFiddle

    taky1973
    taky1973 2011/07/07
    HTML、JavaScript、CSSを入力してその場で結果を試すことができるサイト
  • DailyJS: A JavaScript Blog

    A JavaScript blog. Twitter | Feed Subscribe by Email Editor Alex Young Contributors Ric Roberts Oleg Podsechin Justin (Gus) Knowlden Search Sponsors Swirrl. Make the most of your data: tools for working with your data online. Get free email and IM reminders with Deadline Welcome to part 14 of Let’s Make a Web App, a tutorial series about building a web app with Node. This series will walk you thro

    taky1973
    taky1973 2011/07/07
    JavaScriptに関する最新の話題をまとめたサイ
  • Eloquent JavaScript

    This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy. Written by Marijn Haverbeke. Licensed under a Creative Commons attribution-noncommercial license. All code in this book may also be considered licensed under an MIT license. Illustrations by various artists: Cover by Péchane Sumi-e. Chapter illustrations by Mad

    taky1973
    taky1973 2011/07/07
    フリーのJavaScript電子ブック。サンプルコードが豊富に掲載
  • JSONのエスケープをどこまでやるか問題 - 葉っぱ日記

    Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u

    JSONのエスケープをどこまでやるか問題 - 葉っぱ日記
  • Closure Compiler Service

    Closure compiler service is deprecated, and will be removed. See issue #4199.

    taky1973
    taky1973 2011/07/04
    JavaScriptコードを圧縮・難読化・最適化してくれるWebサービス
  • [JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記

    クロージャとは クロージャは、言葉で説明するのが大変難しい概念です。 あなたは、自転車の乗り方を、口だけで説明できるでしょうか? あなたは、螺旋(らせん)の形を、言葉だけで説明できるでしょうか? ずばり、できないでしょう。 しかし、自転車に乗ることはできますし、針金で螺旋の形を作ることはできるでしょう。 「クロージャ」もこれと同じです。 だから、Wikipediaのこんな解説を見ても落ち込まないでください。 クロージャ (クロージャー、Closure) は、プログラミング言語において引数以外の変数を実行時の環境ではなく、自身が定義された環境(静的スコープ)において解決する関数のことである。 理解できないですよね? 私もそうでした。 クロージャを既に知っている人にしか、この文章は理解できないでしょう。 クロージャを作るのは難しくない しかし、説明するのは難しくても、作るのは意外と簡単。それが

  • Jsoneditor - Braincast

    De vorige eigenaar van de website had hier een JSON Editor, met de volgende boodschap. “This editor allows for easy editing of json strings, after loading a sample from the dropdown list click ‘build tree’, expand the tree, click nodes and start changing! Also try the xml2json functions for quickly converting xml to json.” Je kunt de oude hier nog in werking zien: https://web.archive.org/web/20150

    taky1973
    taky1973 2011/06/11
    SONデータを解析してツリー表示してくれるサービス
  • エンコード

    URLエンコードについて JavaScriptでは文字列をエンコードする命令が3つ用意されています。 1つは古いブラウザでも利用できるescape()メソッド、次がencodeURI()、そして最後がencodeURIComponent()です。 # 関数 説明 1

  • 戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法

    スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します(Back Forward Cacheと呼ばれます)。これはとても便利なのですが、ページを作成する立場からすれば、余計なお世話であることもあります。 Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。 <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in

    taky1973
    taky1973 2011/06/06
    ページの中にonunloadを書くだけでBack Forward Cache無効化