さて、あなたは手元のマシンのローカルリポジトリから、このサーバーへ差分を送信しなければなりません。 計画 手段は2つ考えられます: 手段1: 適当な Git サーバーを利用して、アプリケーションサーバーから pull する 手段2: SSH 経由で Git オブジェクトを送り込む 手段3（追記）: (もっと簡単な方法があります。コメントをご参照ください） 手段1では、アプリケーションサーバーからのアウトバウンド接続が許可されていなければなりません。面倒なので、今回は SSH が繋がるならどんな状況でも対応可能な手段2をとることにします。 なお、手段2にある「Git オブジェクト」について、軽く説明しておきましょう。Git が管理するリソースは、主に次の4種類のオブジェクトとして保存されています1: Commit: 1つのコミットを表すオブジェクト。コミットメッセージや日時、直前のコミットへ

Angular を勉強する最良の方法は angular.io を読む コードやissueを読む 実際に手を動かす だと思います。ただ残念ながらすべて英語で書かれていますので、はじめてこうしたフレームワークにチャレンジするには敷居が若干高くなるかと思います。アドベントカレンダーですので初心者向けに利用している教科書をgitbooksに書き起こしました。細かい説明はあまり書かれてませんので、気になることはご自身で調べると良いと思いますし、やはり angular.io のチュートリアルなどはやっておくべきことと思います。そこに行く前のより簡単なものです。 こちら → https://albatrosary.gitbooks.io/start-angular/content/ 章立ては下記の通りです： Introduction Angularとは アプリケーション開発をするための環境 angula

ソフトウェアを提供している組織では、テクノロジーの発展とともにその組織内における自動化の可能性がどんどん広がってきました。もちろん、なにを自動化しているかは組織によって異なります。本稿では、自動化するためのツールやサービスをソフトウェア開発に焦点をあてて整理し、それらを導入するための戦略を紹介します。 自動化ツールの概要 筆者が自動化するという言葉をソフトウェア開発で初めて聞いたのは、Webブラウザを自動操作したり、ドキュメントを生成したりするものでした。そこからソースコードをバージョン管理、テスト自動化、デプロイ自動化、環境構築自動化と、どんどんいろんなものを自動化できるようになりました。現在ではクラウド環境を利用することで高速に大量のソフトウェアを提供したり、自動化の基盤として利用したりできます。 さまざまなものが自動化できるようになり、それらの自動化の方法はいくつかありますが、現在は

シングルページアプリケーション（SPA）は、いま注目を集めているWebアプリケーションのアーキテクチャです。 vte.cxでもSPAを推奨しており、ReactやAngularなどを自由に使用することができます。 実際にAngularJSで構築した事例もあります。 しかし、大規模プロジェクトにおいてSPAを採用す場合にはよく考える必要があると思っています。 今年、ある大規模プロジェクト（開発者50人以上、1年間）に携わったのですが、SPAを採用することはどうしてもできませんでした。 今日はこの話をしていきたいと思います。 一応、様々なフレームワークを検討してみた Reactは個人的に興味のあるフレームワークで、ぜひ使ってみたいと日頃から考えてはいますが、デザイン(HTML、CSSを含む）を別会社に外注しているので無理でした。別会社にJSXを書いてとは到底いえません。 AngularJSであれ

「クソazureが！」とそのときは思った。何と言ってもAngularで作ったアプリをgithubからデプロイする評価で幾つかインスタンス作ったら一瞬にして（5日ほどで）サブスクリプション 15,000円分が消滅するとは…ほんとにクソだ！とは思いましたが、冷静に考えると"App Service"はどんな料金体系で、もっと格安なのあれば変えとけばいいんじゃない？ということになり改めて見直してみました。 通常Web Appsを作成する場合の価格レベルは「Standard: 1 S」で設定されています。 さてでは価格体系は一体どういうものがあるのかというと となっていて「Standard: 1 S」だと評価のみで利用するにはちょっと高い感じもしなくもないです。で、Freeというのがあるのでそれを選択すると「タダ！」。最高です。 この変更はスケールアップで表示されます。スケールアップをクリックした後

及川卓也さん、河合良哉さんに聞いた「地方で日本で働く・海外で働くの話」（その１）──HTML5 Conference 2016☆番外編 加藤拓明 HTML5 Conference 2016の展示ブースでは、私DJ KATOによる特別ラジオをお届けしておりました。 すごく面白いので、Increments及川卓也さんとヤマハ河合良哉さんがゲストに来てくれた「地方で日本で働く・海外で働くの話」を完全版テキストで書き起こしてみました。ぜひ、カンファレンスレポートの番外編としてお楽しみください！ まずは、自己紹介をお願いします 「海外にも地方にも行っていないのに、なぜか呼ばれています。Increments株式会社の及川卓也です」 「ヤマハ株式会社の河合良哉です。よろしくお願いします」 「地方にも海外にも行っていないというお話がありましたが、環境が大きく変わったという面で共通点があると考え、広い意味で

DevOps, Microserviceなどキーワードが色々話題はあるが、エンジニアとしてはCloudやCI、アプリケーションフレームワークをうまく利用していくことが重要だ。今回はCloudは、AzureのWEB + モバイルを利用し、CIとしてはWercker CI、アプリケーションフレームワークとしてはAngular v2を利用し、開発プロセスからデプロイ/リリースまでの流れを作ってみる。 Azure Azureには40以上のサービスがあり、サービスはいくつかの種類に分けることができる。 Compute ネットワーキング ストレージ Web + モバイル Databases Intelligence + analytics モノのインターネット Enterprise Integration セキュリティ + ID Developer tools Monitoring + managem

超詳解！Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート 保呂毅 はじめまして。GoogleでChromeの開発をしている保呂毅です。 Chromeの中では特にService Worker周りを担当してまして、最近はNavigation Preloadという新機能をがんばって実装しています。 先日開催されたHTML5 Conference 2016でService Worker周辺の最近（ここ1年くらい）の動向に関する発表をさせていただいきました。 今回は、この発表の内容を振り返りたいと思います。 Service Workerとは まず本題に入る前に簡単にService Workerの説明します。 Service Workerとはどういうものかと言いますと、 下のコードのようにnavigator.serviceWorker

こんにちは、トレタのウェブフロントを担当している吉田です。 トレタではウェブ予約やトレタ(Web版)などAngularプロジェクトが数多くあります。 業務の一環でトレタのカンファレンス補助制度を利用して、AngularConnectに9/27,28と両日参加してきました。 (NgConfに行きたかったのにすぐチケットが埋まって行けなかったのは内緒です。) AngularConnectとはEUから離脱をしてしまうことが確定しているイギリスはロンドンで毎年開催している最大級のカンファレンスとなっています。 今年の目玉は何と言っても開催２週間前に発表されたstableになったAngular 2です。 こちらのカンファレンスはその日の初回にキーノートがあり、それが終わると発表2つ ワークショップ1つ 質問1つ Q&Aセッション1つ とセッションが4つに別れます。 発表に関してはセッションリストから

NECは2016年10月17日、住友生命保険からイントラネット基盤「あいキューブシステム」の次期システム構築を受注したと発表した。2018年度の稼働を予定する。次期システムでは、サーバー基盤の仮想化に次いで、SDN（ソフトウエア・デファインド・ネットワーク）の導入によってネットワーク基盤も仮想化する。 本システム基盤は、サーバー、ネットワーク、ミドルウエアなどのIT資源を提供する「インフラ基盤」と、各種業務システムを利用するために必要な認証機能、運用監視機能、セキュリティなどの共通機能を提供する「あいキューブ基盤」で構成する。 次期システムのインフラ基盤では、以前から取り組んでいるサーバーの仮想化に続いて、新たにネットワーク基盤を仮想化する。利用するSDN製品は未定。サーバー仮想化基盤においては、物理サーバーのPCサーバー化を進める。現在は商用UNIXサーバーとPCサーバーが混在しているが

Angular2を学ぶ目的から、最近はElectron + Angular2でプレゼンテーションツールを作っている。 とりあえず一通り動くところまでできたのでpublishした。 github.com 使い方はこんな感じ。 エレベーターの中の30秒でちゃんと相手に伝わるプレゼンをすることを意味するElevator Pitchという言葉があるんだけど、Cafe Pitchという名前はそこからきている。 素早くプレゼンを作るためのツールだけど、現実30秒でプレゼン作れないだろじゃあcafeかな、みたいな感じで、まとめるとそんなに深い意味はないです。 ちゃんと実行できるバイナリを用意しようとは思ってるけど、その辺の準備に必要なことがまだわかっていないのでnpmでglobalにinstallすれば使える、という感じ。 このあたりの記事を見ると分かりそうなので、追って対応していこうかなと思う。 あと

どうも、Kaizen Platform, Inc.の@t32kです。今日はPostCSSについて解説しようと思います。PostCSSについてはそれを解説した同僚のスライドも素晴らしいので、そちらも参考にしてもらえば幸いです。 PostCSS とは何か // Speaker Deck PostCSSとはなにか？ PostCSSは、Autoprefixerの作者でも有名なロシアのAndrey Sitnik氏が開発しているツールです。 postcss/postcss 公式のレポジトリのREADMEには以下のように書かれています。 PostCSS is a tool for transforming styles with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax,

「Angular v2は事前コンパイルすることができる」ということを聞いても何のことだろうと思ってしまう。何故このように事前コンパイルする必要があるかというと「開発したAngular2アプリケーションをより効率の良いもの」にするためです。この「効率」というものを具体的にコードを書いて見ます。サンプルコードはAngular2チュートリアルを使っています。 事前コンパイルはngcコマンドで行いますが、そのモジュールが@angular/compiler-cliから提供されます。これにtsconfig.aot.jsonというファイルを追加することと、package.jsonに"ngc": "ngc -p ./tsconfig.aot.json",というスクリプトを定義すること、そしてbootstrapを定義しているmain.tsに対してAoT(Ahead-of-Time)ファイルmain.aot.

JavaOne 2016が開幕、JDK 9ではJava Shellが登場予定。JavaOne 2016 サンフランシスコでJavaの年次イベント「JavaOne 2016」が開幕しました。基調講演に登場したJava Platform Groupチーフアーキテクト、Mark Reinhold氏は、来年3月にリリース予定のJDK 9の新機能を紹介。 さらにJDK 9の先に実現されるであろう新機能についても触れました。その内容をダイジェストで紹介します。 インタラクティブな「JShell」 Java Platform Groupチーフアーキテクト、Mark Reinhold氏。

Web技術でアプリ開発2016特集・第5弾は、プログレッシブウェブアプリ (Progressive Web Apps)をご紹介させていただきます。 はじめに プログレッシブウェブアプリ(Progressive Web Apps)という言葉が初めて登場したのは2015年8月のAlex Russellによる記事Progressive Web Apps: Escaping Tabs Without Losing Our Soulです。当時オフラインやプッシュ通知など、モバイルウェブを飛躍的に進化させる画期的な機能が次々と追加されていた状況において、このムーブメントを呼称するための言葉が求められていました。Google社内でいくつもの候補が挙げられましたが、Service Workerの発案者としてAlex Russellが推したのが、この「プログレッシブウェブアプリ」でした。 また、当初Goog

キミはNativeScriptを知っているか？Angular2でネイティブモバイルアプリが書けるぞ！ 佐川 夫美雄（Ashiras, inc.） Web技術でアプリ開発2016特集・第4弾は、JavaScript（およびTypeScript）によるクロスプラットフォーム開発が可能ながらネイティブと同様の実行速度を得られる、Telerik社のNativeScriptを取り上げたいと思います。 NativeScriptは、Angular2とも組み合わせて使うことができる、現在注目のフレームワークです。本記事では、XMLによるUI定義を行う従来の開発手法だけではなく、Angular2（ただし、RC4という少し古いバージョン）と組み合わせてモバイルアプリを開発する方法まで網羅してご紹介します。 NativeScriptの概要 NativeScript 2.0は、JavaScriptとCSSを使用し

Cordovaは今やMicrosoftが主導！？最新状況と基本を素早く再チェック！ 田中 正裕（アシアル株式会社） Web技術でアプリ開発2016特集・第二弾は、Cordovaの最新状況と基本をご紹介。その歴史からプラットフォーム／ライブラリの特徴、ネイティブな機能を呼び出す方法などを解説していきます。 概要 CordovaはPhoneGapと呼ばれていた時代を含めると、8年以上の歴史があります。PhoneGapが産声を上げたのは2008年、Nitobi社がハッカソンでPhoneGapを発表しました。オープンソースで提供されていたPhoneGapは注目され、2011年にはNitobiはAdobe社に買収されます。その結果、オープンソースで提供されているフレームワーク（PhoneGap本体）はCordovaと名前がつけられ、Apache Foundationの仲間入りします。 その結果、Ad

React/Angular2時代のUIフレームワーク考──Ionic2、Onsen UI2を語る 白石 俊平（HTML5 Experts.jp編集長） 読者の皆様こんにちは、編集長の白石です。 先日ふとしたきっかけで、本サイトの認定エキスパートでありアシアル株式会社の社長でもある田中 正裕さんと、Web技術について語り合う機会がありました。 ReactやAngular2といった次世代のアプリケーションフレームワークが存在感を増す中で、UIを構築するためのフレームワークはどう進化するのか？ これらのアプリケーションフレームワークをベースとしたIonic2やOnsen UI2と言ったUIフレームワークについて、それぞれの立場から語り合ってみました。 （田中さんはOnsen UI2の開発者、白石はIonic2をかなりヘビーに使い倒しています） Progressive Web Apps (PWAp

連載：池澤あやかとはてな大西の「エンジニアの働きやすい職場って？」 タレントでエンジニアとしても活躍されている池澤あやかさんと、株式会社はてな チーフエンジニアの大西康裕が、エンジニアの働く環境や開発の様子、エンジニアのキャリアパスなどについてインタビューする連載です。毎回、さまざまな企業を訪問し、エンジニアの理想の働く環境について考えていきます。 池澤　というわけで後編スタートです！ 前編では新規事業創出部の田中さんに「Creative Lounge」を案内していただき、上野さん、塩野さんから、社内の「NEST」「アイデアヒミツ基地」などソニーの社員の方の交流スペースをご紹介いただきました。 www.r-staffing.co.jp 大西　とにかく見どころが満載でしたね。展示されていた昔のウォークマン、ずっと使っていました……。 池澤　次は、UX・マーケティング本部クラウド＆サービスアプ

概要 以前触ってみたときはRC3でRC5が出たらもう一回触るかってことで、以前作ったサンプルのRC5への更新、ステート管理の変更、ユニットテストについて試してみた。以前の記事は以下。 blog.bokuweb.me RC5への更新 情報収集をするとNgModuleが追加されたことが大きいようで、コンポーネントごとにdirectivesやpipesでの指定を行う必要がなくなり、stableでこの方法は廃止になるとのこと。現状、このサンプルにおいてはRC3のコードのまま動作するしwarningもでなかった。 詳細は以下で確認すると良さそう。 ng2-info.github.io ng2-info.github.io NgModuleの導入 まずは@NgModuleを使用してモジュールを作ることになる。前回コンポーネントごとに記述していたディレクティブはdeclarationsに記述することにな