Clik here to view.
BookShelfアノテーションで複数取得する方法で迷ったのでアウトプットする。
はじめにBookShelfを使ったデータの取り込みで、データベースの依存関係が複数ある場合のクエリ取得方法で迷ったので、やった内容をアウトプットする。その為、説明等は適当な部分多い。作成していたアプリは、ルーム毎にユーザとメッセージを保存する。メッセージ交換用アプリBookshelfとはNode.jsとかで使えるデータベースに対して、データを取得できる便利な道具です。アノテーションについてDBのテー...
View ArticleCreate-react-appのindex.htmlで条件分岐してmetaタグなどを入れる
Create-react-appで環境毎にhtmlタグを変えたい時のメモ本番環境と開発環境でmetaタグを変えたかった(開発環境にnoindexを入れたかった)ので、調べてみたらejsのテンプレートに対応してるみたいです。参考：Conditional content in index.htmlejsの文法参考：ejs.coとりあえず<%...
View ArticleClik here to view.
変数のスコープを間違えてたメモ
やりたかったことLINEで飲みに行きたいと言ったらメッセージが返ってくる予定あかんかった単純なミスだからインデントをちゃんとつけよう。（どこのカッコの中に入ってるかわかりにくかった）飲みに行きたい1人目って返信してもらうはずが、なにも来なかった。定義されたスコープが違うからと認識しているが、別の理由か？（use strictをグローバルレベルのところには書いてた。）もう少し調べよう。//...
View ArticleClik here to view.
多言語からみるマルチコアの活かし方
多言語からみるマルチコアの活かし方はじめに近年では1つのCPUに複数のコアが搭載されたマルチコアが一般的になっています。しかし、現状のプログラミング言語ではエンジニアが意識せずにマルチコアをしたプログラムを作ることは難しいです。そこで、様々な言語から見たマルチコアの活かし方について説明していきます。プロセスとスレッドプロセスとは1つ１つのアプリケーションといった実行中のプログラムのことで、スレッドは...
View Articlejavascriptで文字列を分解して配列化メモ
書き方分割対象の文字列.split(区切りに使用する文字列)今回の場合LINEから受け取ったメッセージ「飲みに行きたい 名前」なので、constmessage_arr=event.message.text.split(" ")全角スペースかな。全角スペースを入れていないときは、配列の2個目の要素は「undefined」になる。
View ArticleClik here to view.
飲みに誘いにくい人が使う、飲みお誘いLINE Botの「用途に合わせた宛先設定部分」
リモートが続いてふさぎ込んでしまう人を救いたい コロナの影響でリモートでお仕事をすることが増えて、 よほどオープンにぐいぐい誘える人でない限り、人を飲みに誘うのも気がひけてしまう。（私もその一人です） 今、会社に入った新人の子たちなど、顔も知らない社員の人がいっぱいいる。なかなかつながりが広がらないのが課題です。 だけど飲みたい。（言わずもがな対策は必須で）...
View ArticleClik here to view.
obnize × LINE bot で近づいたらLED＆LINEでお知らせ
自己紹介大学時代C言語を学んでから十数年以来のプログラミングを始めています。本業はweb制作で、ホームページとLINE連携の需要がとても多く、LINEbotに興味を持ちました。今回も練習した事のメモです。やったことobnizeの超音波測距センサーで100cm以内に近づくとフルカラーLED WS2811で指定した色が光る。さらにはLINE...
View ArticleClik here to view.
子供用の学習アプリケーションを作る(2) アニメーション編
はじめに以前作成したアプリの続きをしていきます。参考: 子供用の学習アプリケーションを作る(1)今回は、コンテンツの選択画面にアニメーションを導入し、選択後の詳細画面を作成したので、その実装について記事にしていこうと思います。動作まずは、動作を見ていただければと思います。実装構成構成は以下のようになっています。❯ pwd...
View Articlewebpack v5がリリースされた現状まとめ
プロダクションで使うのはまだ早い(11月時点webpack v5のリリースは行われましたが、まだバグが多くありwebpackで使用するloaderやpluginは対応が全然追いついていません。webpack v5系のIssuesを眺めると多くの問題があることがわかります。プライベートでwebpack v5にアップデートを試みたところ全部壊れました。大変危険です、webpack v5 を使用するのは...
View Articleコピペで簡単！爆速でtailwindcssをNode.jsに導入する方法について
はじめに皆さんはどのCSSフレームワークを使われていますか？有名どころは、Twitter社が作ったBootStrapでしょうか。Bootstrapの大きな欠点は、どこかで見たようなサイトに仕上がり、デザインにオリジナリティが出すことが難しくなります。そんな中でおすすめしたいのが、今回取り上げるTailwindです。この記事では、Node.jsでtailwindcssを導入する方法をご紹介いたします。...
View Article湯婆婆言語作ってみた
湯婆婆言語作ってみたQiitaで湯婆婆のセリフをいかに短く実装するかブームらしいので自作言語を作って実装した話ですソースコードはここにのってますhttps://github.com/riya81/yubaうぷ主の環境macOS Big Sur 11.0.1Node 12.16.3手順 1. 自作言語の構文を考える 2. トランスパイル先の言語を決める 3. ファイルを読みこむ 4....
View ArticleNextJSのapiでサーバー側からリダイレクトをさせたい時
page/api配下で処理を書いてそれをfetchした時に、処理内容に応じてクライアント側でリダイレクト処理をさせたい時res.redirect('/')と書いてもstatus:...
View Article【Node.js】tailwindcssでログインページを作成する方法
はじめに今回は前回の記事の続きです。今回はNode.js+EJS+tailwindcssでログインページを作成します。今回のファイル構成nodejs-tailwindcss/ │ ├ controllers/ │ └ pageIndex.js │ ├ puclic/ │ └ styles/ │ └ style.css │ └ tailwind.css │ ├ views/ │ └...
View ArticleRaspberryPi で castv2-client を使ってGoogleHomeをしゃべらす
はじめにこれまでは google-home-notifier を使って RaspberryPi からGoogleHomeをしゃべらせていたのだが、RaspberryPi を構築しなおしたら全く動かん！色々調べてみたら動かない記事が沢山あって皆さん苦労しているようだ。castv2-client なるものでも GoogleHomeをしゃべらすことができるらしいのでやってみた。環境RaspberryPi...
View ArticleClik here to view.
部屋が乾燥してきたらGoogleHomeで知らせてもらう
はじめに今年の冬は、例年以上に湿度に注意という事で、湿度が低いときはGoogleHomeに注意してもらうことにした。ハードRaspberryPi 3BGoogleHome (私のはminiです)SwitchBot 温湿度計母艦(Windowsマシン。何でも良い)モジュール主なモジュールは以下の通り。 - Raspberry Pi...
View ArticleClik here to view.
Steinを使ってSpreadSheetのデータをとるときのメモ
準備１．Steinにアカウント登録（Googleアカウント） このとき、SpreadSheetへのアクセス許可がなされる。２．SteinのSpreadSheetのURLを貼り付けるところがあるので、扱いたいSheetのURLをコピペ どのファイルなのかを指定する目的３．Stein上に表示されるAPIのURLをコピー Steinを通してSpreadSheetにアクセスされる。...
View ArticleClik here to view.
Typescript(Node.js)でtgzを解凍する
Typescriptでtgz(tar.gz)ファイルを解凍する実装例が少ないことと、紹介されている実装方法では展開先などが指定できなかったりするものがあるため、紹介しておきたいと思います。使用するパッケージnpm...
View Article【npx webpack】No valid exports main found for でエラー
【原因】Node.jsのバージョンが古いNode.jsのバージョンが古い事が原因僕の場合はv13.5.0でした。そこでまずは、こちらの記事のオプション2を参考にnpmを使用して更新しました。①まずnpmキャッシュをクリアしますnpm cache clean -f ②続いて、バージョンマネージャーのnをインストールnpm install -g n ③最新の安定バージョンをインストールします。n...
View ArticleClik here to view.
Webアプリ未経験者のReact入門
妻が「こんなアプリがあったらいいのに」と話していたのを聞いて、ノリでちょっと作ってみようと思ったのだが、そもそもC言語しか知らない人間にとっては「WebアプリってCSSとJavascriptで作るもんでしょ？」ぐらいしか知識がなく。しかし、断念するのもアレなので色々とググったら、ReactとかVue.jsとかどっかで見たことある言葉がたくさん出てきてしまって更に悩むことになったが、なんとなくReac...
View Article