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
はじめに 『Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き)』という記事,読まれたことがある方も多いと思います. RailsでAjax(via jQuery)を使ったデータの更新,ドラッグアンドドロップの実現,その他UXを向上させるためのいろいろな技などが詰まった最高にありがたい記事です.拝むしかない. お世話になった方も多いのではないでしょうか. 本稿はjQuery & jQuery UIで実現されていた機能を,AngularJSを用いて実現してみるという内容になってます. (ざんねんながらスクリーンキャストはありません.眠すぎて撮れませんでした.) 元ネタと大きく異なるところを列挙していくようなものになると思います. ソースコード GitHubにおいてます.ごかくにんください. izumin5210/sortable-table-s
(150522追記)本稿の続編としてAngularJSモダンプラクティスを掲載しました。本稿は2014年9月に執筆し、情報がかなり古くなっています。続編では、AngularJS 1.4やAngular 2に関する情報をまとめ、入門者への新鮮なチュートリアル、熟練者の移行手引として作成しました。どうぞご覧ください。 この記事は記録のため残します。 AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる 危険度★★★ angular.module('myApp') .service('FooService', [ '$q', '$resource', '$rootScope
これまでMAMP (Mac, Apache, MySQL, PHP)を書いていましたが、結局ガワをHTML+JSで書く必要があり、そうこうしている内に「じゃあ全部JSで出来ないの?」という興味が湧いたので、最近流行っているらしいMEAN (MongoDB, Express, AngularJS, Node.js)を試してみました。 よくこの手のチュートリアルでは「CRUDがどうのこうの…」といきなり4種やらせようとしますが、個人的には「モチベーションのために最低限動けばええんじゃ、あとは調べるわい」という気分なので、以下は本当に最低限です。 前提 OSX 10.9で、node, yo, mongodbはインストール済みとします。説明は少なめなので、何らかのWebフレームワークの開発経験はあるがMEANスタックは触ったことがないというレベルの方を想定して書いています。 generator-a
フォームには「メールアドレス」と「メールアドレス(確認)」欄があり、いずれも必須項目とする。フォームは入力内容が全て正しい時のみ submitできる。 AngularJSに項目が入力必須であることを伝えるには、input要素に required 属性を付ける。要件を満たしていない時に表示するメッセージの表示/非表示は、ng-show属性に フォームのname.input要素のname.$error.required を指定することで制御する。 フォーム全体の入力内容が要件を満たしている時のみ submitボタンを有効にするには、submitボタンの ng-disabled属性に !フォームのname.$validを指定する。 入力内容はメールアドレスとして相応しい文字列でなければならないものとする。 項目がメールアドレスとして正しい文字列であることを AngularJSにバリデーションさせ
The recent conversation about WordPress themes shows just how much they dominate our thinking – and our navel gazing – when it comes to delivering our content. But WordPress 4.0 4.1 expected to include the JSON REST API as part of the core, leveraging web apps to provide tailored, innovative interfaces unhindered by conventional website approaches. In this article, we’ll hook up a sample AngularJS
Vous pouvez d�s � pr�sent lui associer un h�bergement, en choisissant la solution la plus adapt�e � vos besoins : �H�bergement Web Une solution �conomique pour h�berger vos projets Web�: site Internet, boutique en ligne, landing page... En savoir plus �Virtual Private Server Alliez la flexibilit� du Cloud � la libert� du d�di� avec nos solutions VPS clef en main. Accompagnez vos projets Web vers u
Introduction AngularJS is an excellent framework for building websites and apps. Built-in routing, data-binding, and directives among other features enable AngularJS to completely handle the front-end of any type of application. The one pitfall to using AngularJS (for now) is Search Engine Optimization (SEO). In this tutorial, we will go over how to make your AngularJS website or application crawl
Using AngularJS with Rails 4 should be pretty easy. Include the AngularJS library in your asset pipeline and start coding away. Unfortunately, it’s not quite that simple. You may have trouble… Compressing AngularJS code in your asset pipeline By default, Rails 4 compresses all of your JavaScript using UglifyJS. Sadly, UglifyJS clobbers AngularJS files, but the fix is a snap1. Go into config/enviro
I’ve recently been working on a simple Ruby on Rails web app that uses AngularJS on the front end. Angular provides us with a number of nice client-side features (two-way data binding, form validations, easy to use UI widgets, etc.), but we chose to use Rails for routing the entire site. Therefore, the Angular app is embedded within a rendered Rails view. This choice raised a practical question: h
Số áo Gundogan 8 trên lưng, đã tạo nên một hành trình đặc biệt, đánh dấu những thăng trầm của mình từ sân cỏ của Dortmund đến sân Etihad của Manchester City. Hãy cùng chúng tôi khám phá chi tiết hơn về số áo quan trọng này và những câu chuyện đằng sau nó. Đôi […]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く