随時更新中 日本語によるAngularのTips別チュートリアル AngularJS's tutorial ・とても丁寧に作りこまれていて、わかりやすい 公式チュートリアル AngularJS ・基本困ったらここ Yeomanのチュートリアル Step 10 ・かなり質が高い。 ・自分がチュートリ作る際にも参考になる。 angular-local-storage GitHub Demo ・上記のチュートリで使われるモジュール Further Reading THE PAST, PRESENT & FUTURE OF LOCAL STORAGE FOR WEB APPLICATIONS ・これは英語だけどかなりおすすめ ・Local Storageの背景とかも理解できた MongoDBも接続したい YEOMANを使ってMEAN(MongoDB + Express.js + Angular.j
ng-book Learn what you need to use Angular at work. Become and Angular 11 expert today. The best-selling Angular book: over 40,000+ copies sold Stop wasting your time wrestling with incomplete and confusing tutorials Online tutorials are inconsistent and often out of date. One tutorial says one thing and another says something completely different. Many tutorials show you the trees but not the for
Download Lab 11 - 30.8 KB Download Lab 12 - 31.1 KB Download source code - 3.6 MB Contents Lab 11: Lazy loading using dynamic routes Theory Step 1: Creating three different physical modules Step 2: Removing Supplier and Customercomponent from MainModule Step 3: Creating different Route files Step 4: Calling Child routes in Supplier and Customer modules Step 5: Configuring routerlinks Step 6: Repla
GitHubサンプルをbabel7に対応しました。 GitHubサンプルコード:GitHub (※この記事のサンプルはすでに古いです。最新版のサンプルと説明はGitHubのreadmeに書いてあるのでそちらを見てください) ReactJS使ってナウいウェブアプリケーション作ろうぜってことでまとめてみようと思います。 以前はウェブアプリケーション作る時はBracketsやAtom使っていたのですが プラグインのアップデートとかバグった時がめんどくさかったり、エディタが重かったりしたので 最近はVisual Studio Code(VSCode)に乗り換えました。 (必要な便利な機能もプラグインいれなくても揃ってるし、デフォルトでJSXサポートしてるから楽) VSCode環境構築:VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) ちょこっとReactJSを試したいとき
西田雅博 株式会社ビズリーチ HRMOS事業部 エンジニア 最近はフロントエンドメイン、サーバーサイドもやってました Angular4, Play Framework (Scala), React 雑? この勉強会の後半で必要になる RxJSの前提知識だけカバーします もくじ RxJSってなに Observable Subject BehaviorSubject RxJSってなに 非同期やイベントのコールバックをmap/filter/reduceなどのコレクションのAPIぽく扱えるライブラリ Rx.Observable.fromEvent(window, 'click') .distinctUntilChanged( (prev, next) => prev.pageX === next.pageX ) .filter(ev => ev.pageX < 400 && ev.pageY <
最近インターンを始めさせていただいたのですが、その中で 今までなんとなく聞いたことあったけど理解してこなかった知識がバババッ!!と繋がってきました。 そこで、アウトプットするとともに、同じようにプログラミング初めてなんとなく理解し初めてきたけど、 もう1歩という人がなんとなく理解できるように知見を、通勤、通学中の電車や休憩時間の5分くらいでインプットできるような記事を共有していきたいと思います。 第1回はWebpack入門です! Webpackとは Webpackとは、簡潔言うと、複数のファイルを1つにまとめてくれるものです。 最も多い使用の仕方は、JavaScriptファイルをバンドルすることですが、他にもcssや画像ファイルなどもまとめることができます。 なんでファイルを1つにまとめると嬉しいの? ファイル取得時間 複数のjs,css,画像ファイルなどを1つにまとめることによって、通信
この会の進め方 https://angular.io/docs を読み進めていきます Angular 自習のススメ angular.io/docs 公式サイトのドキュメントが充実 ここ読めばもうAngularマスターです 英語 https://github.com/ng-japan/hands-on ng-japan (Angular Japan User Group) が公開しているハンズオン 日本語 各自これをやりましょう(完)でいい気も angular.io/docs を読み進める デモを動かす 大体のページでブラウザ上ですぐ動かせるデモと、ダウンロードしてローカルで動かせるデモが用意されています The code referenced on this page is available as a live example / downloadable example. live e
いまや Webフロントエンド開発に欠かせなくなったNode.js。併せて使うことが多いnpmの使い方を基礎から学びましょう。 Node.jsは、サーバーでJavaScriptアプリケーションが書けます。V8 JavaScriptランタイムで動作し、C++で書かれているため高速です。当初、アプリケーションにサーバー環境を提供する目的でしたが、ローカル環境のタスク自動化ツールとしても利用されています。Grunt、Gulp、WebpackなどのNode.jsをベースにしたツールによる新たなエコシステムは進化を続け、フロントエンド開発の形を変えるまでに至りました。 Node.jsのツールやパッケージインストールしたり管理したりする方法を、Node.jsのパッケージマネージャーであるnpmが担っています。npmには必要なパッケージをインストールするほか、パッケージを扱うための便利なインターフェイスが
the d3 learning landscape in all its gloryThe landscape for learning d3 is rich, vast and sometimes perilous. You may be intimidated by the long list of functions in d3’s API documentation or paralyzed by choice reviewing the dozens of tutorials on the home page. There are over 20,000+ d3 examples you could learn from, but you never know how approachable any given one will be. we are still working
nanameue,incでインターン中の斎藤です。 最近JSばっかりでkoa.jsにまで手を出してしまったのでkoa.jsの入門記事を書きます。 個人的には1年半ほどRailsをいじっていたのですがReactからJS界隈に入り始め、ついにバックエンドまで到達しました。 Rails界隈と比較すると割とミニマムな物が好まれていて、高機能なものよりシンプルな部品を組み合わせて作っていく感じです。 Railsのあまりの大きさに嫌気がさしRailsからnode系に移った人も多いらしくRailsを真似たsailsというフレームワークもありますが全く流行ってません。 自分は1週間ほど前からkoa.jsをやり始めたのですが、yieldとかgenerateなどを使っているので理解するのに時間がかかりました。なのでその部分を解説します。多分ここがkoaの本質でkoa自体はスーパーミニマムなので多分ここを理解す
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
このチュートリアルでは簡単なWebページをRiot.jsで作ってみようと思います。読むのに必要な知識は、次の二つだけ。 HTML CSS 逆に不要な知識は、 JavaScript: AngularとかReactとか CSSの方法論: BEMとかSMACSSとか など。ただ、上記を把握していると、より「Riot.jsすげー」ってなるかも、なってほしいな。 Riot.jsを使うにあたって、モック作成や、静的ページだけなら、JavaScriptを書く必要はそれほどありません。このチュートリアルを通じて、次の2つのポイントを伝えられればと思います。 デザイン先行で作成ができる (開発後回し可能) HTML+CSSだけでもコンポーネントが作成できる Riot.jsとは 近年、AngularJSやReact、Backbone.jsなど、さまざまなJavaScriptフレームワークの名前を聞く機会が増え
いまどこ? 1 . 遅すぎたUnderscore.js入門 - 全体像 ←いまここ 2 . 遅すぎたUnderscore.js詳述 - Collections編 3 . 遅すぎたUnderscore.js入門 - Arrays編 4 . Functions 5 . Objects 6 . Utility 7 . Chaining Underscore.jsで何ができる?(私見) 非常にざっくり言うと、Underscore.jsはJavaScriptの表現力を高めることができる便利関数のライブラリです。その先に深淵なテーマもあるようですがひとまずは考えないでおきます。 たとえば配列を一つ飛びに足していったり、シャッフルしたり、従来ではアルゴリズムを組まなきゃいけないかったものが最初から提供されているという感じ。あとは高階関数(これは個人的にまだ真髄を分かっていないと思います。ぶっちゃけ勉強中
HTML/JavaScript/CSS/CGIなど Webサイト作成に関する情報を満載した Web作成関連総合サイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く