Clik here to view.
[Windows][Docker] nodeコンテナでnpm installが動かず地獄を見た
どおおおおもおおおお受諾案件で掲題のことをして地獄を見ましたyagrushです引き継いだのは、nodeにgulpやらbabelやらonsen-uiやら大量にインポートしたサーバーアプリケーション。これ、いままでvagrantで動いてたらしいんだけど、docker化せねばならない。しかもマルチOS（Windows, Mac, Linux）で。現状ルートディレクトリに package.json...
View ArticleClik here to view.
【感想】Vue.js & FirebaseでTwitterライクなSNSアプリを作ろう
はじめに今回、私が学習に使用した教材はこちらです。教材提供サイトはこちらTechpitです。Vue.js &...
View ArticleClik here to view.
nodejs サーバ構築 チートシート
node サーバとはnodejsだけで構築できるので、とにかく早い他のPCからもアクセスできる背景他ベンダーの開発が遅れて、いつまでたっても接続テストが始まらないーモック作るの面倒くさいー、、と思ったら オー人事オー人事 nodeサーバnode サーバ (http) チートシート構成server.jspackage.jsonserver.js'use...
View ArticleClik here to view.
nodejs SSLサーバ構築 チートシート
説明はこちらnodejs サーバ構築 チートシートnode SSLサーバ チートシート構成├ server.js├ package.json # nodejs サーバ構築 チートシートと同じ├ download.txt # ダウンロード用ファイル。中身はなんでもok└ cert ├ server.cnf ├ server.crt └ server.keyserver.js'use...
View ArticleNode (Express + TypeScript) を Docker Image で起動するときの Tips
対応実施前express + typescript の hello world アプリを用意し、official の node image を利用した場合の image サイズREPOSITORY TAG IMAGE ID CREATED SIZE test-node-app-before latest 620fd8e74f42 3 seconds ago 1.32GB package.json...
View Article[Cloud Functions] Node.jsのバージョンを10にしたら「TypeError: Cannot read property...
発生した問題FirestoreのバックアップをCloudFunctionsで行っていたのだが、 Node.js 8 ランタイムが非推奨になり10にアップデートしないといけなかったので変更したら変更後に以下のエラーが発生するようになった。TypeError: Cannot read property 'charCodeAt' of undefined at peg$parsetemplate...
View ArticleClik here to view.
ビルド不要のドキュメントサイトジェネレーター「docsify」の個人的まとめ
この記事は、ドキュメント静的サイトジェネレーターである docsifyの使い方について個人的にまとめたものです。はじめに想定読者Markdown について知っている開発が活発にされなくなった gitbook-cli の代替を探している日本語検索に対応している 静的サイトジェネレーター...
View ArticleClik here to view.
ℹ NuxtJS collects completely anonymous data about usage.
ℹ NuxtJS collects completely anonymous data about usage. This will help us improving Nuxt developer experience over the time. Read more on https://git.io/nuxt-telemetry ? Are you interested in...
View ArticleCloud Foundryでのlocalhostとportの設定
Cloud FoundryでのDeployで、localhostとportの設定を行う今回はexpressのアプリを例にやります。...
View ArticleClik here to view.
【Node.js】Express フロント側でpublicフォルダのcssやらライブラリファイルを読み込めない時の対処法
jqueryが読み込めない・・・ index.ejsから・public/lib/jquery-3.5.1.min.jsw・public/css/index.cssを読み込めない！ 404 Not Foundと言われていますねなんで・・・？index.ejs<!-- css --> <link rel="stylesheet" type="text/css"...
View ArticleClik here to view.
Reactアプリ - 文章中キーワード黒塗りはがし
はじめに Reactを使って文章中の特定のキーワードの黒塗り文字列をクリックして黒塗りをはがして読めるようにするアプリを作りましたので紹介いたします。...
View ArticleClik here to view.
【AWS】VPC内のLambdaから別のLambdaを呼び出す
ちょっと前にやったことなので記憶があいまいですが、今後もやる可能性のある事なので備忘録として残しておこうと思います。VPC内で実行するLambdaAWSのEC2やRDSなどのVPC内のリソースにLambdaでアクセスする場合、 LambdaにVPC設定をすることで可能になります↓【AWS】LambdaをVPC内で実行し、EC2のMySQLにアクセスする...
View ArticleClik here to view.
TypeORM環境をCLIで構築
背景前回、sequelizeを利用したコードのtypescript化を試みて、modelの呼び出し元はtypescriptっぽく書くようにできたけど、モデル自体はtypescript化できずに、中途半端な感じで終わってしまった。https://qiita.com/yusuke-ka/items/244d3dfafb578fd84b1asequelizeは、元々typescriptをサポートしていなか...
View ArticleAbortController not defined
Electronでwavesurfer.jsを使おうとしたら、AbortController not defined エラーが起こる。解決策Electronのプロジェクトディレクトリにpolyfillをインストール$ npm install --save abortcontroller-polyfill wavesurfer.js...
View Articleコンセプト | webpack
https://webpack.js.org/concepts/の日本語訳。コンセプトwebpack は、最新の JavaScript アプリケーションの為の静的モジュールバンドラーです。 webpack がアプリケーションを処理するとき、プロジェクトが必要とするすべてのモジュールを整理して、 1 つ以上のバンドルを生成する 依存グラフを内部的に構築します。JavaScript モジュールと...
View ArticleClik here to view.
S3に保存されたwavファイルをLambdaでGoogle Cloud Speech-to-Textを使って文字起こしする
S3に保存されたwavファイルをLambdaでGoogle Cloud Speech-to-Textを使って文字起こしするはじめに以下リンク記事を参考に、S3に保存されたwavファイルをLambdaでGoogle Cloud Speech-to-Textを使って文字起こしをやってみたのでまとめておきます。S3 + ElasticTranscoder + Lambda + Google Cloud...
View Article【AWS;Lambda入門】第三弾；Linebotなじゃんけんゲームで遊ぶ♬
今回は、apigatewayを利用したnode.js@Lambdaでじゃんけんゲームを作ってみた。環境構築やプログラムなどは、全て以下の参考①~④を参考に進めた。だいたい、最初の①と②でLinebotが動く。そして③と④でLambda版のLinebotが動いた。筆者も言っているように感動ものである。ちなみに、ほぼ1日でLinebotが動くようになった。したがって、コードのほとんどは参考のまんまである...
View ArticleGulpを使ってScss/Sassをコンパイルする方法
ゆっくり見て行ってください！(’’)自己紹介HAL大阪四年生4年IT学科Web開発専攻所属(現2020年)記事についてSassのコンパイルをいちからやろうと思って遊んでいたら楽しくなってしまったのでまとめておきます難しいお話は私もわからないので参考記事にて閲覧ください！！↓下記から記事開始GulpとはgulpはNode.jsをベースとしたビルドシステムヘルパーです。gulpを使えばさまざまな作業を自...
View Article