はてなブックマーク

NPM にもやってきましたワークスペース YarnやLernaでお馴染みのワークスペース管理ですが、Node v15 の nvm 7 からこれに対応した模様です！ Medium: Migrating to a Monorepo Using NPM 7 Workspaces 上記の記事では exprimental とありますが、現在では GA の模様です。 自分も最近では Serverless と SPA での開発がメインでどちらも TypeScript を使うので、Typescript でも宜しく Mono Repository できないものかと考えておりましたら・・・ いい感じの Typescript での Monorepo サンプルを発見いたしましたので、これに沿って Typescript での Monorepo に入門してみたいと思います。 1. まず JS から TypeScrip

ホストのポート番号、足りていますか？！ docker-compose でバンバンサービスを立ち上げて監視しつつ、開発しつつ、実験などやっていると、3000とか8080とかぶつかって8081とか8180とか、ポート番号をずらすのが大変になってきますよね？ ちょっと違いますが僕は先日、k3s上の何かのサービスのhttps用ポートで8443がぶつかってしまったので6443に変更し、 k3sのクラスタを丸ごと喪失させました。k3sが6443使ってるんだよね！ Dockerで多数のサービスがサクサク動かせるのは良いことなのですがホストのポート番号がマヂでヤヴァイのであります。 そんなあなたに！今回は Traefik と nip.io のワイルドカードDNS を使ってポート番号の衝突から解放される手順をご紹介します! 対象環境 OS: Ubuntu 18.04.3 LTS (Bionic Beaver

【2020年1月】令和だし本格的にVSCodeのRemote Containerで、爆速の"開発コンテナ"始めようJavaPythonPHPJavaScriptGo VSCode の Remote Conainer で"開発環境+プロジェクト全部入りのコンテナ"からスタートダッシュをキメるッ！？ 開発でVS Code の Remote Conainer使っていますか？単に既存のコンテナに入るだけなら Remote SSH でも構いませんが、"ローカル開発環境の一部"として、いやむしろローカルの開発環境＝Remote Containerとして、ビンビンにRemote Container使っていきましょう。令和だし！(すでに２年だけどね・・・？) 特にMacを使っていると最初からPythonやらPHPやらRubyやらが入ってしまっているので開発環境があるのですが、これらは割とmacOSのエコシ

株式会社ピーアールオー（あったらいいな！を作ります） Advent Calendar 2019 の25日目。2019年のアドベントカレンダーのフィナーレを飾る、筆者のマジであったらいいな！はこちら〜！ リスナーの声を届けたい！ → DJに"声"でリクエストしてみよう！ 前回の記事での DJ-Bot は Bot と言いつつ固定のキーワードしか持てないのでリスナーの"声"が届かないDJなのですよね・・・ ぢゃ〜、Chrome搭載の音声認識APIを使って、リスナーの"声"をガチでラズパイDJに届けてみましょうか！(マジすか？！) ということで…今回はAngularにて、"マイクからの音声を文字列に変換して送信する"リクエストフォームを作成いたします。 さらにこれをNode-REDにそのまま載せてみたいと思います。 1. Node-RED を SSL 対応 & 静的サイト有効化 まずはNode-R

【2019年4月版】node-gyp と grpc のインストールに詰まったら。@macOS + node.jsJavaScriptNode.jsmacOSnode-gypgRPC node-gyp と grpc のインストールは正直やっかい かなり広範囲のライブラリで採用されていながら環境依存が激しいこのnode-gypとgrpc。macOSでは最新版のnode.jsでは動かないのがやっかいなところ。つまり、昔は最新版で問題なかったのです。(私がタイトルに〇〇年×月とつけているのはそのためです。) node-gypやgrpcは数多くのライブラリ、フレームワークで採用されているため、前提としてnpm install -gされているよね？という暗黙の前提があったりします。 おかげでとあるフレームワークのインストールで手順通りに とやると、node-gyp rebuildでエラーやTried

スプレッドシートネタに便乗して 弊社 @pro_matuzaki 氏の「Firestoreのテストデータ投入をGASで楽にする」に便乗してスプレッドシートのネタです。 全然プログラムと関係ないですが、先日、以下の記事を発見しました。 簡単過ぎる！GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた！ @paiza開発日誌 いや～そんな、さすがにすんなり出せたら、みんな仕事なくなっちゃうよ～？ｗ ってことでさっそく挑戦してみました！ Create an App from a Google Sheet in Minutes · Glide Glideサービスの紹介やアカウントの登録方法などは上記の記事をご覧になってください。 基本的にはGoogleアカウントでログインしてDriveのアクセス権許可するだけです。 データの準備 このGlideのすごいところでもありま

NativeScript でハイブリッドアプリの開発に入門してみました。 ちょっと興奮冷めやらぬ感じですが、NativeScript で Angular のサンプルを Android で動かしてみたらこれはも〜凄かったのでご紹介いたします。(語彙力) 対象環境 PC: Windows 10 Pro スマホ: Android IDE: VSCode 今回は Android スマホで動作確認しましたが、たぶん iOS も同様の手順で大丈夫かと思います。 また、環境構築で例によって管理者権限でコマンドプロンプトを実行する必要あります。 NativeScript の環境構築 管理者権限でコマンドプロンプトを立ち上げ、以下のコマンドを叩きます。 > @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object ne

JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?