「ChatGPT/LangChainによるチャットシステム構築 」という書籍が素晴らしかったのでNode.jsでも書いてみた - selmertsxの素振り日記
はじめに 「ChatGPT/LangChainによるチャットシステム構築」 という本が素晴らしかったので、ちゃんと身につけるために Python だけじゃなくて Node.js でも動かしてみました。同じことをやろうとした人のために、ここにそのときの記録を残します。特に callbacksやmemoryについて、詳細に記載しようと思います。 書籍の説明につながるようなことはできる限り書きません！めっちゃ良書なので、ご興味持っていただけた方は購入してもらえますと 🙏 5章まではPython固有のToolを利用しており、6章の中身は7章とかなり近いところがあるので、7章のプログラムだけここに記載します。LangChainの学習に注力したいので、Serverelss Frameworkに関連するコードは省略しました。また、Momentoや @slack/bolt に関する説明はしません。 プロ
正真正銘のReactだけの不純物なしでReact入門
Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと…… Reactやるには、まずNode.js入れてbabel入れてreact入れてreact-router入れて、ついでにredux入れてreact-redux入れて、redux-saga入れて…… Reactめんどくせえ！！！ってのが正直なところだと思います。はい、私もそう思います。ただ、まあ、色々必要なのも事実なので……。 それでもやっぱり「ReactやるならReactだけやりたい。他はどうでもいい」という気持ちは簡単に捨てられるものではありません。そこで今回はそういう面倒全部
自作フレームワークをつくって学ぶ 仮想DOM実践入門
昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D
Electron で外部アプリの起動・停止を行う - Qiita
ElectronのGUIに起動・停止ボタンをつけて，外部アプリの起動・停止をしてみた． 検証環境 macOS Sierra 10.12.1 electron: ^1.4.8 起動＆停止 execFile で .app を実行し，ps aux でプロセス番号を取得する方法を試した． execFile と exec を同期的に実行すると，後者でプロセス番号が取得できない時があったので， child-process-promise をつかっている． const {exec, execFile} = require('child-process-promise'); const kill = require('tree-kill'); const APP_PATH = 'path/to/app/test.app' // ※ APP_NAMEの場合、同じ名前が含まれるプロセスが他に存在するとプロセス
React Native Router Fluxを使ってみませんか・・・？ - Qiita
rnrf使ってる？ rnrf(react-native-router-flux)はreact routerライクにreact nativeのルーティングを行ってくれるライブラリになります。 react nativeのルーティングライブラリとしては人気があるのですが、いかんせん公式ドキュメントが不親切なような気がしています・・・・。 サクッとルーティングを行えることがこのライブラリの素晴らしさだと思うのですが、うまく動かない・・・・。といって苦戦する場面も多くありました。 結構トラウマだったりします。そこで、苦戦した場面とそのソリューションを共有することで快適なrnrfライフ、もといReact Nativeライフを送って頂けますと幸いです。 先日開催されたReact Native meetup忘年会でも「つらい！簡単にやる分にはいいけどつらい！」という話もでました。僕もつらかったです。 です
Electron製アプリでアイコンバッジを実装する(Mac,Windows対応版) - Qiita
Electronでアプリを作っていると、新着のお知らせなどがあった場合にアプリアイコンにバッジを付けたくなります。 Electronにはそれを実現するAPIが用意されているので、基本的には簡単なのですがWindowsでは非常に面倒だったのでまとめておきます。 ちなみにバッジには任意の数値を出すことを想定しています。 Linuxはデスクトップ環境を用意したことがないので対象外です。 const electron = require('electron') const app = electron.app const BrowserWindow = electron.BrowserWindow const path = require('path') const url = require('url') let mainWindow function createWindow () { mai
ElectronアプリのXSSでrm -fr /を実行する - Qiita
Electronアプリでxssを発生させると任意のコードが実行できるらしいのでrm -fr /を試してみます。 想定 web版とelectron版のあるチャットアプリケーションという設定です。攻撃者が用意したリンクをクリックすると、PC内のすべてのファイルを消し去るというシチュエーションを考えてみます。 用意 環境はホストmac OSX、ゲストにubuntu14.04環境をvagrantを利用し用意しました。 expressでリストとフォームからなる脆弱性のあるチャットをつくります。エスケープ処理をしてないので、任意のコードが実行できる状況です。 'use strict'; const path = require('path'); const express = require('express'); const app = express(); const ejs = require(
express で国際化したい - あいつの日誌β
あらすじ そろそろ最初から国外を視野に入れてサービスを始めるご時世のようです。 準備 mkdir practice-i18 && cd $_ npm init --yes echo 'node_modules' > .gitignore git init && git add . && git commit -m 'initial commit' npm install express i18n --save npm install supertest power-assert --save-dev 以下は個人的な設定 echo '**/node_modules/' > .eslintignore curl -sO https://raw.githubusercontent.com/nodejs/node/master/.eslintrc sed -i -e 's/require-buff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
