タグ

javascriptに関するgriefworkerのブックマーク (335)

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    griefworker
    griefworker 2011/03/28
    JavaScriptの単体テストでもCIできる。
  • #Titanium mobile で開発しだしたら役に立つ情報のまとめ | astronaughts.net

    Titanium mobile 盛り上がってきたー! ども。最近 Chrome Extension に浮気ぎみな僕です。 以前書いた記事がご好評をいただきましたので、また性懲りもなく まとめてみました。 はい、調子に乗ってすみませんです。 でもでも、あの記事以来自分でもいろいろ情報収集していたんですが、Titanium mobile 関連の記事がかなり 増えてきていて、盛り上がり方が尋常じゃない気がしたので 今回調子に乗りました。 で、いざまとめ始めるとボリュームが当初思ってたより多くなってしまいました・・・ 前回の分と重複していないはずですが、かぶってたらすんません。 あとおんなじブログの別記事も多いと思います。ご了承くらさい。 とりあえず必見のスライド @masuidrive さんのセミナーで使用されたスライドです。知っているスライドの中で一番有益な物だと思います。 Titani

    griefworker
    griefworker 2011/03/25
    紹介されてるTitanium mobileの非公式リファレンスが便利。
  • Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Python Hackathon のネタとして Closure Library を使って以来、だいぶ Closure Library を使い込んできました。個人的には非常に手に馴染んでいて、もはや Closure Library なしで Web アプリを作るなんて考えられないくらいです。 しかし、世間ではまだまだ使っている人が少ないようです。理由はいろいろあるでし

    griefworker
    griefworker 2011/03/20
    Closure Libraryの入門記事。jQueryと比べて使い始めるハードルが高いなぁ。
  • Closure Library のサンプル目次を作りました - WebOS Goodies

    最近、 JavaScript のプログラミングでは Closure Library を使うようになってきました。やはりこれひとつでほとんどの機能を賄えて、アプリケーションの構造化も素直に行えるのがいいですね。 Closure Library の機能を把握するには、豊富に用意されているサンプルデモを参照するのが一番の近道なのですが、リファレンスページにファイルのリストがあるだけで、自分が使いたい機能のサンプルがどれなのか、探すのに毎回苦労します。 そこで、この状況を少しでも改善するべく、サンプルをカテゴリ分けしてみました。それぞれの内容も簡単にコメントしてあるので、目的のサンプルを見つけるのがだいぶ楽になると思います。 Closure Library のお供に、ぜひご活用ください。 イベント events.html - イベントオブジェクトの内容表示など。 eventtarget.html

    griefworker
    griefworker 2011/02/22
    Closure Library のサンプルがカテゴリで整理されていて探しやすい。
  • Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net

    かなり熱くなってきた Titanium mobile 去年あたりから JavaScriptiPhoneAndroid のネイティブアプリが開発できる Titanium mobile が注目を集めています。実は僕も、この Titanium mobile を使用してアプリを開発しています。まだ何もリリースできていませんがっw Titanium mobile の情報は、有志の方々がドキュメント等を日語でまとめてくださっているんですが、まだまだ細かい情報が少なく、分散してしまっているのが現状のようです。 そこで、自分が集めた情報を一度まとめてみました。これから Titanium mobile を触ってみようと思われる方は一度目を通してみてください。 Titanium mobile 入門関連 まず Titanium mobile を触る前に必ず見ておきたいサイトです。 チュートリアル

    griefworker
    griefworker 2011/02/21
    Titanium Mobileに関する記事のまとめ。
  • https://jp.techcrunch.com/2011/02/18/20110217game-closure-makes-it-a-breeze-to-build-multiplayer-cross-platform-games/

    https://jp.techcrunch.com/2011/02/18/20110217game-closure-makes-it-a-breeze-to-build-multiplayer-cross-platform-games/
    griefworker
    griefworker 2011/02/20
    HTML5とJavaScriptでゲームまで作れる。JavaScriptの勢いが凄まじいな。
  • node.jsとjQueryでスクレイピングするウェブアプリの作り方

    やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ

    node.jsとjQueryでスクレイピングするウェブアプリの作り方
    griefworker
    griefworker 2011/02/01
    サーバーサイドでjQueryが使えれば、スクレイピングが簡単にできるね。
  • 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌

    複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同

    griefworker
    griefworker 2011/01/26
    複数ファイルを一括選択でき、アップロード中はプログレスが表示される。CGMサービス作るとき使えそう。
  • JavaScript HTMLテンプレートエンジン SNBinder 公開

    先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。 https://github.com/snakajima/SNBinder SNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData(JSON)を結合して HTML を生成するテンプレートエンジン」である。 90年の半ばから急速に広まったインターネット。サーバー側でダイナミックに生成したHTMLページをブラウザーで閲覧するだけ、というシンプルでエレガントなアーキテクチャゆえの成功だ。しかし、ブラウザーの高機能化に伴い、JavaScriptを駆使して使いやすさを向上しようという試みが色々なウェブサイトで行われている。GMail、Google Docs、Facebookなどは良い例だ。 その方向性を究極にまで突き詰めると、サーバー側は(MVC

    griefworker
    griefworker 2011/01/22
    HTMLテンプレートとJSONをブラウザ状でバインドするJavaScriptテンプレートエンジン。
  • blog.8-p.info: Facebook の BigPipe と TTI

    Posted at 2010/10/22 01:59, Modified at 2010/10/22 03:42 Facebook のフロントエンドは結構かわったことをやっていて、例えば、ログイン後の http://www.facebook.com/home.php には <div id="pagelet_home_stream"></div> みたいな空の HTML があり、その後に <script>big_pipe.onPageletArrive({ … });</script> <script>big_pipe.onPageletArrive({ … });</script> ... と script 要素が何個もならんでいる。 BigPipe: Pipelining web pages for high performance この仕組みは (変数名のとおり) BigPipe と呼

    griefworker
    griefworker 2011/01/20
    Facabookで使われているBigPipeという技術の解説。
  • jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー

    griefworker
    griefworker 2011/01/17
    jQueryを使用したCSSナビゲーションメニューまとめ。全73個。
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    griefworker
    griefworker 2011/01/12
    HTML5のCanvasを使って実装されたシューティングゲーム。シンプルだけど面白いアイデアのゲームがこれから出てきそうだ。
  • GitHub - jakerella/jquery-mockjax: The jQuery Mockjax Plugin provides a simple and extremely flexible interface for mocking or simulating ajax requests and responses

    Most backend developers are familiar with the concepts of mocking objects or stubbing in methods for unit testing. For those not familiar with mocking, it's the simulation of an interface or API for testing or integration development purposes. Mocking with front-end development though is still quite new. Mockjax gives front end developers the ability to define ajax requests that should be mocked o

    GitHub - jakerella/jquery-mockjax: The jQuery Mockjax Plugin provides a simple and extremely flexible interface for mocking or simulating ajax requests and responses
    griefworker
    griefworker 2011/01/06
    jQueryのajaxメソッドでモックを呼び出せるようにするライブラリ。
  • jQueryでリアルな本をペラペラめくるUI作成チュートリアル:phpspot開発日誌

    Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルなをペラペラめくるUI作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQueryベースというのはあまり見たことがなかったのですが、これを参考に作れそうですね。 CSS3なんかも使われているので、総合的に学習できる資料として役立ちそうです。 関連エントリ Flashでをペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」 FlashでをペラペラするUI実装いろいろ

    griefworker
    griefworker 2010/12/20
    jQueryでマンガビューアを実装する際の手本になりそう。
  • Phonegap と Titaniumを比較してみた - kurainの壺

    お久しぶりです。長らく放置してしまった Phonegap と Titanium Mobile の比較について書きたいと思います。 また、今週の水曜日 11/24 のはてな技術勉強会#2(http://d.hatena.ne.jp/hatenatech/)で Titanium について話しますので、お近くの方は是非はてな社にお越しくださいませ。Titanium界隈で有名なid:donayamaさんも来られるようなのでドキドキですね! 色々ある XCode 以外の開発環境 前前回のTitaniumが楽しすぎてやばい - kurainの壺では、Titanium Mobile という Appcelerator が開発している iPhone アプリ開発環境を紹介しましたが、Titanium 以外にも iPhoneアプリを開発する環境はいくつか存在していて、有名なところでは Adobe Fash C

    Phonegap と Titaniumを比較してみた - kurainの壺
    griefworker
    griefworker 2010/11/22
    アプリ実装方法を検討するとき、HTML5 Web Application → Titanium → ネイティブの順に検討するとよさそう。
  • スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT

    jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画

    スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
    griefworker
    griefworker 2010/10/27
    Webサービスをスマートフォーンにも対応させるときjQuery Mobileは最有力。jQueryを使っているならなおさら。
  • Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー

    Titanium Mobile は JavaScriptiPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3):Web技術でネイティブアプリを作れるTitanium(2) - @IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり・・・という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の

    Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー
    griefworker
    griefworker 2010/10/16
    JavaScriptでiPhone/Androidアプリが作れる開発環境Titaniumの紹介。
  • つくるぶガイドブログ: Adobe AIRでAjax!(その2) AIR APIを利用してWebとLocalを繋ぐマッシュアップ サンプル jsonp prototype

    44 Oops! Page not found We are sorry, but the page you are looking for does not exist. Go Back

    griefworker
    griefworker 2010/10/03
    AjaxでAIRアプリ開発から配布までのまとめ。
  • JavaScriptでかんたんAIRアプリに挑戦 - ぼくはまちちゃん!

    こんにちは! みなさんガジェットつくってますか! なんだか最近、色々な種類があるみたいですね! Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか…。 こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました! そしたら意外と簡単だった…! これならぼくにも作れそう!! ってことで、ちょっとメモしておきますね! どれにしようかな…! つくるのが簡単なこと WinでもMacでも動いてほしい 使う人がインストールしやすそうなのがいい こんな感じで考えていくと… 最終的に、Googleガジェット か AIRなのかなー、ってことになりました! でも実際ぼくはGoogleガジェットなんて使ったことないし…! (なんとなくGoogleデスクトップとかも

    JavaScriptでかんたんAIRアプリに挑戦 - ぼくはまちちゃん!
    griefworker
    griefworker 2010/09/21
    AjaxでAIRアプリを開発するための入門記事。
  • サイボウズで学んだこと - IT戦記

    はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 (写真はゆうすけべーさんです) この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip

    サイボウズで学んだこと - IT戦記
    griefworker
    griefworker 2010/09/18
    JavaScriptのデバッグテクニックが参考になる。