すべて Tech Idea Diary 2025-01-19 Angular: Prototyping afterNextChange for Signals TechAngularSignals 2025-01-09 Angular: テンプレート内変数でTailwind CSS IntelliSenseの入力補完を有効にする TechAngulartailwindcss 2024 2024-12-25 AngularのSignal Forms（プロトタイプ）をチラ見する TechAngularSignalsForms 2024-12-19 2024年の読書と推し本 Diary読書 2024-12-14 『イラストで学ぶ ヒューマンインタフェース 改訂第3版』を読んだ Diary読書UI 2024-12-07 今年はじめた本屋活動のまとめ Diary本屋 2024-11-20 「話題にす
すべて Tech Idea Diary 2025-01-19 Angular: Prototyping afterNextChange for Signals TechAngularSignals 2025-01-09 Angular: テンプレート内変数でTailwind CSS IntelliSenseの入力補完を有効にする TechAngulartailwindcss 2024 2024-12-25 AngularのSignal Forms（プロトタイプ）をチラ見する TechAngularSignalsForms 2024-12-19 2024年の読書と推し本 Diary読書 2024-12-14 『イラストで学ぶ ヒューマンインタフェース 改訂第3版』を読んだ Diary読書UI 2024-12-07 今年はじめた本屋活動のまとめ Diary本屋 2024-11-20 「話題にす
If you are building a public-facing app in AngularJS, you’ll want your users to be able to share it via social media. Indeed, for certain apps, this may be the most important channel of promotion. By “rich social sharing”, I mean something like this: Rich sharing on Facebook Rich sharing on Twitter As you can see, certain sites allow Facebook, Twitter et al. to fetch more than just the standard pa
車輪開発大好きおたいがです。こんにちは。( 挨拶 ) 少し前の話ですが、非 SPA を要件とされた画面の構築に携わったので、そのときに感じた大切なポイントをまとめておきたいと思います。 ngRoute モジュールを使用しない SPA の場合、元となる単一ページを開いたあとは、ハッシュ付き URL を切り替えることでサーバにリクエストを送ることなく画面遷移を実現しますが、非 SPA の場合は、画面遷移のたびにサーバにリクエストを投げて画面を再構築します。 そのため、ルーティング機能をもつ ngRoute モジュールを使用することはありませんでした。 ルーティング変更のタイミングをフックして、URL を見て、ロジックをゴリゴリ書く…といった処理を意識せず済む。という点では幾分か気が楽なるかもしれません。( あくまで個人の感想です ) $locationProvider の設定 AngularJ
最近、Angular 2を使ってWebアプリ作成の手伝いをする機会がありました。このフレームワークの複雑さに戸惑いもありましたが、Angular 2は間違いなくすばらしいものです。この事後分析では私がAngular 2のフレームワークを使った時に感じたいい面と悪い面の両方を掘り下げていくことにします。 Angular 2 Angularは携帯電話やデスクトップのWebアプリケーションを作成するための開発プラットホーム。 https://angular.io/ Angular 2＋リアクティブプログラミング＝❤ 私はすでに、Angular 1アプリケーション ではRxJSをかなり使っていました。特に、サービス間のメッセージ・バスを行うアプリを作成する時です。Angular 2はObservableを非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、
車輪開発大好きおたいがです。こんにちは。（挨拶） 今回は、画面遷移時にコントローラを跨いで値を受け渡す方法をまとめてみました。「良い」とされる例もあれば、「悪い」と思われる例もありますが、お付き合いください。 自前グローバルオブジェクトを使う ある意味で最強なグローバルオブジェクト ( トップレベルのオブジェクト ) ですが、今回のような例で使用した場合、チーム内のコードレビューでお説教されることうけあい。 サンプル 一応、サンプル貼っておきます。( 真似することはお勧めしません ) ソース シンタックスハイライトもおかしなことになってしまう破壊力… var Globals = {}; // ('A`) (function () { angular.module('appName', ['ngRoute'], function($routeProvider) { $routeProvide
こんにちは、サーバーサイドのエンジニアをやっているoinumeです。今回は昨年8月ぐらいから作っていたAmeba Owndというサービスで行ったSEO対策について紹介します。 AmebaOwndって？ブログ機能を備えたスタイリッシュなデザインのWebサイトを簡単に作成できるサービスです。 香川真司オフィシャルサイトスターバックス コーヒー オフィシャルブログなどのサイトがAmeba Owndを利用して作られています。 アーキテクチャユーザーさんがWebブラウザでアクセスするページについてはAngularJS + REST API(Nginx + Go)で作られています。一方でGooglebotなどのクローラーからのアクセスの場合は、受けたリクエストをNginxがPrerender CacheというシステムにProxyして、このPrerender CacheからHTMLを返すようにしています
何も考えずにAngularJSを使うと、遷移のURLはハッシュフラグメント(#)を使うことになる。 しかし、ngRouterの$locationProviderにはhtml5Modeという機能があり、こいつを有効にすると、pushStateを使ってURLを構築することができる。 それをUI-Routerで使うよという話。 UI-Routerも$locationProviderをそのまま利用可能 ほんとうにまんま一緒に有効化できる。 ngRouterの場合: angular.module("myApp").config(["$locationProvider", function ($locationProvider) { $locationProvider.html5Mode(true); }]); UI-Routerの場合: angular.module("myApp").config(
Angular 1.5.0 - ennoblement-facilitation has been released! We have just released the next major version of Angular 1, which has been in development since May last year. The primary theme for this release was to improve the upgrade path to Angular 2. In this release we have added features that will enable developers to write Angular 1 applications that are closer to the way that applications are s
In our article on styling Angular components we learned how styles are applied to our component when defining them in different ways. We mentioned that all our component styles are appended to the document head, but usually would end up in the component’s template, in case we use native Shadow DOM. This article explains not only how we can tell Angular to use native Shadow DOM, but also what the o
Angular2, Falcor, RxJS, minimongo, TypeScript, Abstract Classデザインパターン Angular2 Advent Calendar 2015 13日目です。 GithubリポジトリはAngular2 rc.0に対応しました。記事の内容とは異なる部分がありますのでご留意下さい。 今回の目玉は注目を集めつつあるニューフェイス、Falcorです。 …が、 終わってみれば「モダンWebアプリにおけるDBアクセスに主眼を置いた総合講座」のようになってしまったかもしれません。 とりあえずFalcorがどういうものか、一番わかりやすいのがこれ↓ Web開発の未来 – React、FalcorおよびES6 今は全部読まなくていいですが、中盤ぐらいまでFalcorの話題です。僕はこれを何回か読んでようやく理解できました。かなり頭が疲れました。 最終的
Learn Angular the right way. The most complete guide to learning Angular ever built. Trusted by 82,951 students. AngularJS 1.5 introduced the .component() helper method, which is much simpler than the .directive() definition and advocates best practices and common default behaviours. Using .component() will allow developers to write in an Angular (v2+) style as well, which will in turn make upgrad
import {bootstrap, Component} from 'angular2/angular2'; @Component({ selector: 'my-app', template: '<h1>My First Angular 2 App</h1>' }) class AppComponent { } bootstrap(AppComponent); ここではAngular2コンポーネントを定義していて、最も重要なAngular 2の特徴の1つだよ。 コンポーネントっていうのは、アプリケーションのViewを作成するのと、それらのアプリケーションロジックをサポートするんだ。 ぼくたちのは AppComponent っていう名前の、空で何もしないクラスだよ。 ぼくたちは実質的なアプリケーションを構築する準備ができたら、これはプロパティとアプリケーションロジックを拡大するよ。 クラ
これは5 MIN QUICKSTARTの日本語訳だよ。 はじめての人のために5分のクイックスタートをやるよ。 Githubに実際のファイルを用意したから参考にしてよ。 TypeScriptでやりたい人はこっち、 Dartでやりたい人はこっちを見るといいよ。 はじめるよ。 ゼロからJavascriptで作る簡単なAngular2アプリケーション制作を始めようよ。 え、もしかしてJavascriptやりたくないの？ 僕たちはJavascriptで始めようとしているけど、バナーのコンボボックスから他の言語を選択すれば、Angular 2 アプリケーションはTypeScriptやDartでも書くことができるんだよ。 6つの手順で進めるよ。 プロジェクトフォルダを作るよ。 必要なライブラリをインストールするよ。 app.jsにアプリケーションのルートコンポーネントを書くよ。 Bootstrapだよ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く