ルーティング設定を行ったAngularアプリをFlaskで動かす - Qiita
新たにAngularでアプリを作成してHerokuで動かそうとした際に、同時にPythonで作成したバックエンドのアプリも使いたいときがありました。 その時に、バックエンドをPythonサーバー・フロントエンドをAngularにすればいいのでは！と思ってアプリを構築した際の手順の忘備録です。 開発環境 PythonサーバーにはFlaskを採用しました。 Flask 1.0.2 Angular CLI 6.1.1 Angularアプリのビルド FlaskでAngularのアプリを表示するために、Angularアプリをビルドします。 デフォルトの設定ではビルドするとdistというディレクトリが作成されると思います。このディレクトリの内部のファイルが公開用に使うものとなっています。 ここでは、テスト用のアプリを作成し、ビルドを行うまでのコマンドを記載しています。 testコンポネントはのちのAn
【node.js】Socket.IOでBitFlyerのBTCFXチャートデータ生成を自作する - Qiita
CSG夏休みAdventCalendar23日目です。 Dockerとか書いてみたかったのですが書けるレベルにまでは至っていなかったのでまたの機会に。 部活のイベントで書くネタとしてはどうかとも思いましたがせっかくなのでアウトプットしようという事で、今回は某LTで使ったネタの一部から、仮想通貨自動売買テクニックの一部をご紹介します。 はじめに テクニックとは言っても唯の実装なんですが、何故わざわざ自分で収集するかといいますと。 実際、自動売買やろうと思うとCryptowatchなんていうAPIを使うのがメジャーなわけですが、1か月ほど前に1, 5分の短い時間足で数分間データが抜けてたり価格が違っていたことがありました。 裁量トレードの場合、多少値段が違うくらいならそこまで困ることもないのですが、自動売買ではチャートデータを元にエントリー基準などを決めるので、正確なデータを抜けなく取得出来る
Let's try LINE Pay - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Overview In this article I will explain you how to incorporate the payment mechanism into a Node.js application using the LINE Pay API. We will see how develop and simulate the settlement mechanism using LINE Pay's Sandbox environment. Flow of settlement using LINE Pay A
RaspberryPi3 + nobleでBLE(Bluetooth Low Energy)プログラミングした際の試行錯誤 - Qiita
はじめに BLEのこと全然知らないけど、noble(nodejsのBLEライブラリ)とnode-linkig(Linkingデバイス用ライブラリ)があるから、Linkingデバイスが簡単に使えるね！ そんなふうに考えていた時期が自分にもありました。 以下、node-red-contrib-linking-deviceの開発中にいろいろと試行錯誤した記録です。Raspberry Pi3とLinkingデバイスでの話なので、他の組み合わせでは違う場合もあるかと思いますが、検索してみるとよくある話のようにも思われます。 なお、Bluetoothプログラムは初めてなので、誤解してるところなどあればコメントいただけるとありがたいです。 用語説明： BLE: Bluetooth Low Energy. Linkingデバイス: ドコモが主導してるっぽいいわゆるIoTなBLEデバイス。無線温度センサーが
TypeScript の基礎 - Qiita
特徴・メリット 静的型付け言語であり，あいまいさを回避しやすい（javascript は 暗黙型変換） コード補完を効かせることができる ECMAScriptのスーパーセットで，かつECMA Script 6の機能を先取りしている 変換しても平易なECMAScriptが出力される 既存ライブラリとの相互運用のために外部に型定義ファイルを持てる クラスベースのオブジェクト指向プログラミング 例：クラスの定義を定義した場合の javascript と typescript の比較 // javascript var Greeter = /** @class */ (function () { function Greeter(message) { this.greeting = message; } Greeter.prototype.greet = function () { return
Riot.jsで真偽値属性(disabledなど)が「__disabled」になる問題(v3.0.0) - Qiita
この内容はv3.0.0の場合の話です。最新版では発生しません。 Riot.jsについて 最近のフロントエンド開発ではReactを使うことが多いですが、私は少数派ですので、「Riot.js」をよく使っています。 検索から来た人は、Riot.jsのことはよく知っているはずなので良いですが、そうでない人はぜひ使ってみてください。 __disabled問題 Riot.jsでは、disabled="{ !data.reference[0] }"のように判定式でdisabledが出来る。と公式ガイドに書いてある。 真偽値属性 (checked, selected など) はテンプレート変数がfalse的であれば無視されます。 <input checked={ null }>は <input>になります。 http://riotjs.com/ja/guide/#真偽値属性 しかし、いざ使おうとすると、な
ReactJSとReduxの単体テストを'きちん'と書く - Qiita
React ComponentとRedux（action、reducer）のテスト ReactのComponent周りとReduxのaction周りのCIテストを行いたいと思ったので Jest+Enzymeで単体テストを書いてみました。 JestはFacebookが開発しているReactJS単体テスト用のライブラリです。 単体テストに加え、Reactのレンダリング結果をスナップショットとして保存することもできるため、 レンダリングの差分テストを行うこともできます。 EnzymeはAirbnbが開発しているReactのUnitテスト用ライブラリです。 propsにパラメータを渡したり、stateの変更を行ったりできます。 ReactJSを実践で使う時は Redux、 Matarial-UI、 redux-formを組み合わせることが多いと思います。 今回はMatarial-UI、redux-
静的サイトに Service Worker を導入しようとして失敗した話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 実験的に自分のポートフォリオサイトにService Worker Cache APIを導入しようとして結局断念しました。 この記事は、この失敗の経験の分析と共有のためのものです。 想定する読者 この記事は以下の読者を想定しています。 Service Workerに興味がある まだService Workerを使用したことがない ほとんどService Workerの知識のない初学者を想定しています。 私自身も今回はじめてServiceWorkerに触れました。同じような経験と知識の方を想定しています。 前提とする環境 この記事
ローカル開発環境でZenHubのWebhookを受け取る方法を試す - Qiita
最近、チームのプロジェクト管理ツールをJIRAからZenHubに変更しました。ZenHubはスクラム開発と親和性が高く、導入後のチームメンバーからの評判も上々です。 ZenHubはそのまま利用しても便利なツールではありますが、WebhookやAPIなどの機能が提供されており、これらを使用することでそれぞれの現場に存在するワークフローに対応した仕組みを作ることができます。 私自身も将来的に上図のように、特定のレーンに移動したときにIssueの入力項目が足りていない場合にコメントを付ける仕組みを作りたいと考えています。 本記事ではその初歩として、ローカルでZenHubのWebhookを受け取って表示するところまでを行いたいと思います。 完成形の共有 Node.jsで簡単なWebサーバーを作成して、Webhookを受け取ります。今回はngrokというサービスを利用し、ローカルの開発環境にWebh
Node.jsインストールした際のつまづきメモ - Qiita
Node.jsインストールした際のつまづきメモ Node.jsインストールした際、よくわからないことがあったため調べたことのメモです。 ＃＃ 公式ホームページからDLしてみた（あとでやり直す） まずググると出てくる公式ホームページからpkgでインストールしてみる。 https://nodejs.org/ja/about/ インストールするとDockerみたいにアプリがインストールされないかな、と思ったけど特になく。 どこにインストールされたかわからない。。 もう一度インストーラを見ると、 /usr/local/bin/node にインストールされるらしい。 確認すると確かにあった。
[AWS×ServerlessFramework] AWSLambda(Node.js)をTypeScriptで書いてデプロイする - Qiita
はじめに 最近はAWSLambdaをデプロイするにあたって、ServerlessFrameworkやAWS SAMを利用することが多いと思います。 簡単なソースコードならコンソール画面からインラインで実装すればいいですが(Cloud9で書けるようになったので、かなり書きやすくなりましたね)、複数のLambdaを管理する必要がある場合は、フレームワーク等を利用することで管理コストを削減できます。個々のLambdaをZipに固めてアップロードするわけにもいきませんからね… そんなときにJavaScriptで書いているソースコードをTypeScriptで書けたらいいのになーとか思っていると、「ServerlessFrameworkにもTypeScriptのプラグインありますよ」という情報を手に入れたので、本格導入する前に個人で試してみました。 ServerlessFrameworkのインストール
![[AWS×ServerlessFramework] AWSLambda(Node.js)をTypeScriptで書いてデプロイする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c1745b65331282e1bc9e5bfbd199c51de64eb6c4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGOTU4NzUlMkZwcm9maWxlLWltYWdlcyUyRjE2MDQ4ODA1MTc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YWY4Yjg3ZmJlYjg4YmJjOTg0YjdlOGNmY2QxYjcyODQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dca6ea1538aef7ced6173077dd65fd192%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQVdTJUMzJTk3U2VydmVybGVzc0ZyYW1ld29yayU1RCUyMEFXU0xhbWJkYSUyOE5vZGUuanMlMjklRTMlODIlOTJUeXBlU2NyaXB0JUUzJTgxJUE3JUU2JTlCJUI4JUUzJTgxJTg0JUUzJTgxJUE2JUUzJTgzJTg3JUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgyJUE0JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YTRiYjY4YjNlYTllYzc0NjY5MTRkNjdkMDczZTEzMDM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBpc19yeW8mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0wOTk2MGUxNDZhNmEzYTlkZjY3ZjcwNTE1M2YwMGY0OQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D4eae7ad9c4ae55c19517597c1db30647)
GCPのCloud Buildからnodejs8 on GAEを動かす時にはyarnでなくnpmを使おうというお話 - Qiita
Cloud Buildいいですよね。 今まではデプロイの自動化をしようとすると、CircleCIとか、werckerで同等機能を外部で用意するか、それともGCEでインスタンスを立ててとかやる必要があったんですが、GCP内でサーバレスで完結できるので構成がとてもシンプルにできます！ AWSだったらcode deployがあるのになぁと羨んでいたんですが、それも過去の話に そんな便利なCloud Buildなんですが……cloud buildからnodejs8のソースをGAEにdeployする時にちょっとした罠っぽいものがあったので備忘録もかねて 問題のソース package.json { "name": "nodejs8-by-yarn", "version": "1.0.0", "description": "", "main": "app.js", "scripts": { "start
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue routerでルート定義を動的に生成する方法 - Qiita
Puppeteerを使ってページごとにスクレイピングした結果をjson2csvでcsvに出力しようとしたら躓いた - Qiita
LINE Payを使ってみよう - Qiita
[非推奨][TypeScript] create-react-appで始めるだいたいストレスフリーな開発環境の構築 - Qiita![[非推奨][TypeScript] create-react-appで始めるだいたいストレスフリーな開発環境の構築 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/504063c725945e5485455811c2010b5918111ef6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGODk1NDQlMkZwcm9maWxlLWltYWdlcyUyRjE1MDg3NzgyNTc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YWI4NjQ3ZWIxZTg5Y2I5YWVkMTU2NzA1ZDZmZmU4MmI%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253De3570161dec2120596216436facd9903%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU5JTlEJTlFJUU2JThFJUE4JUU1JUE1JUE4JTVEJTVCVHlwZVNjcmlwdCU1RCUyMGNyZWF0ZS1yZWFjdC1hcHAlRTMlODElQTclRTUlQTclOEIlRTMlODIlODElRTMlODIlOEIlRTMlODElQTAlRTMlODElODQlRTMlODElOUYlRTMlODElODQlRTMlODIlQjklRTMlODMlODglRTMlODMlQUMlRTMlODIlQjklRTMlODMlOTUlRTMlODMlQUElRTMlODMlQkMlRTMlODElQUElRTklOTYlOEIlRTclOTklQkElRTclOTIlQjAlRTUlQTIlODMlRTMlODElQUUlRTYlQTclOEIlRTclQUYlODkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zOTg3NmEyY2NhZmQ0Zjc2YmRkOTc5ZDdlZGU1MWIwZQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5dXJpYS1uJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZGI1MzRkMWU4YzQ2YmUyZDlkZDc1Njk4NjExMmY0MmU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D7426b1fa3e08867ef8802efdd9a75161)
Vue.js+TypeScriptでコンポーネントをv-modelでつなげてみる - Qiita
local にインストールした node module package の実行方法 - Qiita
Node.js で簡単にtcpスキャン(ポート指定存在チェック)する - Qiita
webpack-dev-serverは引き続き開発継続される見通し？ - Qiita
