Discord.js 技術メモ #1
アクティビティを設定するBotのアクティビティを設定するclient.on("ready",()=>{client.user.setActivity("Yuki |...
View ArticleClik here to view.
LINE × スプレッドシートのススメ(家計簿アプリ編)
はじめに最近ですが、LINEでやり取りするトランザクションデータをデータベースではなく、ユーザのスプレッドシートで直接管理することを推してます。メリットとしてはこんな感じです。 1. サービス内でデータを保持しないということは、データ保持の責任リスクを軽減できる 2....
View ArticleClik here to view.
【TypeScript】型付けしてエラーを片付ける
この記事の目的TypeScriptを使うとJavaScriptで発生する予期せぬバグが減るっていわれてるけど、具体的にどのようなケースでエラーが減るの？という疑問を具体的な例で解決する。どんなエラーが片付くか？ケース1:...
View ArticleClik here to view.
Google Apps Script練習 (Gmailの新着メールをLINEに転送)
GASを練習したいと思い、また自分自身Gmailのメールを見逃してしまう事が多いのでそれをなんとか出来ないかと思いスクリプトを作成しました。gas.jsconstLINE_NOTIFY_TOKEN=PropertiesService.getScriptProperties().getProperty('LINE_NOTIFY_TOKEN')constendPoint='https://notify-...
View ArticleContentType書き換えでImageMagickのリサイズを成功させる
はじめに先日、「オブジェクト名の変更」でアップロード済み画像のサムネイル生成を簡単にという記事を書きました。その作業の中で、ContentTypeの問題によって一部の画像でImageMagickのリサイズ（サムネイル生成）に失敗していることが分かりました。今回はなぜそうなったのか、どう対処したのかについてご紹介します。リサイズに失敗する原因ContentTypeを指定しないと、application...
View ArticleClik here to view.
「Alexa、出勤！」で快適なリモートワークを
完成したAlexa こんな感じで会話をしながら、最終的にslackに投稿してくれるAlexa Skillを実装しました。Alexaからslackに投稿できるスキル作ったhttps://t.co/uvWrFhfqLl— Takayoshi Makabe (@Takayoshi_ma) March 5, 2021リモートワークの悩み...
View Article【Node.js】json-server導入【Mock API】
概要APIのモック用にjson-serverを導入したので主な処理をざっくりとまとめたjson-serverについて簡単にモックAPIを作成できるnodeのライブラリ主にテスト作成時に使われるもの導入$ yarn add json-server または$ npm install –save-dev json-server...
View ArticleReact初心者へ ReactとNode.js?フロントなのにサーバーサイド?
React初心者へReactの復習をし始めたので、私も初心者ですが、React初心者向けに記事を書いてみました。...
View ArticleClik here to view.
DockerコンテナでNode.jsを実行してみた
前の記事(コンテナ未経験なのでDockerを基礎から学んでみた)に引き続き、今回はコンテナでNode.jsのアプリケーションを動かし、ブラウザから開いてみることに挑戦してみました。実装は以下の手順で行いました。Node.jsアプリの作成Dockerfileの作成Dockerfileのビルドコンテナの起動ブラウザとアプリの接続Node.jsアプリの作成localhost:8080を開いたときにHi...
View ArticleNode.jsを使ってHTML, CSS, JavaScriptを軽量化・難読化する手順
はじめにWindows環境で、Node.jsのモジュールを使って以下を行う手順をまとめます。HTML, CSSの軽量化(minify)JavaScriptの難読化(uglify)使用モジュールhtml-minifier→ HTMLファイルの軽量化モジュールclean-css-cli→ CSSファイルの軽量化モジュールuglify-es→...
View Articlenode.jsとjQueryを使ってユーザー新規登録モーダルとログインモーダルを作ってみた
画面遷移をせずにユーザー新規登録機能を作ってみました。そこまで大した出来ではないです。（実は理想としていたものより少々乖離しています。）node.jsやjQueryの導入はこちらでは省いています。また、新規登録、ログインモーダル以外の要素もありません。ご了承ください。node.jsのバージョンは v14.15.4です。また、MySQLを使用しています。1.必要なものをインストールターミナル$ npm...
View ArticleClik here to view.
訪問者カウンター作成を通してDocker Composeを学習
Dockerについて記事を書くのは3回目です。コンテナ未経験なのでDockerを基礎から学んでみたDockerコンテナでNode.jsを実行してみた今回はDocker Composeを使い、Node.jsとRedisからなる簡単な"訪問者カウンター"を作ってみました。Docker...
View Articlenpmのコマンド まとめ
目次インストール系パッケージやnpmの情報表示パッケージの検索・監査パッケージ開発その他1. インストール系npm init初期化（package.jsonファイルを作成）する。$ npm init # パッケージ名などを入力するのを省略したい場合$ npm init -y$ npm init --yesnpm...
View ArticleNode.js WebアプリケーションのDocker環境構築まとめ
1.この記事の内容ブラウザ経由で操作するWebアプリの実装が必要となり，Node.jsをDocker環境で動かすサンプルを実装しましたので紹介します． Webページ上のフォームに入力されたデータをサーバ上にjsonファイルとして保存するプログラムです．1-1.使用環境Windows Subsystem for Linux上のUbuntu 20.04Docker...
View ArticleClik here to view.
【Vue 2.x】Vue CLI環境にViteを導入して開発ビルドを爆速にする
2021/02 に Vite 2.0 正式版がリリースされ、開発サーバーの起動や HMR (Hot Module Replacement) の動作が軽快なフロントエンド開発環境を手軽に構築できるようになってきました。これとほぼ同時期に、既存の Vue 2.x + Vue CLI環境に Vite 環境を同居させ、開発ビルドにだけ Vite を活用する...
View ArticleElectronのexecuteJavascriptでError: Script failed to executeが出る件
はじめに初投稿です... ElectronのBrowserViewでexecuteJavascriptを使った際、一見正しそうなスクリプトがエラーを吐く問題で少々悩んだので備忘録として。問題のソースコード要素の取得に失敗したらfalse、成功したら真を返したい const result = await browserView.webContents.executeJavaScript(` const...
View ArticleClik here to view.
LINEボットとATOM Echoでボイスメッセージを作る
ATOM Echoには、マイクとスピーカとボタンとLEDが付いています。 ATOM Echoのマイクにしゃべった言葉がLINEメッセージとして通知されるようにするとともに、LINEアプリから応答メッセージを入力したら、ATOM EchoのLEDが点灯し、さらにボタンを押したら応答メッセージが音声でATOM...
View Article環境構築 6 Node.js
Node.jsの導入Railsを動かすためにはNode.jsが必要となり、それをHomebrewを用いてインストールします。1. Node.jsのインストールターミナルに入力brew install node@14 Node.jsへのパスを設定しましょう% echo 'export PATH="/usr/local/opt/node@14/bin:$PATH"' >> ~/.zshrc...
View Article環境構築 OSがMojave以前の場合
1. Command Line Toolsの導入1-1. Command Line Toolsをインストールターミナルに入力$ xcode-select --install 「インストール」をクリック。「同意する」をクリック。2. Homebrewの導入2-1. Homebrewをインストールコマンドを順番に1つずつ実行。$ cd #ホームディレクトリに移動 $ pwd...
View Article