Node.js

CI にて有用な方法と思います。 結論 たとえば、 v16 系を入れたい場合には以下のコマンドを実行します。 $ curl -sL https://deb.nodesource.com/setup_16.x | sudo bash - $ sudo apt update $ sudo apt install -y nodejs 補足 npm も最新版まで上げるには以下のコマンドを実行します。 $ npm install -g npm 参考 上記の curl コマンド の URL として https://deb.nodesource.com/setup を指定した際に以下のメッセージが表示されま…

概要 次のように、動的インポートを含むコードをWebpackでコンパイルしようとすると、エラーが発生します。 const _ = require(`@/${variable}`) 具体的なエラー全文は長くなるので末尾に記載しますが、だいたいこんな感じの出力になります。 パースしてはだめなものまでパースしようとして失敗しているような表記なので紛らわしいですね。 ERROR in ./Dockerfile 1:5 Module parse failed: Unexpected token (1:5) ERROR in ./tsconfig.json Module parse failed: Une…

エンジニアのタケダ(@neko_300YEN)です。 先週『Exoplanet Lander』というWebコンテンツをリリースしました。 ↓↓ 激ムズゲームだよ！チャレンジしてみてね ↓↓ bascule.co.jp 弊社オフィスにあるアーケードゲーム筐体のディスプレイに映し出された着陸機を操作して、目的地に着陸させるというゲームです。 ゲームが動いているのは実機なんですが、それを操作するのはネット越しの外から繋がっている人で、ZOOM的なもので現場の映像を見ながら繊細な操作を必要とするゲームができるのか？ 果たして面白いのか？ そんなことを実験的にやってみたというのがこのコンテンツです。 使…

JSONとは？ JSONとはJavaScript Object Notationの略である。 直訳するとJavaScriptの表記法という意味 データ定義方法であり、他にもhtml,xml,csv....などがある。 最近ではAjaxにも使われ、異なるプログラミング間でのデータのやり取りをする際に用いられる。 JavaScript Object Notation - Wikipedia 扱えるデータ型 データ型 意味 例 string 文字列 "str" number 数値 1 null オブジェクト null boolean 論理値 true,false object 連想配列 {} obj…

typeorm の設定ファイルはデフォルトで，ormcofig.json ですが，このままだと以下の問題点があると考えます． 環境変数を埋め込みづらい プロジェクトのルートディレクトリにファイルが増える 自動で読み込まれるのでデバックしづらい 環境変数を読み込むには ts ファイルの方が楽ですし，他の config とまとめることができるので，ormconfig.ts から読み込む方法を記述します． 環境構築の方法は，こちらの記事の"node.js 14.17.0 をインストール"までを参照してください． 完成したソースコードはこちら． 環境構築 typeorm init ディレクトリを作成 …

今回の記事もWeb開発の勉強に関する記事です。 前回は出欠更新APIの実装をしました。 developer-bpeldi2oerkd8.hatenablog.com今回はbotからAPIを叩くことでbot経由で出欠更新ができるようにします。 構成 RoomIdの追加 HubotからAPIを叩く 動作確認 構成 今回は2つのシステムを開発しています。 図にすると以下の通りです。 １つは予定の作成・削除・編集と自らの出欠が更新できるLattendanceです。 ここには、APIとDBが存在しており、外部からAPIを叩くことでも出欠を更新できます。もう１つは外部から出欠登録を行うbotであるLatt…

[環境構築]のおはなし Node.jsのversionを切り替える See??? See.ruby-version. See Gemfile. ただ単に「見てね」って事らしい コマンドじゃない事は分かっていたがそういうこと やらかした🤦‍♀️ 指定されたNode.jsのバージョンを切り替える時になんやかんややってて、 homebrewを消してしもた。。。雑魚過ぎる nodebrewも無い… もっと言えばruby -vでエラーが出るのでrubyすらも消えたっぽい…yarnも (その時のターミナルの写しは無い。) ※ただ、nodeとnpmが無い時のはあった % node -v zsh: comma…

おはようございます。Shotaです。 ❓「プログラムという言葉をよく耳にするけど、イマイチ意味がわからない」 ❓「IT業界で使われるプログラムと言う言葉は、一体どのようなものを指すのだろうか？」 皆さんはこのように考えたことがありますでしょうか？ 今日は「プログラム」の言葉の意味と、IT業界で使われる「プログラミング」「プログラミング言語」について解説していきます。 【目次】 プログラムとは 具体例 IT用語における「プログラム」 プログラミングとは「コンピュータに指示すること」 プログラミングでできること プログラミング言語は「コンピュータに指示するための言語」 プログラミング言語の種類 H…

Web Workers APIを使うのは初めてなので、この使い方で問題ないのかはよくわかっていない。これから学んでいきます。 動機 会社でtextlintを便利に使っており、ユーザーさんからのお問い合わせ窓口を自社開発しているので、返信内容を送信前にlintにかけたいというのも自然な流れ。などと思っていたら、azuさんがこういうのを用意してくれていた。 textlint 12リリース、ブラウザで動くtextlint editorをベータリリース | Web Scratch GitHub - textlint/editor: textlint editor project. 内部での利用だからt…

[管理画面の作成] 管理画面を作成するのに今回は、AdminLTEというパッケージ管理ツールを用いる。 [AdminLTE]をインストールするのにyarnからインストールする。 Gemからもインストールできるが、Gemだとメンテナンスが追いついていなく、バージョンも古いバージョンしかインストールできない為。 JavascriptパッケージのリポジトリはRailsに限らず、様々な言語で利用されるためメンテナンスも頻繁に行われる。 Gemとパッケージ管理ツールで利用されている数を比較するのにGitHubの右上の星の数を比較するのが良い。 ※ ・yarn: node.jsのパッケージマネージャ ・n…

