react-dropzone、Express、Firebaseを使った画像のアップロード
components/FileUpload.ts const onDrop = (acceptedFiles: File[]) => { console.log(formData) } return ( <div> <DropZone onDrop={onDrop}> {({getRootProps, isDragActive}) => ( <div...
View Articlenodejs, npm, nパッケージ構築備忘録【Ubuntu18.04 LTS】
n packageによるnpm環境構築 nパッケージを使うことで常に最新版の導入や、nodejs自体のバージョン管理を簡単に行うことが出来るようになり、またnpmパッケージも自動で入れてくれます。 nパッケージの構築に必要なパッケージ共をaptからinstall とりあえずnodejsやnpmをaptでインストールします。あとで消しますが。 sudo apt update &&...
View ArticleClik here to view.
obnizOS on M5StickCでハマった件 #yorohack #obniz
ちょうど届いたので、#yorohackで触ってみてました。 【乾杯スタートで居酒屋ハック！】養老乃瀧ハッカソン2019 まず電源がつかない (でも焦ってはいけない) 木戸さんに教えてもらった記事M5StickC[obnizOS + Hobby Lite]でLピカする。を見るとこんな記載が なんと電源が付いても何も変化がありません。...
View Articlenode.js,express,yarn,postgresql,sequelizeのインストールコマンド集
動作環境 ホストos：win10 ゲストos：ubuntu virtualbox：5.2.34 Vagrant 2.2.5 以上の条件ではなくとも仮想化が終えられている方であれば以下のインストールは問題ないかと思われます。 node.jsのインストール まずnode.jsのバージョン管理をするnvmをインストールし、nvmを使ってnode.jsをインストールします。...
View ArticleClik here to view.
急性中耳炎の重症度が分かるLINE Botの作成
概要 プログラムの勉強を始めて4か月ほどの開業医です。 病気のおすすめの診断法や、治療法などを記載した診療ガイドランというものがあります。診療ガイドラインに従うことは強制ではないのですが、エビデンスに基づいた治療をするためにはガイドラインは重要です。しかし、忙しい臨床現場ではガイドライン通りに診療を進めることが難しい場合もあります。...
View ArticleJavaScriptのコールバック関数
JavaScriptのコールバック関数についてのメモです。 コールバック関数とは、ある関数の引数に渡される関数のことです。 Java Scriptはソースコードを上から順番に実行してくれる訳ではありません。 意図した順番に処理を実行するために使われるのがコールバック関数です。 コードは全てプレイグラウンドで実行できますので、試してみてください。 コールバック関数を使わない場合...
View ArticleMac OSX 導入したもの備忘録：開発編2-2 ~gulp~
備忘録 Macにインストールしているもの 色々開発用にMacに入れたもので手順が煩雑になりがちなものがあったので備忘録として残します。 準備編 日常編 開発編1 開発編2-1 vue-cli 開発編2-2 Gulp ← 今ここ Gulp Node.jsで動いているタスクランナーと言われるツール。 最近だとwebpackにとって変わられている感がありますが厳密には違うカテゴリのツール。 (...
View ArticleGulpのBrowsersyncで立ち上げたローカルサーバに、スマホからアクセス出来ない時
概要 ブラウザの自動リロードを実現してくれるBrowsersyncという便利なプラグインがあり、ローカルIPアドレスでサーバーを立ち上げる事が出来ます。 同じLANネットワークの端末からアクセス出来るので、スマホ・タブレットでの表示確認に便利です。...
View ArticleClik here to view.
アプリエンジニアがNode.jsに入門してみる(概念理解、導入、HelloWorldまで)
背景と目的 エラー監視にNode.jsが使用されていたからです。私の所属するチームではアプリで発生したエラーをslackに通知する形でエラー監視を行なっているんですが、その実現にNode.jsを使用していました。今後通知するエラーの条件変更などを行う際にNode.jsとサーバサイドの知識が必要になるので、Node.jsの基本的な使い方と導入方法について理解しようと思いました。...
View ArticleESLint v6.6.0
前 v6.5.0 | 次 (2019/11/23 JST) ESLint v6.6.0 has been released: https://t.co/oHo5t86A0k— ESLint (@geteslint) October 25, 2019 ESLint 6.6.0 がリリースされました。 小さな機能追加とバグ修正が行われています。 これまで ESLint...
View ArticleClik here to view.
[養老乃瀧ハッカソン2019]ひたすらビールを注文するコースターを作った
目次 はじめに 機能概要 実装コード 感想と反省点 はじめに ◆飲み会で、周囲の人のグラスが空いていたら、「何か飲まれますか？」と聞いて飲み物を注文せねばならぬ。 ◆俺はただ、ビールが飲みたいんだ！飲む物は決まってるんだから注文せずにズッて持ってこいや！ って思うこと、ありませんか？ 少なくとも、私は常々思ってます。...
View ArticleClik here to view.
WebComponents だけでアプリの骨格を作ってみる
はじめに WebComponents、何がいいかというとブラウザでネイティブに対応してるとこですね。 そろそろ本家、3rdパーティーともライブラリが充実してきて、Vue とか React とかのフレームワークを使わずに WebComponents だけでいけそうな感じになってきたので、とりあえず下のようなアプリの骨格を作って検証してみます。 オフィシャルの material.io の GitHub...
View Article【Firebase】Cloud FunctionsとVideo.jsで簡単にストリーミング動画配信する
Firebase Cloud FunctionsとVideo.jsで動画のストリーミング配信に挑戦してみました。 node.jsとExpressでサーバーを作り、htmlファイルを用意し、Video.jsを使いsafari以外のブラウザでHLSを再生できるようにします。 （この記事はざっと書き上げたので、細かい部分説明は追記で書き足していきます。。）...
View ArticleClik here to view.
bot用フレームワークなしでslack botを作る
はじめに 以前slack botを作ろうとbotkitを用いて作成していたのですが、herokuで稼働した時にちょっとした問題があったのでbotkitなしでslack botを作った際の知見を共有したいと思います。 *記事書くのは初めてなので拙いと思います。 botkitとherokuの問題点と解決策 問題は2つ 1....
View ArticleClik here to view.
【簡単】GitHub Actionsを使って静的ファイルをFirebase Hostingにデプロイをする【PlayCanvas】
GitHub ワークフローを使用してPlayCanvasのプロジェクトをFirebase Hostingにデプロイをする方法を紹介します。 PlayCanvasとは？ PlayCanvasは、インタラクティブなウェブコンテンツ用のビジュアル開発プラットフォームです。作成するツールとウェブアプリは、どちらもHTML5を使用しています。...
View Articleコピペ爆速で各言語環境を構築する方法
とりあえずさくっと言語環境だけ入れたいことはままある。ググるのすらめんどくさい！なので、各言語ごとにコピペ(大事!)で出来る環境構築方法をまとめる。※随時更新予定 対応言語 Node.js Ruby Node.js git clone git://github.com/creationix/nvm.git ~/.nvm echo 'source ~/.nvm/nvm.sh' >>...
View ArticleNode.jsでSOAP Clientを生成する際のoverridePromiseSuffixオプションについて
公式のgithubに書いてあるんだけど、備忘のために記載する。 node-soapでクライアントを生成すると、自動で「（オリジナルメソッド名）＋Async」という非同期用のメソッドが生成される。...
View ArticlePuppeteerでWebスクレイピングしてハマったところをまとめてみた
備忘録 Puppeteerを使ってWebスクレイピングをやっていた時にハマったことを整理しておく。 インストール編 Puppeteerがそもそも起動しなくて困ったことがあった。 puppeteerが動作しない（Ubuntu） 初めてpuppeteerを起動した際にChromiumが立ち上がらなかったことがあった。...
View ArticleGoogle Cloud Storageで画像操作したメモ
画像uploadするにはどうすればいいんだろう いろいろな記事を参考にしてみた うまくいかない？ ちょっと！よくよく見るとこの記事、リファレンスに書かれてるものとオプション名違ってるじゃん！そりゃ期待通り動かないよ！ ってことがあったので、メモっておきます。 前提 google cloud storage+nodejs キーを取得済み...
View ArticleElectronインストール for Ubuntu18
Ubuntu18 PCへのElectron環境インストール手順とサンプルアプリの実行方法をまとめています。 Electron環境構築 Node.js等の必要なパッケージ類をインストールします。 $ sudo apt install nodejs $ sudo apt install npm $ sudo apt install libappindicator1...
View Article