タグ

JavaScriptとjavascriptに関するhkjのブックマーク (83)

  • そろそろnode.jsについて一言書いておくか | KRAY Inc

    はじめに 毎年サーバーサイドJavaScriptが流行ると言ってるみなさんこんにちはダニーです。 ということで、node.jsをはじめてみました。 Twitter Streaming APIで取得したデーターをWebSocketで 接続したクライアントに出力するデモを作成したので紹介したいと思います。 今回のデモについて 今回作成したデモは node.jsのHttpClinetでTwtter Streaming APIでTwtterからデータを取得して、 node.jsのWebSocket Serverでそのデータを接続してきたWebSocket対応ブラウザに送信するということを やっています。 Twitter Streaming APIで取得できるようにする。 動かすのにhttp-basic-authが必要です。 npm install http-basic-auth streaming

    そろそろnode.jsについて一言書いておくか | KRAY Inc
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • まだまだ間に合うCanvasでアニメーション入門(まとめと実践) :: 5509

    JavaScript Advent Calendar 2010も22日目!あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん?なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。 どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。 前置きはこれくらいにして、今回は次のようなカラ

  • 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
  • コア・JavaScript ( JavaScript. The Core. ) - oogattaの勉強日記

    この文章は、 Dmitry A. Soshnikov さんの、 ECMAScript に関する優れた記事 "JavaScript. The Core." を許可を得て翻訳したものです。世の中に、 JavaScript のブラウザ API や、実装系に関する記事は多々あれど、 ECMAScript の仕様に則って、ここまで詳しく説明してくれている記事は殆ど無いと思います。今回は翻訳できておりませんが、文中で参照されている Dmitry さんの ES3 シリーズも、読み応えのある( ECMAScript3 の仕様の副読としても読める)素晴らしい内容ですので、是非チャレンジしてみてください!(ご要望があれば訳します翻訳許可を頂いたので、この記事内で参照されている章から逐次翻訳を進めます!)。 ちなみに Dmitry さんは、計算機科学や数学にも明るい方でらっしゃいます。が、私は違います。極力

    コア・JavaScript ( JavaScript. The Core. ) - oogattaの勉強日記
  • JavaScript初級者から中級者になろう

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

  • GitHub - jasmine/jasmine: Simple JavaScript testing framework for browsers and node.js

    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

    GitHub - jasmine/jasmine: Simple JavaScript testing framework for browsers and node.js
  • Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found

    2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単

    Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
  • iPhone 同士で URL を送るには QR コードを使えばいい - by edvakf in hatena

    アキラさんは、おもむろに近藤さんに近づき、手に持ったiPhoneを見せた。曰く、「近藤さん、店の場所はここです。近藤さんもiPhoneを持っているでしょ。ここに向かってください」 近藤さん、対えて曰く、「えーと、どうやって同じものを表示すれば・・・・・・」 アキラさん「ほら、ここに住所(の文字列)が表示されているので、これを手打ちで」 近藤さん、「ええ、手打ちですか?」 そう、店の場所は地図で表示されているが、それをコピーする容易な手段がないのである。コピペは使えない。なぜなら、物理的に別のデバイスだからである。今、私は東プレのRealForceというすばらしいキーボードで、この文章を入力しているが、iPhoneのようなスマートフォンに、東プレのキーボードを使ったように素早い文字入力は期待できない。それならば、メールで送るか。いや、手打ちより時間がかかる。 の虫: 技術と利便性は相関せず

    iPhone 同士で URL を送るには QR コードを使えばいい - by edvakf in hatena
  • 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

  • JSDeferredで、面倒な非同期処理とサヨナラ 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    JSDeferredで、面倒な非同期処理とサヨナラ 記事一覧 | gihyo.jp
  • はてなダイアリーでJavaScriptを実行するためのiGoogleのガジェット作ってみた - あと味

    キッカケは忘れましたが、昨日、はじめてiGoogleのガジェットを作ってみました。 なんだか難しいのかと思ってたら、意外と簡単で、試しに、はてなダイアリーでJavaScriptを実行するためのiGoogleガジェットを作ってみました。 一度作ってしまうと、mixiアプリにも応用が聞いて、勉強する対象としてはなかなかいいなーと思いました。 Google Gadget Editorを使って作るとプレビューがあって楽ですね。でも、opensocialのAPIはプレビューでは動かなかったなー。 iGoogleガジェットのソース <?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefs title="JavaScript Eval for Hatena Diary" width="500" height="500" author="ht

    はてなダイアリーでJavaScriptを実行するためのiGoogleのガジェット作ってみた - あと味
  • JavaScript の関数はとても柔軟だった - LukeSilvia’s diary

    1年以上放置していたO'Reilly Japan - 初めてのJavaScriptを最近またやり始めました。「5章 関数」を読んだので、覚えたことを書いてみます。タイトルの通り、JavaScript の関数が持つ柔軟性についてフォーカスを当てます。 なお、動作検証にはRhino - MDC(1.7 release 2 2009 03 22)を使っています。 関数がオブジェクト 関数がオブジェクトなので、変数や配列要素に関数を代入できたり、関数を引数として渡したりできる。JavaScript の関数はファーストクラスオブジェクト。 ruby のブロックみたいに使える js> [1,2,3,4,5].filter(function(element, index, array){ return element % 2 == 0; }) 2,4 関数は() をつけると呼び出せる。() つけないとオ

    JavaScript の関数はとても柔軟だった - LukeSilvia’s diary
  • kaazing.org

    This domain may be for sale!

  • http://で始まる文字を自動リンクしよう

    【jQueryのプラグインを作ろう!】 第8回「http://で始まる文字を自動リンクしよう」 *これはascii.jpで連載した記事の続きです。このため、このページを読む前にあらかじめascii.jpで連載した記事をお読み下さい。 text : 古籏一浩 ■URLがあれば自動リンク ページ内にhttp://www.openspc2.org/などのURLがある場合、自動的にリンクしてくれると便利です。そこで、今回は文章内にhttp://で始まる文字列があればURLとみなして自動的にリンクするプラグインを作成しましょう。 ■正規表現で置換 今回はURLを自動的にリンクに置換します。このような場合、JavaScriptの正規表現を使うと簡単に処理できます。JavaScriptでの正規表現の置換処理を行うのはreplace()です。最初のパラメータに検索したい正規表現を、2番目のパラメータに置換

  • jQueryのダウンロードとインストールのチュートリアル (1/3)

    ※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第2回です。これまでの記事(連載インデックス)も合わせてご覧ください。 jQueryは、MITとGPL licensesのデュアルライセンスで公開されているので、ライブラリー中の著作権表示さえ消さなければ、商用・非商用を問わず誰でも自由に利用できます。今回はjQueryを利用するための準備として、ライブラリーのダウンロードと設置方法を紹介しましょう。 jQueryをダウンロードする jQueryをWebサイトに導入する方法はいくつかありますが、最もポピュラーなのは、公式サイトからライブラリー体(JSファイル)をダウンロードし、サーバーにアップロードして利用する方法です。 jQueryをダウンロードするには、公式サイトのトップページにある「Download(jQuery);」ボタンからGoogle Codeに移動し、「

    jQueryのダウンロードとインストールのチュートリアル (1/3)
    hkj
    hkj 2009/09/22
    Google AJAX Libraries APIによるjQueryの利用
  • 連載インデックス「jQueryで学ぶ簡単で効果的なAjaxの使い方」 - @IT

    連載インデックス 「jQueryで学ぶ 簡単で効果的なAjaxの使い方」 いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ/プロデューサーも必見! Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 jQueryで学ぶ簡単で効果的なAjaxの使い方(1) いま話題の「jQuery」の入門記事です。無料ツールAptanaやjQueryのプラグインを使って簡単にWebアプリを作成します

  • まずは、mixiアプリを使ってみよう、作ってみよう

    まずは、mixiアプリを使ってみよう、作ってみよう:基礎から分かる、mixiアプリ作成入門(1)(1/3 ページ) mixiのアプリ?それって何? 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi(ミクシィ)」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript+XML+HTMLCSSで作ります(やり方によっては、Flashなども使える)。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です(参考:「mixiアプリ」8月に正式公開 販売

    まずは、mixiアプリを使ってみよう、作ってみよう
  • オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*

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

  • 脱初心者を目指す人の為の高速道路(JavaScript 編) - 暗号、数学、時々プログラミング

    日々の雑感とか | 03:58 | 子供の誕生でしばらくバタバタになりそうなので、記事の更新を待たれているカモ知れない数少ない皆さんの為に、しばらく時間つぶし出来そうなネタは無いかな?と思って考えたエントリを上げておきます。 はじめに 「高速道路」とかキャッチーな事を言ってますが、万人にとってベストな勉強法ってのはナカナカないと思うので、異論反論はイロイロとあって良いんじゃないか?と思います。むしろ、これが叩き台になって当に初心者に優しいカリキュラムが生まれるならばこれ幸い、って感じです。今の状況は、Webに色々と良い記事があるものの、それを系統立てて学ぶ為の情報が無いのでは?と思ってまして、もともとはそういう状況を解決する為に「なんとかusers.jp(だっけか?)」みたいなハブサイトが生まれたんじゃなかったかと記憶しています。が、残念ながら学習していく順番にまで配慮して情報提供してく