Angular5 で Bootstrap4 ( beta ) を使ってみよう #serverless #adventcalendar | DevelopersIO
Angular5 の導入 最新版の angular-cli を使ってプロジェクトを作ることで Angular5 が利用できます。 npm install -g @angular/cli@latest ng new angular-bootstrap cd angular-bootstrap ng version Angular CLI: 1.6.1 Node: 8.5.0 OS: darwin x64 Angular: 5.1.1 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cli: 1.6.1 @angular-devkit/buil
Amazon DynamoDB のデータを API Gateway と Angular( D3.js ) でサーバーレス可視化する | DevelopersIO
とある投票システムを仮想したデータです。特定の投票者IDに関するデータを、日別で見たいとしましょう。 export interface Vote { voteDate: string; value: number; } export const Votes: Vote[] = [ {voteDate: '2017-11-10T12:00:12+09:00', value: 345.11 }, {voteDate: '2017-11-11T22:00:12+09:00', value: 102.34 }, {voteDate: '2017-11-12T09:12:45+09:00', value: 345.11 }, {voteDate: '2017-11-13T09:12:45+09:00', value: 312.12 }, {voteDate: '2017-11-14T09:12:45
スマホアプリを使ってAWS IoTボタンのサーバとクライアントを一瞬で構築する | DevelopersIO
AWS IoTボタンを利用するには、サーバーサイド(AWS)の構築とボタンの初期設定が必要です。 ドキュメントを読みながらAWS管理画面とボタン管理画面とボタンを行ったり来たりしながら構築するのはそれなりの時間と労力を要します。 細かいことは良いから、プログラミング無しにAWS IoTボタンを瞬殺でとりあえず動かしてみたい人におすすめなのが、今回紹介するモバイルアプリ「AWS IoT Button Dev」です。 アプリの概要 iTunes の概要には Fast provisioning and set-up This app walks you through a few easy steps to get your AWS IoT Button up and running: (1) Register - create the resources required for your B
swagger-node を使って API ドキュメントとスタブサーバーを作成する | DevelopersIO
Swagger module for Node.js Swagger は OpenAPI Specification (OAS) に準拠した API ドキュメントを YAML または JSON で定義できるフレームワークです。Amazon API Gateway を始めとした各種サービスで用いられることから、世界的に最もポピュラーな API フレームワークと言えるでしょう。 今回はそんな Swagger の Node.js 製のモジュールである「swagger-node」の使いかたを README に沿って試してみました。 検証環境 macOS Sierra 10.12.3 Node.js v6.11.0 swagger-node 0.7.5 swagger-node のインストール まずは始めに swagger-node をインストールしましょう。swagger-node が内部で np
Angular プロジェクトを新規作成したとき 生成されるファイルの役割を説明していく | DevelopersIO
サーバーサイドアプリケーションの動作確認やデモのために Angular を触っています。Angular は、 anglar-cli を用いることで、雛形の生成や開発に必要なファイルの追加といったことがコマンドラインから行えます。 「雛形を作ったときに一緒に生成されるファイルのことをよく知らないな」と思い、調べて記録することにしました。 バージョン情報 $ npm install -g angular-cli@latest $ ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_
ElixirとPhoenixでWebSocketを使ったChatアプリケーションを作る | DevelopersIO
昨今のWebアプリケーションでは、クライアント、サーバが常時接続してメッセージ通信をすることが求められてきています (リアルタイムWebアプリケーションと呼ばれたりします)。 このアプリケーションには以下の特徴があります クライアント、サーバが常時接続 クライアントからではなく、サーバから接続しているクライアントへ情報をプッシュする 通信の頻度が多い 今回はこのような常時接続型のアプリケーションを実現するために作られたWebSocketの説明と、PhoenixでWebSocketをどのように使って常時接続のアプリケーションを作るか説明します。 WebSoketが必要とされてきた背景 今までのWebアプリケーションのリクエスト/レスポンス処理は以下のようなアーキテクチャでした。 全てのリクエストは状態を持たない サーバはリクエストを毎回新しいものとして扱う(HTTPはもともとステートレスなプ
initd-foreverでNode.jsアプリをデーモン化する | DevelopersIO
ども、大瀧です。 最近Node.jsで作ったアプリをシステム起動時に自動起動させることが良くあるのですが、/etc/rc.localにnode <SCRIPT_NAME>と直書きするのも使い勝手が良くないかなと思い、foreverとSysVinitを連携させるinitd-foreverというツールを試してみたのでレポートします。 initd-foreverとは Node.jsのプロセスマネージャーとしてはforeverが著名ですが、Linuxの枯れたシステム管理サービスのSysVinitからforeverをキックするスクリプトを生成するのがinitd-foreverです。foreverと同じく、npmでインストールします。 $ npm install -g forever initd-forever npm WARN optional dep failed, continuing fsev
node.jsのいろいろなモジュール50 – Google Spreadsheetにアクセスする | DevelopersIO
2.Google Developer コンソールでAPI許可とKeyファイルのダウンロード Google Developerコンソールにアクセスし、プロジェクトを作成します。 作成したプロジェクトを選択し、サイドバーのメニューからAPI->Drive APIを選択して、Drive APIを有効化しましょう。 次にプロジェクトを選択した状態で、メニューから認証情報->認証情報を追加 ボタンを押します。 「サービスアカウント」を選択し、JSON形式を選択して作成ボタンを押すと、JSONファイルがダウンロードされます。 3.jsonに記述してあるメールアドレスをアクセス許可する 最後に、Googleスプレッドシート画面で共有ボタンを押し、 ２でダウンロードしたJSONに書いてある「client_email」のアドレスを追加します。 なお、ここで許可するアカウントは、APIアクセス用に発行されたd
あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方
連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツールを統合したワークフローを提供する「Yeoman」 Yeomanとは、公式サイトいわく、「The web's scaffolding tool for modern webapps」とのことです。 訳すと、「今風のWebアプリのための土台／基盤を作ってくれるツール」といったところでしょうか。「scaffolding」はRuby on Railsの主要機能として有名になった言葉で、コマンドを打つだ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
