ラズパイでHelloWorld! - Qiita
はじめに 案件でラズパイを使ってBluetooth通信させたりセンサー付けて環境情報取ったりする機会が多くなってきたので備忘録としてラズパイ関連の記事を書いていこうと思います。 まずは導入編としてラズパイ上にWebサーバーを立ち上げてPCブラウザからアクセスしてHelloWorld!と表示させるまでの手順です。ラズパイ用の標準OSであるRaspbianのインストールからサーバーのセットアップまで書きました。 用意するもの Raspberry Pi 3 Model B(またはB+) SDカード(8GB以上あると安心) 操作用PC(ここではMacを想定) ラズパイの初期設定 Raspbianのインストール RaspbianのサイトからRASPBIAN STRETCH LITEのイメージをダウンロードします(GUIは不要なのでここでは軽量版を使います)。 PCにSDカードを挿してイメージを書き込
[GCP]Cloud StorageのアップロードイベントをCloud Functionsへ通知するための流れをざっくり - Qiita
概要 Google Cloud Functions(以下、GCF)とGoogle Cloud Storage(GCS)を組み合わせて、サーバレスな関数を作る機会が合ったので手順を書く。 これによって、GCSにmp4をアップロードしたタイミングでGCFを起動しZencoderのAPIを通してHLSに変換したり応用した。 やりたかった事 GCSの特定バケットにアップロードされたイベントでGCFを起動する GCFはbeta版のNode.js(version8)を使う 環境変数をyaml形式のenvファイルに定義しGCFで使用する env varはベータ版のようで下位互換なしで変更される可能性があるため注意。詳細はこちらに 前提 gcloudコマンドがインストールされている事。してない場合はここから GCFの関数サンプル 適当なディレクトリを作成しnpm initして、エントリポイントとなるjsフ
![[GCP]Cloud StorageのアップロードイベントをCloud Functionsへ通知するための流れをざっくり - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ba66aa3e233b5243ef28504dd47f7fa1e1aae0e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzI1MTglMkZwcm9maWxlLWltYWdlcyUyRjE1MDkxNzU1Mzk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NzRhZDYyZGM3OTA1MjcwZTBhZGIxNDcwMDBmMzI3YTM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dcbf5177e85fb683a7c76eb315ae140ff%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCR0NQJTVEQ2xvdWQlMjBTdG9yYWdlJUUzJTgxJUFFJUUzJTgyJUEyJUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJTkyQ2xvdWQlMjBGdW5jdGlvbnMlRTMlODElQjglRTklODAlOUElRTclOUYlQTUlRTMlODElOTklRTMlODIlOEIlRTMlODElOUYlRTMlODIlODElRTMlODElQUUlRTYlQjUlODElRTMlODIlOEMlRTMlODIlOTIlRTMlODElOTYlRTMlODElQTMlRTMlODElOEYlRTMlODIlOEEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iM2RmMjYyZWFmOTQwNDBjNjU1ODc0Y2IyYTBkYzI3MA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrLWt1cmlrdXJpJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MTNiMTJkZDU3OTQ4ZmI4OTkxYzQ0MDhhYzE5ZTM0ODA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D1401c3122c8fb324786cc832445ec58f)
Nuxt.jsでアプリ作成→Dockerfileを使ってイメージ作成→fargateでデプロイ→ドメイン設定・SSL化まで - Qiita
目的 nuxtとfargateという比較的新しいフレームワークを使う時に困ったので自分でやってみた方法をシェアしたいと思います。 前提 node.js, npm, AWS CLIはインストール済み 全体図 ・CloudFront AWSで使えるCDNです。 ・Route 53 ドメインとALBのレコード設定、ACMでSSL証明書取得の際にCNAMEで認証するのに使用。 ・Application Load Balancer(ALB) Fargateコンテナとドメインを繋ぐのにしよう ・Certificate Manager(ACM) ドメインのSSL証明書を取得するのにしよう ・Elastic Container Service(ECS) コンピューティングはECSを使用 大まかな手順 6のSSL証明書の取得に関しては順番はどこに入っても大丈夫です。 nuxtアプリ作成 ローカル環境にてnu
ts-nodeをWebStormでデバッグ実行 - Qiita
ts-node は TypeScript ファイルをコンパイルせずにそのまま実行できるライブラリ。開発環境でお世話になるが、デバッグ実行するやり方の日本語情報がなかったので書いておく。 基本的なこと node コマンドのオプションとして --inspect をつければデバッグ実行になる。そして --require をつけることで node_modules 内のライブラリを読み込ませることができる。 $ node --inspect --require ts-node/register src/main.ts Debugger listening on ws://127.0.0.1:9229/690c42e8-c2d4-407a-b768-6c5270241775 For help, see: https://nodejs.org/en/docs/inspector
Azure ML Web Service作成後のAPI呼び出し方法について改めて - Qiita
Azure ML Web Service作成後のAPI呼び出し方法（Node.js） 久しぶりにAzure Machine Learning Studioを見ていると 見慣れないリンクやAPI作成当時から若干画面が変わっている気がしたので web Service作成後からNode.jsでの呼び出し方法まで再度まとめてみました。 リクエストのサンプルも充実していましたがnode.jsバージョンが なかったこととレスポンスを受け取った後の処理について書かれた ページが中々なかったため今更ですが投稿してみました。 再び必要になった際に忘れてそうなので覚書として投稿しましたが、そのため読みづらいようでしたらすみません。 また公式サイトやその他ほとんどのサイトがRequestモジュールを使用していたので折角なので新しめのライブラリで。 1.リクエスト 1-1.ボディ インプットとしてrequest
ElectronでUDP通信する - Qiita
ElectronでUDP通信（送受信）を実装する必要だったので実装内容のメモ。 開発環境 Windows 10 Electron 3.0.2 実装内容 UDP通信には、dgramを使用。 UDP通信行うには、メインプロセス側で通信を行う必要がある。（レンダープロセスから直接UDP通信はできない） レンダープロセスでUDP信号を受け渡しするには、メインプロセスとレンダープラセス間を通信するIPC通信を利用する必要がある。 IPC通信とUDP通信を値の橋渡しは、メインプロセスでおこなう。 通信の流れ 実装サンプル ElectronでUDP通信を行うサンプル。 サンプルコード Github アプリの使い方 README windows版 / mac版 上記のアプリのpackageフォルダ内にアプリデータあるので、OSに合わせたアプリを設置。 IP/Portの設定ファイルの更新 アプリを立ち上げる
Socket.IO でユーザー認証 - Qiita
Socket.IO で接続してきたクライアントが正規ユーザーかどうかの認証を行う。 環境 Node.js: 10.10.0 Socket.IO: 2.1.1 middleware について Socket.IO の namespace.use(fn) を使用して、接続してきたソケットをハンドリングするミドルウェアを登録することができる。 io.use((socket, next) => { if (socket.request.headers.cookie) return next() next(new Error('Authentication error')) }) // server-side const io = require('socket.io')(); // middleware io.use((socket, next) => { let token = socket.ha
Node.js v9.4.0 > qiita_export_all v1.2.0使用時 > Error: Cannot find module 'mime/lite' の対処 > 本来はmimeはインストール済かもしれない - Qiita
$ npm start > qiita_export_all@1.2.0 start /home/XXX/QIITA_BACKUP_180111/qiita_export_all > node bin/index.js module.js:557 throw err; ^ Error: Cannot find module 'mime/lite' at Function.Module._resolveFilename (module.js:555:15) at Function.Module._load (module.js:482:25) at Module.require (module.js:604:17) at require (internal/module.js:11:18) at Object.<anonymous> (/home/yasokada/QIITA_BACKUP_
Mac 環境設定 2021春(Apple Silicon対応版) - Qiita
会社で新しいMacを買ってもらったので設定をメモ。 筆者はフロントエンドエンジニアで主にJS/HTML/CSS/PHPなんかを触ってWebサイト/サービスの開発してるような感じです。どなたかの参考になればー (追記1) macOS Catalina出たのちょっと修正 (追記2) M1 Macbook Airで設定したので追記。M1対応はNative、Rosetta2に拘らずシンプルに導入するのを最優先。 環境 Intel Mac： MacBook Pro (macOS Catalina 10.15.5) M1 Mac： MacBook Air (macOS Big Sur 11.2.3 ) シェルをzshへ変更 Intel Mac bashのままだと The default interactive shell is now zsh. To update your account to us
素のJavaScriptで書くPOSTメソッドにおける二重送信対策
はじめに 現在とあるチームプロジェクトにおいてフロント(Vue.js)を担当しております。しかしバックエンドをNode.jsで組んでおり、ちょくちょくそちら側も勉強しております。 今は「Node.js超入門」を使って勉強を進めています。 とても親切に優しく書かれているので、初学者の方にはお勧めですねー。 チャプター３で「超簡単掲示板を作ろう」とあるのですが、個人的に追加で機能を実装しながら遊んでいましたところ、とある問題に気づきました。 それが、「フォームの二重送信問題」 特に「ページリロード時に発生する」ものについてです。 対策としては、PRGパターンの活用や、トークンの発行など色々あるのですが、 調べても調べても出てくるのはPHPにおける対策例ばかり。 確かに以前私もPHPを使ったことがあるので、そちらについては分かるのですが、今回はNode使ってるし、しかも送信後の表示ページは元のホ
vagrant + centos + node.js + Expressの環境構築をなるべくvagrantfileとシェルでがんばる - Qiita
苦労しまくったので、メモに残そうと思い書きました。 windows上のvagrantでcentosの環境を作ってます。 なるべく自動で環境作成していくスタイル。 もっといいやり方ある場合は教えていただけるとありがたいです。 参考 Cygwin + Vagrant + Node.js + Express の環境構築めも [【Windows】VagrantでCentOSの環境構築 + node.js(Express)の設定] (https://qiita.com/naoto_koyama/items/a0bf83b6faca7a4f2c58) 構成 ・ centos7.5 ・ node.js ・ express VirtualBox・Vagrantのインストール 参考に記載している記事を参考にしていただければと思います。 vagrant用フォルダの作成 vagrant用のフォルダをwindow
Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門 (CI/CD編) - Qiita
はじめに これまで WEB アプリケーションを作成してきましたが、今回は継続的に WEB アプリケーションを開発するための CI/CD 環境を設定してみることにします。 ここで利用している WEB アプリケーションは以下の記事で作成したものです。 Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門 Express/sequelize編 React編 Bootstrap番外編 概要 react-scripts をインストールすると Jest がインストールされています。 Jest は Node ベースで動作する Facebook 社製のテストフレームワークです。 Jest にはテストフレームワークで提供されている Mock やカバレッジレポートの出力に加えて、動的にステートが変かする React コンポーネントをテストするための
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node.js で TypeScript + TSLint を使う最小構成 - Qiita
【IntelliJ】Node.jsを書くときにrequireがwarningになるのを解消する - Qiita
Array.fromなど、一定のブラウザで動かない関数をサクッとwebpackでトランスパイルする - Qiita
webpackのmodule.rulesとmodule.loadersの違い - Qiita
ローカルサーバでの起動時エラー対策（EADDRINUSEエラー） - Qiita
Nodejsを使ってSeleniumでChromeを動かす - Qiita
写真を送ると顔を検出して、顔面偏差値まで教えてくれるFace++APIのご紹介 - Qiita
リモートホスト上のNodeJSからローカルのchromeでデバッグする - Qiita
