タグ

JavaScriptとjavascriptに関するginpeiのブックマーク (462)

  • Creatorish is for sale at Squadhelp.com!

    About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a

    Creatorish is for sale at Squadhelp.com!
    ginpei
    ginpei 2012/05/27
    touch系イベントでスクロールとズームが動く。デモは軽快に動作した。
  • CGFM LLC. - 福岡のデジタルプロダクト/UIデザイン制作会社

    CGFMができること ユーザー中心のデザインで顧客満足度を向上 CGFMは、UX視点でユーザーの感情や行動に基づいた UIデザインを専門とするデザイン会社です。 ユーザーのニーズや目的を理解した上で ユーザーがストレスを感じる要素を取り除き、 楽しくて魅力的なユーザー体験のあるデザインを提案します。

    CGFM LLC. - 福岡のデジタルプロダクト/UIデザイン制作会社
    ginpei
    ginpei 2012/05/07
    福岡のウェブ系会社のサイト。スクロールするとあれこれアニメーションして面白い。デザインいいなあ。画面が小さいとちゃんと表示されないみたい。
  • CAS: Loading CAS

    Loading CAS . . .

    ginpei
    ginpei 2012/04/19
    JavaScriptのデバッグ方法についての英語のスライド。タイトルはjQueryだしjQについての話題が多いけれど、ほとんどは結局JSの話。
  • lake.js

    How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th

    ginpei
    ginpei 2012/04/18
    canvasで反転画像を揺らして揺れる水面を表現する、湖面アニメーションjQueryプラグイン。すげー。
  • Reeder

    15 years. Rebuilt for Today. Rediscover Reeder. iOS 17 or later macOS 14 or later Introducing the new Reeder Your inbox for reading, watching and listening to content from various sources. From Unread Counts to Timeline Syncing With the new Reeder, unread counts are a thing of the past. Instead, your timeline position is synced across all your devices, allowing you to simply pick up from where you

    Reeder
    ginpei
    ginpei 2012/04/13
    何かのアプリのサイト。画面切り替えが3Dで、History APIも使ってる。なかなか格好良い動き。(何のアプリなのかは知らない。)
  • Adobe - デベロッパーセンター : Flash Player 10 バージョン判別チェックリスト

    阿部 貴弘氏 Progression プロダクトマネージャー / デザイナー 作成日:2008年10月30日 ユーザレベル:すべて 製品:Flash Player はじめに 2008年10月15日に Flash Player 10 が正式に公開され、一般ユーザーにもバージョン 10 環境が広く普及し始めました。 しかし、それに伴って一部の Flash コンテンツが閲覧できないというトラブルが報告されています。 一部には Flash Player 側の仕様変更(セキュリティ対策、など)の影響やバグによるものもあるかと思いますが、原因の大半はコンテンツ制作者側が用意したバージョン判別用コードによるものです。 今回はそういったトラブルに対応するために、想定される原因とその解決方法をリストアップしてみました。 バージョン関係のトラブルでお困りのコンテンツ制作者の方は、ぜひご一読ください。 もっ

    ginpei
    ginpei 2012/03/23
    JavaScriptからFlashのバージョンとか判断する方法。使用可否はnavigator.mimeTypesから。
  • SXSW 2012 - JavaScript MythBusters

    JavaScript Performance MythBusters™ (via jsPerf) SXSW 2012

    SXSW 2012 - JavaScript MythBusters
    ginpei
    ginpei 2012/03/18
    JavaScriptの速度にまつわる「神話」をやっつけてくスライド。全部にjsPerfとかで実測が提示されるのがいいね。
  • JSONLint - The JSON Validator

    JSON Validator and FormatterTo format and validate your JSON, just copy + paste it below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object No

    ginpei
    ginpei 2012/03/06
    JSONのLint、書式を検証してくれるサービス。
  • Moment.js | Parse, validate, manipulate, and display dates in javascript.

    Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YY

    ginpei
    ginpei 2012/03/05
    Dateを強化したJavaScriptのライブラリー。書式指定して文字列化できたり、相対値で日時を移動できたり。
  • Dart Synonym: Translations from JavaScript

    Thanks for checking us out! To contribute or comment, you can file a bug or join our mailing list. Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the BSD License.

    ginpei
    ginpei 2012/02/01
    JavaScriptのコードをDartで書いてみた比較。結構量がある。
  • arguments.calleeがstrictモードで禁止な理由

    Yoshiaki Kawazu🐸ずん @kawaz これ軽くググっても理由がわからないんだが何で危険なの?>「arguments.calleeの使用が、ECMAScript 5のStrictモードがサポートしていないことからもわかるように、危険なこと」/無くてもまぁ困らないけど理由を知り… http://t.co/I9sPoAv0 2011-11-18 21:18:59 koichik @koichik @kawaz それらは Good Parts に書いてないので、使うとダグラス様がマシンガン乱射して危険だからです。というか、caller はそもそも ECMA-262 で規定されたことがないとか、callee 使うくらいなら関数に名前つけろとか。 2011-11-18 21:38:35

    arguments.calleeがstrictモードで禁止な理由
    ginpei
    ginpei 2012/01/26
    caller.argumentsこわいw calleeが便利な場面もあるから残して欲しいとは思うけどargumentsにぶら下がる必要はないし、どちらかというとstack的なものがあると嬉しい。主にデバッグ時。
  • URI.js - URLs in Javascript

    URI.js is a javascript library for working with URLs. It offers a "jQuery-style" API (Fluent Interface, Method Chaining) to read and write all regular components and a number of convenience methods like .directory() and .authority(). URI.js offers simple, yet powerful ways of working with query string, has a number of URI-normalization functions and converts relative/absolute paths. While URI.js p

    ginpei
    ginpei 2011/12/28
    URIを分解して操作できるJavaScriptのライブラリー。だいたい自前で実装しちゃうけど、あると便利かも。でもそんなに込み入った操作する事はないかな。
  • ECMAScript と OOP パラダイム、それに ES.next の議論中 OOP 周りのシンタックス - oogatta のブログ

    JavaScript Advent Calendar 2011 (オレ標準コース)4日目の id:oogatta です。どうもどうも、いやどうも。 最近丁度 ES Wiki を眺めていて、面白いことになってるなあ。変態的なことになってるなあ。と楽しく見ていた OOP パラダイム周りのいくつかの手法(定義、継承、 mixin 、 trait )について、 ES.next または Harmony で議論されているものをご一緒に調べながらご紹介したいと思います。 ECMAScript3 さて、復習としてまずは ES3 での OOP パラダイムの実装についてですが、これはもう Dmitry 先生の ECMA-262-3 in detail. Chapter 7.1. OOP: The general theory. を読んでくださいというか、気持ちよく丸投げしたいところですが、翻訳すると言ってまだ

    ECMAScript と OOP パラダイム、それに ES.next の議論中 OOP 周りのシンタックス - oogatta のブログ
    ginpei
    ginpei 2011/12/22
    次世代JavaScriptについて。便利そうだけど仕様というか記法ががらっと変わるかもなので慣れるの大変そう。大人の階段全力ダッシュか。
  • JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い | 圧縮電子精神音楽浮遊構造体

    2011年12月17日土曜日 JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い JavaScript Advent Calendar 2011 (オレ標準コース) 17 日目、polygon_planet です。 ずっと Advent Calendar 参加してみたいなぁと思ってたんですが ネタが思いつかない日々で半分諦めてたんですが、考え過ぎな気がしてきたので 別におもしろい記事でもないし、技術的にも参考になるのか不明ですがとりあえず書きます。 もしかしたら同じようなこと解説してる記事がすでにあるかも…(うまく検索できてない) JavaScript で無名関数をその場で実行するとき、 (function() { // 処理 })(); という書き方が主流っぽいですが、 (function() { // 処理

    ginpei
    ginpei 2011/12/19
    関数オブジェクトを括る(function(){})()より全体を括る(function(){}())の方が0.5%だけ早い、と。中間コードまで見に行くの偉い。
  • JavaScript Garden

    JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献

    ginpei
    ginpei 2011/12/13
    JavaScript Gardenの日本語訳。JSerなら一度は目を通しておきたい内容。
  • テストフレームワーク mocha - hokaccha memo

    JavaScript Advent Calendar 2011 (Node.js/WebSocketsコース)3日目のhokacchaです。Node.jsのテストフレームワーク、mochaについて書きます。 mochaはTJが新しく作り始めているテストフレームワークです。ドキュメントを見ればできることは大体書いてありますので、ドキュメントを元にどういうことができるのかを解説していきます。現時点でのバージョンは0.2.0です。 http://visionmedia.github.com/mocha/ shouldについて まずmochaでどういうことができるかの前にshouldについて解説しておきます。mochaのドキュメントには特に説明もなくshouldが使われていて、shouldでどういうことができるかわかってないと、ドキュメントを読んだときにmochaの機能なのかshouldの機能なの

    テストフレームワーク mocha - hokaccha memo
    ginpei
    ginpei 2011/12/03
    Node.jsのテストFW。QUnitよりこっちの書式の方がやりやすそうだなあ。用途が違うから乗り換えるというわけにもいかないけど。「後で書く」なんかだいぶ便利そう。
  • ユーザーエージェント(ユーザーエージェント一覧) | 用語解説 | web showcase : s-ej web tips

    过着平静生活的美少女菖蒲在机缘巧合之下,结识了前来日探案的CIA探员罗伯特。 在缘分的推动下,坠入爱河的两人很快便结下了婚约,菖蒲随即便跟随未婚夫搬去了远在异国他乡的天堂市。 然而该甜蜜美满的新生活却并不如菖蒲一开始想象的那么美好。 对新环境一无所知的菖蒲发现自己不但要与一个和她年龄相差无几的继子成为一家人,自己的新老板与同事们也都似乎对她心怀不轨。 而更糟糕的是,某些已被她放下的往日瓜葛也跟随着她一路来到了自己的新家,准备和她一举清算旧账。

    ginpei
    ginpei 2011/11/23
    navigator.userAgentを集めたページ。
  • Google Spreadsheets を簡易 SQL DB に!「Google Visualization API」 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 皆さん、 Google Docs のガジェット機能はもう使ってみましたでしょうか。データをさまざまな方法で可視化するガジェットをシート上に配置できるというもので、このガジェットは自作することもできます(iGoogle ガジェットベース)。その際にスプレッドシートの情報を取得するために使われるのが、日ご紹介する Google Visualization API

    ginpei
    ginpei 2011/11/07
    Spreadsheetsのデータを非同期通信で取得するAPIの解説。何かと便利そうだなあ。
  • 本当はそれなりに面倒くさいJavaScriptとhistoryとAjaxのお話 - 愛と勇気と缶ビール

    口上 historyとAjaxといえば、JavaScriptからある程度任意でhistoryのエントリをpushできるhistory.pushStateとか、history.replaceStateは既に大分有名になった感がある。 素晴らしい未来では、全てのブラウザにpushStateが乗っていて「location.hashを使ったAjax遷移が許されるのは10年前のブラウザまでだよねー」というハッピーな世界が実現するのだろう。が、今現在ではまだpushStateに対応していないブラウザのシェアも多く、Ajaxによる擬似画面遷移をモリモリ行うようなサイトではpushStateのある環境、ない環境の両方を考慮してやる必要がある。 (ちなみに、要件によっては「pushStateがないブラウザは通常の遷移で我慢しろ!」という割り切りも全然ありだと思う) 先に言っておくと、この記事は長いです。 環

    本当はそれなりに面倒くさいJavaScriptとhistoryとAjaxのお話 - 愛と勇気と缶ビール
    ginpei
    ginpei 2011/11/01
    History APIとXHRを使ってごりごり実装する際の設計について。後方互換も考えると面倒が多い。ライブラリあり。
  • Byte saving techniques

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    Byte saving techniques
    ginpei
    ginpei 2011/10/27
    JavaScriptのコードを1byteでも短くするためのテクニック集。可読性とか考えるとアレだけど、読んでる分には面白い。