Clik here to view.
MarkdownをGitHubに上げるだけでブログを公開できる仕組みをサクッと作ってみた
世の中には便利なCMSプロダクトがたくさんありますが、ぶっちゃけエンジニアだったらWeb上のフォームでコンテンツを入力するより、ローカルでMarkdownを作ってサクッとGitHubにPushするだけでブログ公開できたほうが楽だなーと思ったので作ってみました。できるようになること下記のようなインデックスページとブログページをMarkdownを作るだけで生成できるようになります。ブログ公開の手順は下記...
View ArticleJavaScript 特定桁の0と1で表すことができる全ての組み合わせを求める関数
やりたいこと例:引数1に3を渡すと3ビットで表せれるすべての組み合わせを出力する。たまに使用するので、個人的なメモ(誰かの役に立つと嬉しい)出力例[ [ '0', '0', '0' ], [ '0', '0', '1' ], [ '0', '1', '0' ], [ '0', '1', '1' ], [ '1', '0', '0' ], [ '1', '0', '1' ], [ '1', '1',...
View Articlenpm 最新版 インストール 方法
最新のnpmを簡単にインストールする方法伝授してゆく！！！n packageとかいうのを使う!sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm 次にキャッシュをクリアしてから、n packageを導入するsudo npm cache clean sudo npm install n -g...
View ArticleWSL、Zsh、VSCode、Docker、NodeJS セットアップまとめ in 2020
はじめに新しいSurfaceをもらったので、せっかくだからWSLを試したいと思います。まとめだけなので、調べる手間を省きたい方向けです。WSL、WSL2のインストールDocker Desktop WSL 2...
View ArticleJSON Serverで静的ファイル(画像, CSV等)を配信する方法
JSON Serverで静的ファイルを配信する方法はじめにJSON ServerでCSVファイルや画像ファイルを配信しようとして、ちょっと苦戦したのでまとめておく。 JSON...
View ArticleClik here to view.
Railsで発生したAutoprefixer doesn’t support Node v4.8.2. Update it.エラーについて【Docker...
はじめにDockerでRails開発を行っていたら急に下記のエラーが発生して、アプリが開けなくなった。まず、エラー文を見てみると「Autoprefixer doesn’t support Node v4.8.2. Update it.」と書かれており、翻訳すると「AutoprefixerがNode...
View Articleブラウザでrequireを使う方法2選
皆さんこんにちは。プロフセンドを開発しているぐみぃです。皆さん、こんなことを思うことがありますか？｢ブラウザでもrequireできたらな〜｣なんて。実は、いろいろな方法で使うことができるのです。その中から2つの方法を紹介します。browserifyを使った場合このパッケージは、ブラウザでrequireを使うだけのものです。まずは、 $ npm i -g browserify...
View Articlesequelizeのupsertの挙動を説明させて頂きます
Sequelize使ってますか？この記事ではsequelizeのほんの1メソッドについて説明するので、sequelizeなんて名前も聞いたことないね。って方はおそらく、何の役にも立たない情報だと思います。そういう方はYoutubeでジャルジャルを見てください。めちゃくちゃ面白いですよ。私のSequelize歴は浅く半年程度です。過去のプロジェクトからの引き継ぎで使ってるものであまり詳しくは理解してい...
View ArticleClik here to view.
【Node.js 】Node.js と npm をインストールする（Windows）
とあるツールの導入マニュアルを作った際にインストール方法をまとめたので、せっかくだし Qiita 記事に上げさせていただきます。まぁ、既に色々な方が書いてらっしゃるで需要があるかは謎ですが・・・でも、ひとつだけ、重要なことを書いておきます。Windows 版の Node.js をインストールすると、npm も一緒にインストールされます。なので、npm...
View ArticleClik here to view.
LINE Developerの管理画面の「検証」ボタンからの接続確認を成功させる
管理画面の「検証」ボタンの場所https://developers.line.biz/console/channel/1654463371/messaging-apiこの先のページのこれですね今までは成功したり、しなかったり…今までのコードではこんな感じに接続確認のときの通信を判断していました。（一部抜粋）app.post('/webhook',line.middleware(config),(re...
View ArticleElectron パッケージ化する時にハマったこと。Cannot find module '...'
ハマった内容ローカルでは正常動作するのに、パッケージ化して作成した実行ファイルだと下記エラーがでてしまう。Error: Cannot find module '...'解決方法作成中アプリルート/ ├ node_modules/ ├ src/ │ ├ index.html │ ├ index.css │ ├ main.js │ ├ package-lock.json │ └...
View Article【webpack-dev-server】Cannot find module...
記事の対象者webpack-cli 4.xx.xx系をnpm installして、 Error: Cannot find module 'webpack-cli/bin/config-yargs'と出力されて、どうしようもない方結論webpack-cli serve --mode development 具体的には、package.json > scriptsにnpm run xxx...
View ArticleNode.jsプログラムがコード3221225477で落ちた際の対処メモ
環境Windows10VSCode V1.50.1Node.js V12.0.0現象Node.jsプログラムをF5デバッグ実行し、ブラウザからアクセスすると、デバッグコンソールに Process exited with code...
View ArticleClik here to view.
VRMでブラウザで動く多人数オープンワールドゲームVZeroを作った
VZero誰でもブラウザで入れるVRMのオープンワールド"VZero"を作りました。アバターがなくても、自分のアバターでも手軽に入場できます。チャット・ボイスチャットもあります。マップを探検したり、フォトグラメトリで取り込まれたモデルを見たり、のんびりと楽しんでください。https://t.co/FxK6dPu007— FaceVTuberOfficial (@FaceVTuber)...
View ArticleNodejsのバージョンをv8→v15に変更して色々戸惑ってる話
半ば自分へのメモも兼ねて。Nodejsのv15が出ていた……二週間遅れぐらいでNodejsの新バージョンを知りました。半年毎にメジャーバージョンアップとか判断が早い……。https://nodejs.org/en/blog/release/v15.0.1/せっかくなのでNuxtJSを動かしてみるとりあえずnodebrewで新バージョン入れて切り替え。...
View ArticleRHEL 8にNode.js 14をインストール（AppStream）
はじめにApplication Stream(AppStream)を利用してRHEL8にNode.js 14をインストール参考：RHEL8のパッケージ構成 - BaseOSとApplication Stream - 赤帽エンジニアブログ 第4章 新機能 Red Hat Enterprise Linux 8 | Red Hat Customer Portalサポート本手法で導入した場合、Red...
View ArticleEC2をt2.microで立てたときにやることメモ
勉強用のEC2インスタンスを間違って停止ではなく終了してしまい、作り直すことがちょこちょこあるため、インスタンスを立ち上げたときにだいたいやることを備忘録として残しておく各種最新化sudo yum update...
View ArticleDockerでNode.jsの環境を構築する
はじめにNode.jsの公式ページに書いてあることとやっていることはほぼ同じです．ご了承ください．大まかな手順Node.jsアプリケーションの作成Dockerfileの作成Dockerイメージをビルドする際に無視するファイルを指定Dockerイメージの構築Dockerコンテナの起動アクセス確認Node.jsアプリケーションの作成まずはローカル上にnode.jsアプリケーションを作成します．作業ディレ...
View ArticleClik here to view.
Sassの環境構築メモ
Sassの個人学習用備忘録です。復讐したい箇所を中心に記述しているので端折っている部分もございます故。下準備Sassを使うプロジェクトディレクトリに移動node -vとnpm -vでバージョン表示されることを確認※ Node.jsとnpmのインストールがまだの方はこちら。1.パッケージを管理npm init...
View Article