firebase storageから音声ファイルをダウンロードして再生 - Qiita
この記事で書くこと Firebaseの環境構築や、firebaseのインストールは参考文献に記載しているページに詳しく記載されていますので割愛します。 この記事は、「AngularのプロジェクトにFirebaseを導入する」のangularfire2とfirebaseをインストールまでを終了した状態から開始するものとします。 また、AngularFire2を用いてFirebase Storageからファイルのダウンロード、ダウンロードした音声ファイルの再生について記載します。 angularfire2とは Angularで使い勝手がよくなるようラッピングされた、Firebaseクライアントです。 RxJSを使ってクライアントとFirebase間の同期を行うのが特徴で、現在（2018年9月）のところCloud Firestore、Realtime Database、Authenticatio
NodeJSについて基本的な情報 - Qiita
最近はNodeJSの勉強を始めました。この作文は私の学んだことのメモと日本語の練習です。 Udemyで勉強しています。NodeJS Course NodeJSは何ですか？ JavaScriptは「Interpreted Language」という「Interpreter/Engine」が必要な言語です。このエンジンはマシンの言語までコードを翻訳します。実行の時、翻訳する。「Compile」が必要じゃありません。 JavaScriptのエンジンで「Google Chrome V8 Engine」は一番有名です。Nodeのエンジニアはバクエンドサーバの特徴のために「V8 Engine」をパッケージして、APIとLibrariesのコードを作って、NodeJSをできました。 NodeJSはサーバサイドのJavaScriptの「Runtime Environment」です。 「Event Loop」
Nuxt.js 2でYoutubeプレイヤー埋め込み - Qiita
調べると https://github.com/anteriovieira/vue-youtube https://github.com/kaorun343/vue-youtube-embed kaorun343/vue-youtube-embedがNuxt2のuniversalモードで動かなかった の二つが出てきました。 kaorun343/vue-youtube-embedの方がよく使われてそうなのですが、Nuxt.jsのspaモードだと動作してuniversalモードだとエラーが発生して動かなかったです。 Unexpected token export render function or template not defined in component: anonymous などのエラーです。 Using vue-youtube-embed in Nuxt.js にある方法やre
AngularDartのアプリをNetlifyでデプロイする - Qiita
課題 AngularDartで意気揚々とWebアプリを作成したものの、Netlifyにデプロイする方法は公式ドキュメントから発見することができませんでした。 npm/ruby/python/goは対応していますが、残念ながらDartはまだ1のようです。 解決策 ドキュメントには見当たりませんでしたが、Netlifyの仕組み上シェルコマンドは実行することができます。そこで、以下のスクリプトをリポジトリに配置し、これを呼び出すことで無事デプロイできるようになりました！ やっていることはdartのSDKを落としてきてbuildを走らせているだけです。DART_VERの部分は要件に応じて変更して下さい。 # !/usr/bin/env bash set -eux DART_VER='2.1.0' curl -o dart.zip https://storage.googleapis.com/dar
Vue.jsの環境構築 (mac) - Qiita
# nodebrewインストール $ brew install nodebrew $ mkdir -p ~/.nodebrew/src # <- フォルダ作ってないとinstallでコケる $ nodebrew -v nodebrew 1.0.1 # インストール可能なnode.jsのリストを表示 $ nodebrew ls-remote # version8.9.4をインストール $ nodebrew install-binary v8.9.4 $ nodebrew ls $ nodebrew use v8.9.4 # nodeとnpmコマンドのパスを通す $ nodebrew setup $ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile $ source ~/.bash_profile #
nuxt.js(v2)でIE11対応をする（JS編） - Qiita
■動作確認済みバージョン nuxt.js(2.11.0) create-nuxt-app(v2.12.0) ■更新履歴 2020/2/5 最新のバージョンに合わせてリライトしました。 .browserslistrcファイルが使えるようになりました。 お勧めのpolyfill設定方法を追記しました。 特に設置の必要はありません（cool!）。以下に、確認・変更のポイントを記載します。 対応ブラウザの確認方法 対応ブラウザは「browserslistパッケージ」で確認します。ターミナルで% npx browserslistを実行してください。 % npx browserslist ディフォルト設置の対応ブラウザ ↓ and_chr 79 and_ff 68 and_qq 1.2 and_uc 12.12 android 76 baidu 7.12 chrome 79 chrome 78 chr
【Node.js】Module Wrapper に遭遇して exports と module.exports の勘違いに気づいた - Qiita
【Node.js】Module Wrapper に遭遇して exports と module.exports の勘違いに気づいた Node.js 初心者の自分は、なかなか require (特に module.exports) がイマイチ理解できない感あったので、いろいろ勉強してたら Module Wrapper に遭遇したので書き残しておきます。 参考 Module Wrapper Function - YouTube javascript - How to change the Node.js module wrapper_ - Stack Overflow そもそも require の実行の仕方が全然違った 他の言語からの勝手な想像で 基本的にはファイルを読み込んで展開してくれるから、普通に宣言したら どこからでも参照できそう むむむ... module.exports しないといけ
Awesome-XXから、githubのスターを取る方法(おまけ) - Qiita
概要 Awesome-XXから、githubのリンクをたどって、スター数を取る方法を書いておきます。 Tips Nodeのライブラリに、cheerioというライブラリがあります。 XMLやHTMLのパースに、大変便利です。 そのライブラリの友達に、cheerio-httpcliというものがあって、URLからhtmlを取ってこれるので、この2つを使ってごにょごにょすれば、30分もあればスクリプトが出来上がりです。 手順 たとえば、https://github.com/avelino/awesome-go にアクセスし、ページのソースを出して保存します。 github.comで始まるaタグを取得して、そのURLをcheerio-httpcliでパースします。 githubのスターは、「social-count js-social-count」というCSSクラス名で書かれているため、それを取得し
Create Nuxt Appとnuxt-community/express-templateで作成したときの違いメモ - Qiita
選んだ選択肢は以下の内容 ? Project name: myapp ? Project description: My geometric Nuxt.js project ? Use a custom server framework: express ? Use a custom UI framework: none ? Choose rendering mode: Universal ? Use axios module: yes ? Use eslint: yes ? Use prettier: node 今回はこんな感じです。 GlobalなCSSのデフォルトの場所 nuxt-community/express-templateだとbodyやhtmlタグ全体のCSS設定はassets/css/main.cssに記載してあったのですが/layouts/default.vueの中のs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Elements in iteration expect to have 'v-bind:key' directivesと怒られる時 - Qiita
rails-ujsを使うとWebpackのHot Module Replacementが効かない時の対処法
package.jsonのscriptsでは他のscriptを連続して使用できる - Qiita
GCPのCloud Functionsでの、関数の外の変数について - Qiita
TypeScriptで書いたCloud FunctionsをCloudBuildを使ってDeployする - Qiita
underscoreのeachでbreakできないならeveryを使おう - Qiita
Electronのアプリをパッケージング - Qiita
ServerlessでTypeScriptの開発環境を作る - Qiita
Node.jsで「Hello World」 - Qiita
Docker内のNode.jsサーバーでファイルの変更を検知して自動再起動 - Qiita
【雑記】TS準備いろいろ - Qiita
