jQueryを使って、selectタグで選択された値によってリンク先を変更する方法 : おばけノート
<script type="text/javascript"> $(document).ready(function(){ $('#target').bind('change', function() { var linkurl = $('#target').val(); $('#link').attr({href:linkurl}); }); }); </script> <select id="target"> <option value="http://yahoo.co.jp">ヤフー</option> <option value="http://google.co.jp">グーグル</option> </select> <a href="" id="link">ジャンプ</a>
普通のrailsアプリにbackbone適用して思った事その２ - lxyuma BLOG
普通のrailsアプリにbackbone適用して思った事の続き ６）深い階層のView BackboneのView書いてると、どうしても、親子階層が必要になってくるのは、前回の記事で書いた通り。 で、更に、書いてると、親子の子の中に更に別のViewクラスとか、親子Viewとか埋めたくなってくる。 画面次第なのだが、Viewの作りとして、あるべき構成だし、その方が正しい。のだが、 最終的に、振り返ると、どこにどのViewがあるのか、全体像が掴みにくくなる。 辿るには、親から確認していかないといけない。 うーん。 イマイチである。 こういうの、Marionetteのlayoutあると助かる。 layout/Region見れば、全体像が分かるし、layoutの中にlayout組めるのも、 こういった階層化がよくあるからなのだろう。 ７）誰かと一緒に作業するには、やっぱり、template必要 初
普通のrailsアプリにbackbone適用して思った事 - lxyuma BLOG
普通のrailsのwebアプリにbackboneを埋め込んでみて思った事等を書く。 賛否あるかもだが、あくまで個人的な意見。 １）ウチの現場でBackboneを使うべきか否か？ どこも初めに考える事。 大規模になったら使えとか、Single Page Applicationなら使えとか、色々意見あると思うが、 今時の普通のwebアプリならjsガリガリ動くので、迷わずBackbone使っていいと思う。 ※単調なB向けの基幹システム作ってるとかは例外として。 どこで使う？ 別に全てのpageでBackbone使う必要は無いけど、 フォーム送信系で色々js動かす所とか、検索条件指定、絞り込みとか、 画像/詳細表示、LightBoxとか、 こういう所でjsガリガリ書かないと行けなくなったら Backboneでモジュールを整理していけばいいと思う。 実際使ってみてどうだったか？ before 元々、
`that = this` について思ったこと
thatに思いを馳せる JavaScriptにおいて that = this とか self = this なパターンを頻繁に使うと、作業者の理性が保証されない場合に下記に示す2点の問題が起こりう得ると思っている。 「あー、どうなのかなー、うーん」と思いながら書いてみる。 1.メソッド分割が適切におこなわれない雰囲気 ちょっと極端かも知れないが、Backboneっぽいコードを例にしてみる。 initialize: function() { var that = this; this.listenTo(this.entity, 'success', function() { var bar = that.foo(); that.$el.find('.qux').text(bar); // long. // long.. // logic... }); this.entity.execute(
Harp, the static web server with built-in preprocessing
ROYALTOGEL menghadirkan data hk hari ini berisikan keluaran hongkong pools dan history nomor hk yang diambil langsung dari situs toto hongkong
Backbone.js入門 (全22回) - プログラミングならドットインストール
JavaScriptで大規模なアプリケーションを効率的に開発するためのフレームワークです。
Rails 3.2へ移行 - osamuk's blog
自分のRailsアプリを3.0から3.2に移行した。 Rails3.1から導入されたアセットパイプラインは、3.0以前からの移行でハマるらしいが、ハマった。 こちらを参考にさせていただいて、おおむねうまくいった。 /app/assets/javascripts/application.js(マニフェストファイルと呼ぶらしい)はデフォルトで //= require jquery //= require jquery_ujs //= require_tree . こうだが、自分の場合は特定のページだけでjqPlot - osamuk's blogを使っているので、/app/assets/javascripts/の下にjqplotのjsを入れたら、全ページでjqplotの全jsが読み込まれて、まいった。最後の//= require_tree .を削除して(これが配下全てのjsを読み込む指定)、j
Building web apps with Yeoman and Polymer | Articles | web.dev
Introduction Allo’ Allo’. Anyone writing a web app knows how important it is to keep oneself productive. It's a challenge when you have to worry about tedious tasks like finding the right boilerplate, setting up a development and testing workflow and minifying and compressing all your sources. Fortunately modern front-end tooling can help automate much of this, leaving you to focus on writing a ki
JavaScriptフロントエンド開発の昨今
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
IBM Cloudant
The data layer for hyperscale, resilient and globally available applications—based on open-source Apache CouchDB Built on CouchDB technology with compatible API and replication protocols, IBM Cloudant supports flexible, schema-free JSON document storage, which is ideal for applications that require rapid, iterative development and dynamic data structures. It’s high availability and automated failo
JavaScript プログラミング講座
以下の主要ブラウザで動作確認しています。少しでも古いブラウザだと動作しない可能性が考えられますが、特に言及しません。常に最新のブラウザを使用する事を必須とします。
w3c tutorial
Web チュートリアル HTMLチュートリアル HTML HTML5 XHTML CSS CSS3 ブラウザ・スクリプト JavaScript HTML DOM DHTML AJAX jQuery JSON E4X . . サーバ・スクリプト SQL ASP PHP リファレンス HTML4.01 HTML5 JavaScript PHP XSLT XML DOM XPath XSL-FO HTML DOM JQuery Color Picker XMLチュートリアル XML DTD XML DOM XSLT XSL-FO XPath XQuery XLink XPointer Schema XForms SOAP WSDL RDF RSS Web サービス ホーム
JSON チュートリアル
JSON: JavaScript Object Notation. JSONは、データの保存と交換のための構文です。 JSONは、XMLに比べ使うのが簡単です。
<script>タグのasync属性を使わずに非同期でJavaScriptを読み込む方法 | さくらたんどっとびーず
HTML5 では <script> タグに async という属性が加わってまして、これを指定しておくと src で指定された JavaScript ファイルの実行が非同期で行われます。（src 属性を指定しないと async は意味を持ちません。） <script type="text/javascript" src="http://..." async="async"> </script> ググってると async の値として async=”true” を指定しているページが多いようですが、W3C の HTML5 の定義（4.3.1 The script element と 2.4.2 Boolean attributes 参照）だと空の文字列か属性名そのものを指定しろってことになってますので、こっちが正しいです。（たぶんw） If the attribute is present,
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jQuery Migrate plugin の使い方と警告文の自分なりのまとめ | 私的なjQuery他
※この記事は古い記事です。新しく追記、変更した記事は こちら 。 jQuery Migrate plugin の README と warnings を読んで、適当にまとめました。 誤訳、情報が古い、使ってない等々のリスクがありますので 読まれる際はご注意下さい。 （※ページをそのまま訳したわけではないと、思いたい） 箇条書きにすると以下のような感じ： jQuery Migrate plugin について 開発版と製品版の違い 使い方 jQuery Migrate plugin のプロパティ 警告メッセージの種類 JQMIGRATE: Logging is active JQMIGRATE: jQuery.attrFn is deprecated JQMIGRATE: Can't change the 'type' of an input or button in IE 6/7/8 JQM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Backbone.js: A practical beginner's guide | SitePoint Premium
"Container is not defined" Google chart
Google Charts API shows blank screen with $(document).ready method
Loading Google Chart Api using Ajax in html page