タグ

JavaScriptに関するKimuraのブックマーク (78)

  • JavaScript - MDC

    JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr

    JavaScript - MDC
    Kimura
    Kimura 2012/11/24
    MDN(Mozilla Developer Network)JavaScriptのリファレンス的な情報。割と新しい情報なのに日本語なのがありがたい。
  • การถ่ายภาพและการท่องเที่ยว - RESPONSIVE

    This message appears for administrator users only

    Kimura
    Kimura 2012/11/24
    ブラウザサイズに応じてsrcやwidthを置き換えてくれるjQueryプラグイン。PCとスマホで別の画像を使いたい時に便利。
  • ノンプログラマーのためのjQuery生成ツール

    変更履歴 2013.03.13 toggleClassが2つ表示されていたため、1つに修正しました on/offを追加しました(1.7)※イベントには追加していません。別途対応します addBackを追加しました(1.8) finishを追加しました(1.9)

    ノンプログラマーのためのjQuery生成ツール
    Kimura
    Kimura 2012/11/14
    選択していくだけでjQueryが書けるツール。ノンプログラマーじゃなくても便利に使えると思う。
  • jQuery 1.9 日本語リファレンス | js STUDIO

    このサイトについて jQueryの日語リファレンスです。 jQueryの家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri

    Kimura
    Kimura 2012/10/15
    シンプルなjQuery日本語リファレンス。他の日本語リファレンスより情報を探しやすい。
  • Coming Soon

    We're under construction. Please check back for an update soon.

    Kimura
    Kimura 2012/09/04
    javascriptで複数ファイルをアップロードできるjQueryプラグイン。Flash版とHTML5版がある。HTML5版はスタンダードライセンスが$5だけど、使う時はこっちを選ぶだろうな。すごい時代になったもんだ。
  • javascript - hanzenkaku.js で半角全角処理 : 404 Blog Not Found

    2012年08月13日06:00 カテゴリLightweight LanguagesTips javascript - hanzenkaku.js で半角全角処理 まあ車輪の再発明もいいところなのですが、車軸に合う車輪が見つからなかったということで。 dankogai/js-hanzenkaku DEMO まずは実際にお試しを。 全角: 半角: 全methodは以下のとおり。textarea内でいろいろと書き換えてみてください。 /* Functinal */ p( HanZenKaku.h2z('コガイダン') ); p( HanZenKaku.z2h('コガイダン') ); p( HanZenKaku.hw2fw('dankogai') ); p( HanZenKaku.fw2hw('dankogai') ); p( HanZenKaku.fs2hs('a space') ); p

    javascript - hanzenkaku.js で半角全角処理 : 404 Blog Not Found
    Kimura
    Kimura 2012/08/13
    ありそうでなかったjavascriptライブラリ。アルファベットの全角⇔半角、全角スペース⇔半角スペースもできちゃう。
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    Kimura
    Kimura 2012/07/28
    うーん。「コピペに頼らず、理解する」---耳が痛いな。
  • iView Slider

    画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。 サイズは変更可能で、レスポンシブレイアウトに対応。 フレ

    Kimura
    Kimura 2012/07/26
    すごいなぁ。画像だけ用意してあとはHTML側でゴニョゴニョできるんだ。ローテーションバナーにびっくり。もうFlashは要らないとハッキリわかった。
  • jQueryで簡単にドラッグ&ドロップのソートを実装する方法

    読む:3分 試す:15分 はじめまして、4月にアシアルへ入社した噂の好青年こと高橋です。 今日はjQuery UIを使ったオシャンティなソートを紹介します。 まずはデモをご覧ください。 「こんなメンド・・・大変そうなUIできるかなぁ?」 心配ご無用!jQueryさんはやってくれます!! まずは必要なソースを準備します。 下記からそれぞれ最新版をダンロードしてください。 http://jquery.com/download/ (24/7/19時点で ver 1.7.2) http://jqueryui.com/download (24/7/19時点で ver 1.8.21) ファイル構造・読み込み等は割愛します。 今回覚えるべき、たったひとつのシンプルなキーワード 「sortable」 まずはHTMLいきます <table class="table table-striped table-b

    jQueryで簡単にドラッグ&ドロップのソートを実装する方法
    Kimura
    Kimura 2012/07/20
    ソートと言うより、ドラッグ&ドロップによる入替え。表の行入替えに使えそうだ。いろいろ使えそうだ。
  • こてさきAjax:クールなMVCを実現するフレームワーク Angular.js の紹介 - livedoor Blog(ブログ)

    先週&今週は、出張でアメリカ西海岸。そんな折、先週の金曜日(16日)の夜に BayJax meetup が Yahoo! 社で開催されるということで、参加してきました。 BayJaxは、シリコンバレー地区のAjax & Javascriptに関するMeetUp。大体、半年おきに開催されているようです。今回参加したMeetUpの形態は、Conference形式(勉強会ののりに近い)。日との勉強会との違いは、最初にピザをべてお腹が満たされたところで勉強会が始まることと(こっちの考え方の方が、確かにリーズナブル)、質問が活発なこと(海外では一般的なことですが)。とても、楽しい時間を過ごすことが出来ました。 その中で講演された AngularJS について、今回は紹介します。 AngularJS AngularJSは、とてもシンプルにWeb Appを書くことができる軽量な MVC フレームワ

    Kimura
    Kimura 2012/06/18
    jQuery便利と思っていたけど、これすごい。HTMLをまるでテンプレートのように扱えてしまうJavaScriptフレームワーク。かな~り直感的に書ける!
  • jQuery google api and other google hosted javascript libraries. - ScriptSrc.net

    Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written

    Kimura
    Kimura 2012/06/13
    Google CDNサービスのscript要素を簡単に取得できるサイト。「Copy」をクリックで<script>タグがクリップボードにコピーされる。
  • Tutorials on Technical and Non Technical Subjects

    AI, ML, and Data Science Programming Languages Web Development Languages DevOps Databases Computer Science Subjects Python Technologies Software Testing Cyber Security All Categories Back Artificial Intelligence Machine Learning ML With Python Data Science Statistics NLP Neural Networks TensorFlow PyTorch Matplotlib NumPy Pandas SciPy Big Data Analytics See all

    Tutorials on Technical and Non Technical Subjects
    Kimura
    Kimura 2012/06/12
    WMLの解説がある。英語サイトだが、結構わかりやすい。
  • [JS]FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト -jCSML

    FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media Library [ad#ad-2] jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動作します。 IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLのデモ jCSMLの多彩で美しいデモをいくつか紹介します。 各デモはチュートリアルも兼ねており、コードも一緒に掲載されています。

    Kimura
    Kimura 2012/06/08
    結構短いコードで書けちゃうみたいだ。「アニメーションで文字を一つずつ表示」の最後のやつとか、映画のオープニングロゴに使えそう~
  • Webデザイナーのためのjquery入門2(前編)

    82 views jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 More… jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 このスライドを作るにあたって、書籍「WebデザイナーのためのjQuery入門」をかなり参考にしています。 Webデザイナーのためのjquery入門2(前編) — Presentation Transcript Webデザイナーのための jQuery入門  -覚醒編(前編) -jQueryのコードを自分で考えて書けるようになろう! 目標 日々の業務にjQueryを取り入れて、 自分で何かを作れるようになる。 大まかな内容1. 何かを取ってくる 2. それに何かをする3. まとめ  1

    Kimura
    Kimura 2012/05/28
    「入門2」と言うからには「入門1」があったんだろうか。とてもわかりやすいjQueryの初心者向け解説スライド。
  • RegEx Cafe - JavaScript Regular Expression Tester

    regular expression editor tool

    Kimura
    Kimura 2012/03/12
    正規表現のテストができるサイト。自分で書いた正規表現が正しいかどうかイマイチ自身が無い時に使える!でも何で「Cafe」?と思ったら、CoffeeScriptで書いているそうです。な~る~ほ~ど。
  • 基礎文法最速マスターランキング

    What's this? Perl基礎文法最速マスター - Perl入門~サンプルコードによるPerl入門~ を発端とした各種プログラミング言語の「基礎文法最速マスター」記事の人気ランキングです. 人気ランキングは,以下の各種 Web サービスの API から得られるカウントの合計を元に作成しています. Twitter Facebook ※API の total_count の値を使用 はてなブックマーク 総記事数は 94,最終更新日は 2013-11-05T00:35:52+09:00 です. ランキング タイトル カウント 合計

    基礎文法最速マスターランキング
    Kimura
    Kimura 2012/02/12
    いろんな言語の基礎を学べるサイトのランキング。Luaがあったのでブックマークしてみた。
  • スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 なかなか良さそうだったので備忘録。iOSやAndroidなど、スマートフォンでのHTML5環境に合わせて作られた軽量モバイルフレームワークです。jQuery互換なので慣れてる方は使い方もすぐに覚えられると思います。特に軽量なのが嬉しいですね。 現状、jQueryを使うのであればスマートフォンにはjQuery Mobileという選択肢となりますが、やはりファイルサイズが気になります。そこで、jQueryをなんとか軽量に使おう、という動きが少し目立ってきました。 例えばzepto.js。がそうですし、jquipという、目的に合わせてjQueryを細分、モジュール化するライブラリなどもあります。 jQ.Mobiもその一つで、jQueryっぽく使えるHTML5環境のスマート

    スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った - かちびと.net
    Kimura
    Kimura 2012/01/19
    jQueryより軽いJavaScriptフレームワークkQ.Mobiの日本語サンプル。最初は解説読むより実際動いているサンプル見る方が理解が早いのだ。
  • Google Chart Toolsを使ってサイトマップを描こう!

    こんにちは!最近寒いですが、みなさんいかがお過ごしでしょうか。 クリスマスも近いということで、クリスマスツリー→ツリー→組織ツリー→組織図!エンジニアのクリスマスはツリーですね! 今回は、Org Chartを使ってサイトマップを描いてみたいと思います。 1. Google Chart Toolsって? Googleが提供している、グラフや表を簡単に作成するAPIです。(Google Chart Tools) チャートギャラリーには、様々なグラフがギャラリー形式で並んでいます。 中には、メーターや世界地図、札束積み上げグラフ(?)など、ユニークなグラフもあります。 Code Playgroundでは、実際にコードを書いて即時実行しながら、様々なチャートで遊ぶことができます。 今回は、この中からOrg Chart(組織図)を使って、サイトマップを描いてみます。 2. サイトマップの作成 Org

    Google Chart Toolsを使ってサイトマップを描こう!
    Kimura
    Kimura 2011/12/22
    Googleが提供するグラフ等を簡単に作成できるAPIのひとつ、Org Chart(組織図)を使ってサイトマップを作る方法の解説。組織図だから縦方向にサイトマップが伸びる。組織図のAPIからサイトマップ作っちゃう発想がすごい。
  • KDDIの新GWで「かんたんログイン」なりすましの危険性あり直ちに対策された

    au/KDDIの2011年秋冬モデル(現時点ではF001のみ)にてEZwebとPCサイトビューア(以下PCSV)のゲートウェイが統合されたことに伴い、かんたんログインを実装しているサイトに対して、F001のPCSVからJavaScriptを用いた「なりすまし」攻撃ができる状態でした。この問題をKDDIに通報したところ、直ちに対策が取られ、現在は安全な状態です。以下、詳しく報告します。 目次概要 経緯 何が問題か 経緯説明(1)基的なチェックは対処済みだった 経緯説明(2)ハイフンをアンダースコアに変えるトリックは対策済み 経緯説明(3)海老原氏が発見したトリックとは 経緯説明(4)KDDIに連絡→翌日に対処 実証例 外部からJavaScriptを実行できる条件 影響を受けるサイトの条件 影響 対策 今回の問題は、端末あるいはau設備の脆弱性なのか まとめ 概要以前、「EZwebの2011

    KDDIの新GWで「かんたんログイン」なりすましの危険性あり直ちに対策された
    Kimura
    Kimura 2011/11/29
    user.agentにx.up.subno。。。「_」までは調べたんだが、「.」かぁ。執念が足らなかった。
  • 「ホームページにアクセスすると情報は取られるの?」

    インターネットでホームページにアクセスすると、ページを見ている人の情報がホームページ開設者に情報が送信されます。 インターネットの仕組みであり、ホームページ開設者の不正による情報ではありません。 多くの情報が送信されますが、個人を特定するような情報は送信されていませんのでご安心ください。

    Kimura
    Kimura 2011/11/10
    Web経由で取得可能な情報についての解説。JavaScriptってかなりの情報をとれるんだなぁ