Go on Azure + Angular v4 - albatrosary's blog
Azure App ServicesはGoのサポートがあります。現在、Azure App Serviceプラットフォームでサポートされているバージョンは64bit Go 1.4.2とGo 1.5.1です（らしい）。Azure Appサービスを作成してセットアップして、新しいGoアプリに対応し、デプロイメントを設定する必要があります。 Go on Azure Goを実行させるための手順は次の通り： 新しいWebアプリケーション(WebApps)を作成します。 github、gitbucketなどにリポジトリーを作成します WebAppに作成したリポジトリーを登録します ローカルで server.go を作成しリポジトリーに push します package main import ( "fmt" "net/http" "os" ) func handler(w http.ResponseWr
Angular Universal and .Net Core Scaffolding - albatrosary's blog
dotnet (ここでは、あえて dotnet と記します)には Angularテンプレートが用意されているという話を聞きましたので実際に触ってみました。ここで dotnet のバージョンは RC4 を使う必要があります。Angular のテンプレートがあるというだけではさほど珍しいものでもなく、むしろ、なら angular-cli を使ったほうが遥かに利便性は良いと思います。 dotnet の Angular テンプレートの魅力は Angular Universal を基本的に利用しているところです（現時点で Angular Universal をサポートしているのは Node.js と dotnet core だけ）。 GitHub - devCrossNet/universal-cli: CLI tool for Angular2 GitHub - dotnet/core: Home
初心者向け Angular - albatrosary's blog
Angular を勉強する最良の方法は angular.io を読む コードやissueを読む 実際に手を動かす だと思います。ただ残念ながらすべて英語で書かれていますので、はじめてこうしたフレームワークにチャレンジするには敷居が若干高くなるかと思います。アドベントカレンダーですので初心者向けに利用している教科書をgitbooksに書き起こしました。細かい説明はあまり書かれてませんので、気になることはご自身で調べると良いと思いますし、やはり angular.io のチュートリアルなどはやっておくべきことと思います。そこに行く前のより簡単なものです。 こちら → https://albatrosary.gitbooks.io/start-angular/content/ 章立ては下記の通りです： Introduction Angularとは アプリケーション開発をするための環境 angula
【熊本】【Java】アノテーション入門に参加してきた - albatrosary's blog
前回はSpring Bootだったが今回はもう少し基本的なところでアノテーション。まぁ「注釈」というくらいなのでマーキング程度だと思うのですが、アノテーションベースで色々な振る舞い（処理）が行われるとはてさてという感じになるのでがっつりお勉強した。 kumamotojava.doorkeeper.jp やったこと まずアノテーションを身につける前に基本的なデザインパターン実装をやった リフレクション Factoryパターン Proxyパターン 一通り終わった後に待望のアノテーション。アノテーションは「NotNull」チェック用のアノテーションを作った、そうこう言う感じってか何もしていない。やっぱり何もしていない。。。（俺は正しかった）。。。 package megascus.annotation.handson.beanvalidation; import java.lang.annota
Angular2 for TypeScript - albatrosary's blog
これまで行ってきた「Angular2 for JavaScript」をいよいよTypeScriptに書き換えます。Angular2チュートリアルにコードがあるので「書く」という意味ではわざわざブログにするものではありませんが、JavaScript からTypeScriptに書き変えることで、モジュールローダ、アノテーション等の役割が理解できると思います。 利用するライブラリ等はAngular2チュートリアルに従います インストールするツール 次のツールをnpmインストールします。 npm i typescript --save-dev npm i concurrently --save-dev npm i lite-server --save-dev これらライブラリを利用するためのコマンドをpackage.jsonに定義します。 "scripts": { "tsc": "tsc", "t
Angular2 for JavaScript - albatrosary's blog
Angular2もベータ版となり、触りだす方も多くなったと思います。しかし、Angular2のサイトではTypeScriptのサンプルは豊富ですが、ノーマルなJavaScriptで記述されているものがあまり見当たりません。 angular.io あまりAngular2を触ってませんが、学習目的で次のことを行いました。 コンポーネントの利用 ルータの定義と利用 サービスの依存性注入 カスタムフィルタの作り方 作業フォルダーを作る mkdir Angular2Study && cd $_ 必要なライブラリをインストール npmを利用した場合 npm init -y npm install angular2@2.0.0-beta.1 --save npm install rxjs@5.0.0-beta.1 --save HTMLとして次のように定義しライブラリを読み込ませます。 <!DOCTYP
angular - Yeoman Advent Calendar 2015 - albatrosary's blog
既に定番のangular を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月5日の記事です。 www.npmjs.com インストール $ npm install -g generator-karma generator-angular $ mkdir mydir && cd $_ $ yo angular 実行 $ grunt serve ブラウザが立ち上がりアプリが表示される コマンド angular (aka angular:app) angular:controller angular:directive angular:filter angular:route angular:service angular:provider angular:factory angular:value angular:constant angular:de
Angularを簡単に済ませるには - AngularJS Advent Calendar 2015 - albatrosary's blog
Angularでさくっと何か作ってみます。"5 min quickstart"のようなものです。このエントリーは「AngularJS Advent Calendar 2015」12月12日の記事です。 Step0: 作成するファイルの構成 Step1: 環境の作成 作業ディレクトリを作りindex.htmlを用意する $ mkdir TodoApp && cd $_ $ touch index.html index.htmlの中身はHTML5の基本構成で。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <base href="/"> <title>Angular1</title> <meta name="viewport" content="width=device-width"> </head> <body>
ささっとAngular2を動かしてみる - AngularJS Advent Calendar 2015 - albatrosary's blog
何はともあれ、ささっとAngular2を動かしてみたい！というときのためのYEOMANジェネレータを使ってAngular2を動かしてみる。このエントリーは「AngularJS Advent Calendar 2015」12月5日の記事です。 node.jsのインストール もうフロントエンド開発では常識ですね。マシン買ったら何も考えずにnodebrew使ってnode.js入れましょう。ちなみにWindowsの場合ですが若干面倒なこともありますのでこちらは必読です： github.com generator-angular2のインストールと実行 今のところYEOMANジェネレータでAngular2は４つ。まだアルファ版ですからそんなもんです、先走りすぎても仕事じゃね。 $ npm i -g generator-angular2 さていつものようにディレクトリ作ってyoします。 $ yo ang
generator-webapp をベースに AngularJS を利用していくのが学習としては良いということなのでやってみた - albatrosary's blog
先日のYEOMANハンズオンでgenerator-webappをベースにしてAngularJSのモジュールを入れていくのが学習効果としては高いというコメントを見たので実際にやってみました。目標としてはAngularJSとui-routerが使えれば良いかなということで次の通りとした。 angularのインストール ui-routerのインストール ルーティングの実装 ビルドの実施 前準備 前準備として generator-webapp を登録します： $ npm install -g generator-webapp 次にプロジェクトを作成します。今回はオプションをすべて利用してみます： $ mkdir webapp && cd $_ $ yo webapp _-----_ | | .--------------------------. |--(o)--| | Welcome to Ye
MEAN(MongoDB, Express, AngularJS, Node.js)スタックが優れている理由 - Mozilla Open Web Day in Tokyoを終えて - albatrosary's blog
MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(MongoDB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケーション開発とは一線を画すところです。HTML5開発にとってJavaの役割が殆どなくなるというのも注目すべき点だと考えます。MEANで一般的に言われる注目すべき事項は次のところです： JavaScriptフルスタックである データモデルとしてクライアントからデータベースに至までJSON そして、この記事を書こうと思ったきっかけですが、2014/10/5(日) Mozilla Open Web Day in Tokyo | Mozilla Japan でのMEAN解説展示で、様
Angularリンク集 - albatrosary's blog
「Angularの資料で何か良いものは？」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います（あくまでも目安です）。 ★ : まず読みましょう ★★ ： 少し慣れたら読もう ★★★ ：仕事で使うよ 学習順は YEOMANでAngularをインストールし触りながら Angular本家を見つつ Angular Style GuideやNinjaで理解を深める でしょうか（学び方は人それぞれですので）。何れにしても手を動かすのが最良です。 Angular 2 Angular is a development platform for building
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
