lacolaco's marginalia
ã™ã¹ã¦ Tech Idea Diary 2025-04-27 GitHub Actions: github/command ã§IssueOpsを実装ã™ã‚‹ TechGitHub ActionsGitHub 2025-04-09 Angular: SelectorlessãŒã‚‚ã†ã™ãã‚„ã£ã¦ãã‚‹ TechAngular 2025-04-09 Weekly Commits on Angular 2025-04-09 TechAngular 2025-04-02 èªã‚“ã 本 2025-Q1 Diaryèªæ›¸ 2025-03-26 Angular: Using Web Worker through Resources TechAngularWeb WorkerSignals 2025-03-19 Weekly Commits on Angular 2025-03-19 TechAngular 2025-03
lacolaco's marginalia
ã™ã¹ã¦ 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 「話題ã«ã™
Enable Rich Social Sharing in Your AngularJS App
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
[AngularJS] éž SPA モードã«ãŠã‘る注æ„点 | DevelopersIO
車輪開発大好ããŠãŸã„ãŒã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ã€‚( 挨拶 ) å°‘ã—å‰ã®è©±ã§ã™ãŒã€éž SPA ã‚’è¦ä»¶ã¨ã•ã‚ŒãŸç”»é¢ã®æ§‹ç¯‰ã«æºã‚ã£ãŸã®ã§ã€ãã®ã¨ãã«æ„Ÿã˜ãŸå¤§åˆ‡ãªãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ngRoute モジュールを使用ã—ãªã„ SPA ã®å ´åˆã€å…ƒã¨ãªã‚‹å˜ä¸€ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸã‚ã¨ã¯ã€ãƒãƒƒã‚·ãƒ¥ä»˜ã URL を切り替ãˆã‚‹ã“ã¨ã§ã‚µãƒ¼ãƒã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚‹ã“ã¨ãªãç”»é¢é·ç§»ã‚’実ç¾ã—ã¾ã™ãŒã€éž SPA ã®å ´åˆã¯ã€ç”»é¢é·ç§»ã®ãŸã³ã«ã‚µãƒ¼ãƒã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’投ã’ã¦ç”»é¢ã‚’å†æ§‹ç¯‰ã—ã¾ã™ã€‚ ãã®ãŸã‚ã€ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°æ©Ÿèƒ½ã‚’も㤠ngRoute モジュールを使用ã™ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ルーティング変更ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’フックã—ã¦ã€URL を見ã¦ã€ãƒã‚¸ãƒƒã‚¯ã‚’ゴリゴリ書ã…ã¨ã„ã£ãŸå‡¦ç†ã‚’æ„è˜ã›ãšæ¸ˆã‚€ã€‚ã¨ã„ã†ç‚¹ã§ã¯å¹¾åˆ†ã‹æ°—ãŒæ¥½ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。( ã‚ãã¾ã§å€‹äººã®æ„Ÿæƒ³ã§ã™ ) $locationProvider ã®è¨å®š AngularJ
![[AngularJS] éž SPA モードã«ãŠã‘る注æ„点 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/f0d3607a7a199f07c7b213c833b97dd2b983c6b2/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fangularjs.png)
Angular 2ã§ä½œã£ãŸæœ€åˆã®ã‚¢ãƒ—リã®äº‹å¾Œåˆ†æž : 使ã£ã¦ã‚ã‹ã£ãŸAngular 2ã®é•·æ‰€ã¨çŸæ‰€ | POSTD
最近ã€Angular 2を使ã£ã¦Webアプリ作æˆã®æ‰‹ä¼ã„ã‚’ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®è¤‡é›‘ã•ã«æˆ¸æƒ‘ã„ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€Angular 2ã¯é–“é•ã„ãªãã™ã°ã‚‰ã—ã„ã‚‚ã®ã§ã™ã€‚ã“ã®äº‹å¾Œåˆ†æžã§ã¯ç§ãŒAngular 2ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを使ã£ãŸæ™‚ã«æ„Ÿã˜ãŸã„ã„é¢ã¨æ‚ªã„é¢ã®ä¸¡æ–¹ã‚’掘り下ã’ã¦ã„ãã“ã¨ã«ã—ã¾ã™ã€‚ Angular 2 Angularã¯æºå¸¯é›»è©±ã‚„デスクトップã®Webアプリケーションを作æˆã™ã‚‹ãŸã‚ã®é–‹ç™ºãƒ—ラットホーム。 https://angular.io/ Angular 2＋リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼â¤ ç§ã¯ã™ã§ã«ã€Angular 1アプリケーション ã§ã¯RxJSã‚’ã‹ãªã‚Šä½¿ã£ã¦ã„ã¾ã—ãŸã€‚特ã«ã€ã‚µãƒ¼ãƒ“ス間ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ»ãƒã‚¹ã‚’è¡Œã†ã‚¢ãƒ—リを作æˆã™ã‚‹æ™‚ã§ã™ã€‚Angular 2ã¯Observableã‚’éžå¸¸ã«ã‚ˆãサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§ã€ã‚¢ãƒ—リ全体ã«ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å–り入れるã“ã¨ãŒã§ãã€
[AngularJS] ç”»é¢é·ç§»æ™‚ã«ãŠã‘る値ã®å—ã‘渡ã—方法ã„ã‚ã„ã‚ | DevelopersIO
車輪開発大好ããŠãŸã„ãŒã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ã€‚（挨拶） 今回ã¯ã€ç”»é¢é·ç§»æ™‚ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‚’è·¨ã„ã§å€¤ã‚’å—ã‘渡ã™æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚「良ã„ã€ã¨ã•ã‚Œã‚‹ä¾‹ã‚‚ã‚ã‚Œã°ã€ã€Œæ‚ªã„ã€ã¨æ€ã‚れる例もã‚ã‚Šã¾ã™ãŒã€ãŠä»˜ãåˆã„ãã ã•ã„。 自å‰ã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ジェクトを使ㆠã‚ã‚‹æ„味ã§æœ€å¼·ãªã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ジェクト ( トップレベルã®ã‚ªãƒ–ジェクト ) ã§ã™ãŒã€ä»Šå›žã®ã‚ˆã†ãªä¾‹ã§ä½¿ç”¨ã—ãŸå ´åˆã€ãƒãƒ¼ãƒ 内ã®ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ューã§ãŠèª¬æ•™ã•ã‚Œã‚‹ã“ã¨ã†ã‘ã‚ã„。 サンプル 一応ã€ã‚µãƒ³ãƒ—ル貼ã£ã¦ãŠãã¾ã™ã€‚( 真似ã™ã‚‹ã“ã¨ã¯ãŠå‹§ã‚ã—ã¾ã›ã‚“ ) ソース シンタックスãƒã‚¤ãƒ©ã‚¤ãƒˆã‚‚ãŠã‹ã—ãªã“ã¨ã«ãªã£ã¦ã—ã¾ã†ç ´å£ŠåŠ›â€¦ var Globals = {}; // ('A`) (function () { angular.module('appName', ['ngRoute'], function($routeProvider) { $routeProvide
『Ameba Owndã®SEOを支ãˆã‚‹æŠ€è¡“ for AngularJSã€
ã“ã‚“ã«ã¡ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹oinumeã§ã™ã€‚今回ã¯æ˜¨å¹´8月ãらã„ã‹ã‚‰ä½œã£ã¦ã„ãŸAmeba Owndã¨ã„ã†ã‚µãƒ¼ãƒ“スã§è¡Œã£ãŸSEO対ç–ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ AmebaOwndã£ã¦ï¼Ÿãƒ–ãƒã‚°æ©Ÿèƒ½ã‚’å‚™ãˆãŸã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®Webサイトを簡å˜ã«ä½œæˆã§ãるサービスã§ã™ã€‚ 香å·çœŸå¸ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ã‚¹ コーヒー オフィシャルブãƒã‚°ãªã©ã®ã‚µã‚¤ãƒˆãŒAmeba Owndを利用ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ アーã‚テクãƒãƒ£ãƒ¦ãƒ¼ã‚¶ãƒ¼ã•ã‚“ãŒWebブラウザã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦ã¯AngularJS + REST API(Nginx + Go)ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚一方ã§Googlebotãªã©ã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã®å ´åˆã¯ã€å—ã‘ãŸãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’NginxãŒPrerender Cacheã¨ã„ã†ã‚·ã‚¹ãƒ†ãƒ ã«Proxyã—ã¦ã€ã“ã®Prerender Cacheã‹ã‚‰HTMLã‚’è¿”ã™ã‚ˆã†ã«ã—ã¦ã„ã¾ã™
AngularJS x UI-Routerã§pushStateを使ㆠ- ã®ã‚‰ãã“ã®æ°—ã¾ã¾æš®ã‚‰ã—
何も考ãˆãšã«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!
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
View Encapsulation in Angular
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
æ–°é®®ãªFalcorã¨Angular2ã®ã‚µãƒ³ãƒ—ルã€å£ç¯€ã®RxJSã¨minimongoã‚’æ·»ãˆã¦(TypeScriptã®Abstract Class風味) - Mainly Devel Notes
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ã®è©±é¡Œã§ã™ã€‚僕ã¯ã“れを何回ã‹èªã‚“ã§ã‚ˆã†ã‚„ãç†è§£ã§ãã¾ã—ãŸã€‚ã‹ãªã‚Šé ãŒç–²ã‚Œã¾ã—ãŸã€‚ 最終的
Exploring the Angular 1.5 .component method - Ultimate Courses
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
Angular2 for TypeScript – 5 MIN QUICKSTARTã®æ—¥æœ¬èªžè¨³ã よ。
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 ã£ã¦ã„ã†åå‰ã®ã€ç©ºã§ä½•ã‚‚ã—ãªã„クラスã よ。 ã¼ããŸã¡ã¯å®Ÿè³ªçš„ãªã‚¢ãƒ—リケーションを構築ã™ã‚‹æº–å‚™ãŒã§ããŸã‚‰ã€ã“ã‚Œã¯ãƒ—ãƒãƒ‘ティã¨ã‚¢ãƒ—リケーションãƒã‚¸ãƒƒã‚¯ã‚’拡大ã™ã‚‹ã‚ˆã€‚ クラ
Angular2 – 5 MIN QUICKSTARTã®æ—¥æœ¬èªžè¨³ã よ。
ã“ã‚Œã¯5 MIN QUICKSTARTã®æ—¥æœ¬èªžè¨³ã よ。 ã¯ã˜ã‚ã¦ã®äººã®ãŸã‚ã«5分ã®ã‚¯ã‚¤ãƒƒã‚¯ã‚¹ã‚¿ãƒ¼ãƒˆã‚’やるよ。 Githubã«å®Ÿéš›ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’用æ„ã—ãŸã‹ã‚‰å‚考ã«ã—ã¦ã‚ˆã€‚ TypeScriptã§ã‚„ã‚ŠãŸã„人ã¯ã“ã£ã¡ã€ Dartã§ã‚„ã‚ŠãŸã„人ã¯ã“ã£ã¡ã‚’見るã¨ã„ã„よ。 ã¯ã˜ã‚るよ。 ゼãƒã‹ã‚‰Javascriptã§ä½œã‚‹ç°¡å˜ãªAngular2アプリケーション制作を始ã‚よã†ã‚ˆã€‚ ãˆã€ã‚‚ã—ã‹ã—ã¦Javascriptã‚„ã‚ŠãŸããªã„ã®ï¼Ÿ 僕ãŸã¡ã¯Javascriptã§å§‹ã‚よã†ã¨ã—ã¦ã„ã‚‹ã‘ã©ã€ãƒãƒŠãƒ¼ã®ã‚³ãƒ³ãƒœãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ä»–ã®è¨€èªžã‚’é¸æŠžã™ã‚Œã°ã€Angular 2 アプリケーションã¯TypeScriptã‚„Dartã§ã‚‚書ãã“ã¨ãŒã§ãã‚‹ã‚“ã よ。 6ã¤ã®æ‰‹é †ã§é€²ã‚るよ。 プãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚©ãƒ«ãƒ€ã‚’作るよ。 å¿…è¦ãªãƒ©ã‚¤ãƒ–ラリをインストールã™ã‚‹ã‚ˆã€‚ app.jsã«ã‚¢ãƒ—リケーションã®ãƒ«ãƒ¼ãƒˆã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’書ãよ。 Bootstrapã よ
Angular 1 㨠Angular 2 ã®é€£æºï¼šã‚·ãƒ¼ãƒ レスãªã‚¢ãƒƒãƒ—グレードã®æ–¹æ³•ã«ã¤ã„ã¦
.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ページを開ã
Angular
TechCrunch | Startup and Technology News
AngularJS: How to setup pushState with html5Mode - codelord.net
Styling Angular components
Angular 1.5 and beyond
{{#tags}}- {{label}}
{{/tags}}