Clik here to view.
toio と Unity の連携
はじめにこれは「toio™(ロボットトイ | toio（トイオ）) Advent Calendar 2019」の1日目の記事になります。この記事ではUnityとtoioの連携方法を記します。以下の記事・サイトを参考にしました。UnityからNode.jsサーバにWebSocketを使ってデータ送信 *toio/toio.js - GitHubtoio.js とはtoio.js は Node.js...
View Article2020年静岡県浜松市辺りで開催のIT勉強会予定(仮)
2020年静岡県浜松市辺りで開催のIT勉強会予定(妄想)を書きます。まず最初に2019年の主催側として関わった勉強会を振り返って、2020年こんなことやってみたいを書いてみたいと思います。限定共有が外れて下書きが公開されてたけど、気にしない。。。少しづつ埋めて行きますよ;-)対象読者勉強会などを主催している方勉強会を主催したいなと思っている方2019年振り返り2019年の振り返り。主催・参加した勉強...
View ArticleClik here to view.
Apache経由でExpressに接続する方法
環境CentOS 7.7Apache 2.4.6node v12.13.1express-generator 4.16.1イメージ設定手順1. httpdの設定ファイルを編集するサーバにhttpdがインストールされていない場合は、以下のコマンドでインストールし、有効化します。$ sudo yum update $ sudo yum install httpd $ sudo systemctl...
View Articlenodebrew から nodenv に移行しました
nodebrew はディレクトリごとに利用するバージョンが切り替えられないので nodenv へ移行しました。そのときの手順メモ。 mac OS で brew で nodebrew をいれてありました。利用しているバージョンを控えておく$ nodebrew list nodebrew をアンインストール$ brew update $ brew uninstall nodebrew...
View ArticleNode.js & Express & Socket.ioで非同期通信しようとしたら"/socket.io.js 404"で上手くいかない
はじめに今までRailsしかやってこなかったのでNode.jsを入門しようと思い, とりあえずexpress-generatorでWebアプリの雛形を作り, Socket.ioを使った簡単な非同期通信チャットアプリを作ろうと思いました.しかし, npm startしてページを開けてもGET /socket.io/socket.io.js 404...
View ArticleClik here to view.
Node.js & Express & MySQL & React でTODOリスト API編
目的ReactでTODOアプリを作成したことはありますが、自分でAPIを書いたことがなかったので書いてみました。 Web企業未経験なので、間違いなどありましたらご指摘いただけると助かります！APIを書くまえにまずは簡単にNode.jsとReactの勉強をUdemyで行いました。 Linkは下記になります。【フロントエンドエンジニアのための React ・ Redux...
View Article毎日npm auditを実行して脆弱性対応する
はじめにNode.jsで開発している方は多くのnpmパッケージを利用していますよね。これらの脆弱性をいち早く見つけて対応するために、私が実践していることを紹介します。CIと言えるかやや不安ですが、細かく考えずCI/CD Advent...
View Article【TypeScript】マークダウン文字列をHTMLにパースする(GitHub Flavored Markdown)
サンプル今回紹介するコードを使用しているのがこちら。デモページ: github-markdown-editor github: kou-pg-0131/github-markdown-editor使用するモジュールmarked, @types/marked...
View ArticleNode.jsでローカルファイルを軽やかに操作するスクリプト集
はじめにこんにちは、たか（@HighHawk5）です。最近、50GBのアクセスログファイルを解析したのですが、データサイズが大きすぎて普通のファイルシステムでは途中で処理落ちしてしまうんですね。そこでNode.jsの非同期処理（ストリーム）を採用したところ、なんの問題もなく思うような処理をサクサクと行うことができたので、Node.jsのファイルシステムを使った、ローカルファイルをいろいろ操作できるス...
View ArticleReact-Native環境構築
React Nativeをやってみようと思い、環境構築をした話jsもあまり書いたことないのですが、React Nativeで遊んで見ようかと思って、環境作ってみました。環境MacOS 10.14.6(mojave) MacBook Pro(2015)最初にやったことよくわからなかったので、サイトを参考にして、見よう見真似でやってみた。$ brew install node $ brew...
View ArticleClik here to view.
WebpackerなしでNode.jsベースの最小のJavaScriptビルド環境を設定する「minimum_javascript_on_rails」
はじめに事の始まりはかれこれ1年程運用している個人プロダクトにWebpackerを導入しようとしたことです。 Webpackerを使うという選択は正直「なんとなく」でした。しかしWebpackerに関する様々な記事を読んでいたところ、pixivさんの今日から簡単！Webpacker...
View ArticleClik here to view.
Clik here to view.
初学者向けDockerfileハンズオン
初学者向けDockerfileハンズオンDocker初学者向けにDockerfileハンズオンを実施しましたので、その時に作ったハンズオン資料を公開します。DockerコマンドおよびDockerfileに慣れることが目的のハンズオンの資料ですので、Dockerの詳しい説明はしません。また、お使いのPCにDockerはインストール済みという前提で進めます。文章の手順通りに進めていけば、Dockerコマ...
View ArticleClik here to view.
Swagger と REST API の紐付けを Docker compose で実現してみた
背景近年のアプリケーション開発において、マイクロサービスがとても流行ってますね。現場によっては、社内サービスまでマイクロサービスにしちゃってる企業もあったりします。（モノリスなアプリでいいと思うのですが）マイクロサービスが流行るにいたって、RESTful API (REST API)というのもキーワードとして多く出てきます。その RESTful API...
View ArticleClik here to view.
Clik here to view.
Alexaが暇そうだったので、勉強会の発表者選定を任せることにした話
Alexa に任せることにした背景皆さん、最近ちゃんと Alexa に話かけていますか？私が所属するチームでは週次のチームミーティングに合わせて、気になる技術トピックや検証・調査した技術などを週に 1 名、担当者を決めて 20~30...
View ArticleReact App #1 方針決め
TL;DRReactでWebアプリを作ります。構造とか意識しつつ気になるツールを組み込む予定です。（進捗次第）私についてReactは4年前くらいに触った気がする。記憶のかなた。webも数年前から触っていなかったが、最近また調べ始めた。最近アーキテクチャを意識し出した。依存性逆転の原則おもしろい。開発環境Mac OS CatalinaNode.jsYarn方針（アプリの内容）名前:...
View ArticleJSConfJP 2019 スライドまとめ(WIP)
行けなかったので行きたい気持ちの供養のためにまとめています。リンクされていないスライドを見つけたらリクエストいただけると幸いです。DAY 1 (2019/11/30)Room A(体育館)Room B(B105)Room C(屋上)12:00-13:00Open13:00-13:30Opening talk13:30-14:00The State of JavaScript by Raphaël...
View Article