GCP(GCE)にNode.jsアプリケーションをデプロイする - Qiita
可能な限りお金は使わない方向で実現したいと思います。 手順一覧 gce(Google Compute Engine)のインスタンス作成 nginxを設定してhttp接続できるようにする ドメインをfreenomで作る Let's Encrypt でSSL証明書を作る アプリをnodejsで作る nginxの設定を修正しアプリをhttps接続できるようにする gce(Google Compute Engine)のインスタンス作成 GCPにログインします https://cloud.google.com/ Compute Engineのインスタンスを作成する ダッシュボードからCompute Engineを選び、VMインスタンス、インスタンスを作成と進みます。 名前を適当に決めます デフォルトのままでも良いです。 リージョンをus-west1 (オレゴン)にします。 初期設定の「us-east
Google Home でLINEのメッセージを”おしゃべり”双方向通信（コミュニケーション）をしてみよう． - Qiita
1. イントロダクション． 家族間でのやりとりにLineを使っていますが，小学生の娘はスマホがないので，コミュニケーションに参加できません．それなら，Google Home miniを使えば参加できるのでは？と思って，Qiitaの同様のページを参考にいちから作ってみました． 私のようにプログラム初心者が躓くところも詳しく書いてみます．参考サイトにリンクすることでページをスマートにすることもできますが，この順番で実行することでできるようになった方が便利だと思い，すべてのフローを記しました． そのため長文になりますがご容赦ください． Google home とlineアプリをつないで、コミュニケーションできるようにしました。#googlehome pic.twitter.com/bXc2O8dEIz — しろう (@nigo1973) 2018年9月23日 1.1. 参考にしたページ 以下のサ
Nodejsのコンソールに色付け - Qiita
const Reset = '\x1b[0m'; const Bright = '\x1b[1m'; const Dim = '\x1b[2m'; const Underscore = '\x1b[4m'; const Blink = '\x1b[5m'; const Reverse = '\x1b[7m'; const Hidden = '\x1b[8m'; const FgBlack = '\x1b[30m'; const FgRed = '\x1b[31m'; const FgGreen = '\x1b[32m'; const FgYellow = '\x1b[33m'; const FgBlue = '\x1b[34m'; const FgMagenta = '\x1b[35m'; const FgCyan = '\x1b[36m'; const FgWhite = '\x1b[3
Swagger定義ファイルの書き方(超手抜き編) - Qiita
Swagger定義ファイルは、いろいろ定義してバリデーションを厳密にできる反面、ちょっと使おうと思うと、ルールが厳しくて億劫になりがちです。 そこで、必要最低限のSwagger定義ファイルの書き方を備忘録として残しておきます。 いざ本番となるときには、SwaggerのSpecificationに従って厳密に定義してください。 (参考情報) https://swagger.io/docs/specification/2-0/basic-structure/ 一番簡単な定義 結論だけ示すと、一番簡単な定義は以下の通りです。 /pathsのところを参考にしてください。 swagger: '2.0' info: version: 'first version' title: Sample Api host: localhost:10010 basePath: / schemes: - http c
最近学んだCSSメディアクエリについて - Qiita
はじめに 最近、初めてメディアクエリについて学んだことをメモとして残しておきたいと思います。 メディアクエリについて Webページを閲覧する際に、ユーザーはPCやスマートフォン、タブレットなど様々な端末を用いています。その際に端末に応じて、Webページ上に表示する内容を表示する必要があります。レスポンシブなWebページを作成するために、メデイアクエリが使用されます。レスポンシブなWebサイトを作成する際に使用される有名な例だとbootstrapが挙げられます。 QiitaをPCで表示した場合 Qiitaをスマートフォンで表示した場合 上記のようにPCとスマートフォンで表示した場合、それぞれのデザインが異なっています。 レスポンシブなWebデザインとは？ メディアクエリを調べた際に、レスポンシブなWebデザインと見かけることが多かったのですが、そもそもレスポンシブとは何かと疑問に思い調べまし
Firebaseを駆使してTwitterをbot化してみた - Qiita
きっかけ・やったこと Twitter apiの制限が厳しくなって、１アプリあたり３００ツイートしかできなくなる（なった？）そうなので、 自分専用のbotアプリをひとつ作った。 実装方針 Firebaseとapp engineでcloud functionを定期実行し、その関数からtwitter apiを叩く Firebaseプロジェクトの作成 まずはFirebaseでプロジェクトを作成するところから。Firebaseにアクセス。 以下の画面から、「プロジェクトを追加」を選択。(お仕事で使ってるプロジェクトも写ってるのでそこは隠してます) すると次のようなポップアップが出るので赤丸のとこにチェックを入れてプロジェクトを作成。プロジェクトIDはあとで使うのでメモっておく。 プロジェクトを作成できたら料金プランを従量制のBlazeにアップグレードする。(外部のAPIにアクセスできないので) 定期
今から始めるReact入門 〜 Mobx 編 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 ←★ここ ※MobX の説明については不要で早くデモを始めたい場
ReduxでAPIの通信の状態を共通で扱うTips(feat. typescript-fsa) - Qiita
APIコールが発生する処理を行った時にローディング中かどうかを示す loading なり fetching なりのフラグを用意すること、結構あると思います。これを様々なActionごとに逐一準備するのだるいのでまとめて用意する方法と、それをtypescript-fsa使うと意識すること一つ減るよという小ネタです。 考え方はこちらのブログのアイデア完全にお借りしていて、typescript-fsa前提だとAction Typeが必ず特定のフォーマットになるので幸せになったという話。 https://medium.com/stashaway-engineering/react-redux-tips-better-way-to-handle-loading-flags-in-your-reducers-afda42a804c6 typescript-fsaの非同期アクション typescript
Nuxt.jsでうさぎを増やして跳ねさせる - Qiita
フロントエンドの学習のためにうさぎを増やしたり跳ねさせたりできるサイトを作製しました。 うさぎがピョン！ ソースはGitHubに置いています。 fmatzy/usagi DOM要素を動かす DOMの論理的な構造はHTMLが担いますが、見た目に関する部分はCSSが担います。アニメーションについてもCSSを使います。 参考: コピペで使える！ CSS Animationだけで実現するキャラクターアニメーション - ICS MEDIA せっかくならもう少しアクロバティックに動かしたいですね。 うさぎを動き回らせる 画面上の要素の配置を決めるのもCSSであるため、プロパティをstyleに紐づけ、その値を動的に変更することで、動的に位置を変えることにしました。 @Component({}) export default class Creature extends Vue { @Prop() pos
Ionic CLIのソースコードを追ってみよう - Qiita
でインストールして、それ以降、ionic コマンドを使えるあいつです。Ionic Teamはソースコードを で公開しており、CLIの中身をここで確認することができます。 Ionic CLIを手元でコンパイルする GitHubからcloneしたファイルを使って、Ionic CLIを動かすことができます。試してみる場合は、以下の手順を実行してください。 https://github.com/ionic-team/ionic-cli をローカルにcloneする npm i で依存パッケージをインストール npm run bootstrap で、packages/以下のモノレポ毎の依存パッケージをインストールして、それぞれをリンクさせる npm run link で、グローバルにパスを通します これで、あなたのionicコマンドは、cloneしたパッケージから実行されるようになりました。ちなみに、
obnizに駅すぱあとの駅コードを表示する - Qiita
Node.js内でWeb APIに接続する勉強も兼ねて。 obnizの画面上に「駅すぱあと」で定義した駅コードを表示させます。 （22671はJR高円寺駅の駅コードです） obnizのセットアップ方法はこちら。 Node.jsの起動方法はこちら。 駅すぱあとWebサービスのアクセスキーの取得はこちら。ですがすぐに発行されないので、こちらの入門書（0円書籍）にサンプル用のキーを用意しているので、そちらを使うのが速いです（笑） var Obniz = require("obniz"); var rp = require('request-promise'); var obnizeId = "YOUR-OBNIZ-ID"; var ekispertKey = 'YOUR-EKISPERT-ACCESS-KEY'; var stationCode = ''; var obniz = new Obn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Homeでポッドキャストを再生する時にTypeError: ref.child(...).val is not a functionのエラー - Qiita
ASK CLI で自前のテンプレートからスキルを作成できるようにする - Qiita
node.js 基礎の基礎の基礎 [writeHeadとendが知りたい]（自分用備忘録）
Node.js+Express+TypeScriptの開発環境構築
stylusについて - Qiita
Redux & TypeScript: コード記述量を減らす方法 - Qiita
Vueのオプション構成・ライフサイクルダイアグラム - Qiita
[PHP+JS] Laravel + Vue + Vuetify でページネーションを実装する - Qiita
【2018年】Webpack4でVue.js単一ファイルコンポーネントの作り方 - Qiita