想定読者: プログラミングを学習したことがある人 Pokemon Showdown! という非公式の対戦シミュレーターがあります。 このWebアプリケーションのソースコードはGithubで公開されており(オープンソース)、誰でも閲覧、貢献(プルリクエストの送信)ができます。大きく分けると、以下の2つです。 サーバー (対戦受付サーバー、対戦シミュレーター) クライアント(WebサイトのHTML, CSSなど※) ※詳しく言うと、preactというReact系のフレームワークを使用したシングルページアプリケーションの模様 このうちサーバーの方には、シミュレーター機能を単体でライブラリとして使用す…

イーサリアムのトークン標準規格であるERC20に準拠したトークンを試作する．今回はLinuxを使う． まずnode.jsをインストールする．バージョンは以下のとおり． $ sudo apt-get install nodejs, npm $ nodejs -v v10.19.0 $ npm -v 7.18.1 続いて truffle をインストールする． $ sudo npm install -g truffle $ truffle version Truffle v5.3.12 (core: 5.3.12) Solidity v0.5.16 (solc-js) Node v10.19.0 W…

Voiceflow SDKを使ったバックエンドスクリプトを、 なるべくお手軽に使える コーディングやバックエンドの知識がないユーザでもあまり意識せずに使える ようにして配布したいなぁと思ったとき、一番最初に思いついたのがHerokuでした。ただ、Heroku、ほんとごくごくたまにしか使わないので、使うときに大体覚えてなくて毎回ググってる気がします・・・ ということで今更感満載ですが、自分用のメモ。 アプリ作成 herokuデプロイ Github・Herokuの連携 Herokuボタン まとめ 参考 アプリ作成 サンプルということで、expressでhello worldを作ります。 $ mkd…

私はメモアプリにEvernoteを使っているのですが、たまたま間違ってF12を押してしまったときに、ブラウザでお馴染みの開発者ツールが開くことに気づきました。 ちなみにWindowsアプリ版です。 理由が気になったので、簡単ですが調べました。 開発者ツールが開ける理由は、electronで作られているから EvernoteのWindowsアプリには、「ヘルプ > 著作権情報」というメニューがあります。 情報が得られると思い開いてみたのですが、OSSのライセンスが列挙されてました。 その中にelectronがあったので、どうやらEvernoteのWindowsアプリは、electronで作らてい…

６月の振り返り 今月から週一で技術記事を作成します． 生活習慣 プログラミング関連 個人開発 1 週目 TypeScript を使ったバックエンドを学習． 3 層アーキテクチャを構想，TypeScript で DI を使うツールは，typeDI,TSyring,inversifyjs の 3 つがります． 現在コンパイルが通りません． 2 週目 TypeScript，express，typeORM，typedi を使ったバックエンドを作成しました． これからこれを主に使おうと思います． React で CRUD 処理をするフロントも作成しました． axios とか form を完全に忘れていま…

開発環境は、Windows 10 Pro(64bit) + node v14.17.0 + npm 6.14.13。 1.公式サイトへアクセスし、ヘッダー部分のDocsをクリック 2.Quick Startのリンクをクリック 以下、Electron DocumentationのQuick Startに基づいて、やっていきたいと思います。3.コマンドプロンプトを立ちあげてElectron用のディレクトリを作成する ※ここでディレクトリ名にelectronとすると、インストール時にエラーになるので、それ以外の名前をつけましょう。 cd c:\ && mkdir electron-app && cd…

はじめに こんにちは！大ちゃんの駆け出し技術ブログです。 10日間ほど更新できていませんでしたので久しぶりの投稿となります。 今月はVue.jsのフレームワークであるNuxt.jsを中心に投稿していきたいと考えています。 Nuxt.js - ユニバーサル Vue.js アプリケーション 最初ということで簡単にプロジェクトを作成する方法から入ります。 プロジェクト作成 yarnで下記コマンドを実行します。 $ yarn create nuxt-app <project-name>(任意の名前) その後複数の質問が聞かれます。自分の好きな設定を書きましょう。 プロジェクトの名前 ? Project…

前置き 簡単な自己紹介 お詫び 出場国を決めるまでの流れ 出場モンスターを決定するまでの流れ 出場モンスターの選出順、装備について 企画実戦の振り返り 1回戦 第2試合(ミルマーナvsアララトスF) 1戦目:フリーレン 2戦目:ルイーネ まとめ 3回戦 第1試合(アララトスCvsアララトスF) 1戦目:ヘレ 2戦目:シュトラーセ 3戦目:フェストゥング まとめ 反省 まとめ おまけ(モンスターの名前について) PIEN-ぴえん-(キングヘモジー) ジェット(コカトリス) フィンダーおじさん(聖なる魔人) 47(イービルアイ) 前置き 当エントリはコアラピュールさん主催のアークザラッド モンスタ…

yarnとは インストール方法 npmを確認 yarnをインストール yarnとは JSのパッケージを管理できるパッケージマネージャーです｡ インストール方法 yarnのインストール方法は何通りかありますが､今回はnpmを使ってインストールします｡ npmを確認 npmはnode.jsをインストールすると自動でインストールされています｡ 下記コマンドで確認します｡ インストールされているとバージョンが表示されます｡ node -v v12.14.0 npm -v 6.13.4 yarnをインストール npm install -g yarn インストールできたら､バージョンを確認します｡ yar…