Chromeで使える証明書の作成方法
ハローワールド。 本記事ではChromeで使えるサーバー証明書を作成します。 もし、Firefoxでは動くのにChromeで動かない証明書を作って困ってこの記事を見つけた方はChromeでも動く証明書を作成するへ行きましょう。 環境Windows20H2上のWSL2(Ubuntu 20.04 LTS)上のopensslを利用します。 $ openssl version OpenSSL 1.1.1f 31 Mar 2020 事前準備証明書を作成する前にいくつか事前準備します。 まず証明書を配置するフォルダを作成しましょう。 $ mkdir certification_test 今後はこのフォルダを基点として説明していきます。 httpsサーバーまた、chromeでちゃんと動くか確認するため、httpsサーバーも用意します。httpsのサーバーはnode.jsで簡易的に実装しました。 cons
React Server Components 対応の仮想スクロールライブラリを作りました
業務で仮想スクロールを使った改善に関わる機会があり、その辺りの知見を活かしつつ、個人的にやりたかったことなども盛り込みつつ、React 用の OSS を作成しました。 もしよろしければスターいただけると励みになります。 使い方 以下のように通常の div などの場合とほぼ変わらない記述で、簡単に仮想スクロールによるパフォーマンス改善を導入することができます。 一般的に、仮想スクロールは単に表示するだけでもセットアップが面倒だったり、特に高さが未知もしくは可変の要素を表示した時にうまく動いてくれないものも多いですが、その辺りも自動的にハンドリングしてくれます。また各 component の bundle size も約 3kb(全体で約 4kb)なので導入し易いと思います。 import { VList } from "virtua"; export const App = () => {
Recoilにロジックを載せる運用戦略
皆さんこんにちは。株式会社バベルでエンジニアをしている uhyo です。バベルが提供しているaileadというプロダクトではNext.jsおよびReactを使用しています。以前から、自分はaileadのフロントエンドにおいてRecoilの利用を推進する活動をしてきました。実は、筆者が以前に公開した次の記事もその流れを汲んだものです。 Recoilはステート管理ライブラリとして知られていますが、筆者はRecoilのデータフローグラフを構築しその上にアプリケーションロジックを載せられるという点に可能性を感じています。実際、aileadではそのような方向性の設計に取り組んでいます。 そこで、この記事では筆者がaileadにおいて実践しているRecoilの運用を紹介します。 この記事はReact Advent Calendar 2022の8日目の記事です。 ステート更新に反応するならまずselec
OpenAIの音声認識Whisperがすごいので，Youtube用に字幕生成してみた - Qiita
はじめに 前回の記事を見てくださった方、そしていいね・ストックをしてくださった方々、ありがとうございます！ いつの間にかqiitaのトレンド３位になっていました♪（2022/09/24 時点） この勢いに乗っかって、今回はWhisperを見つけた時にやりたいと思っていた「動画の字幕を自動生成する」を試してみたいと思います。 [参考文献] 公式サイト：https://openai.com/blog/whisper 論文 ：https://cdn.openai.com/papers/whisper.pdf Github ：https://github.com/openai/whisper 他の記事 前回の記事 やりたいこと Youtubeにアップロードする動画の字幕を自動生成したい！ Youtubeで動画を作成するときの作業として、テロップ作りや字幕生成があります。 premire pr
【Ubuntu】DockerでGPUを使うまでの環境構築 : LiLaBoC
Dockerコンテナ内でGPUを使うための環境構築方法をご紹介します。 【Ubuntu】DockerでGPUを使うまでの環境構築 先日、プログラミング用にデスクトップPCを購入して、Ubuntuをインストールしました。 ▶機械学習用にゲーミングPCを購入した（選び方、購入理由を紹介） ▶【安全にデュアルブート】増設SSDにUbuntuをインストール ここから本格的にプログラミングを始めるために、Dockerをインストールしました。さらに、機械学習を行うために、DockerでGPUを使うための環境構築も実施しました。 この記事にその過程を記録します。 ※コマンド内の「円マーク」は「バックスラッシュ」に置き換えてください。 概要 DockerでGPUを使うために、以下3つをインストールします。 Docker Nvida driver Nvidia Container Runtime 私のPC環
Dockerを使ってOpenAIのWhisperをサクッと試す
少し前から界隈を賑わせているWhisper。 どうやらスゴイらしい。 嬉しいことに 日本語対応 しかも無料 という太っ腹ぷり。 アーキテクチャ・どんなにスゴイかすっ飛ばして「環境つくり／テスト」に焦点を当てます。 （Colabの記事は既にいくつかあったので、dockerを使った環境構築を想定して書きます。） 結論から言うと、「めっちゃ簡単」でした。 こういうのってハマりどころが多いなと思って、備忘録として書いたのですが、簡単だったので内容が薄いです。。 とくにかく触ってみたい huggingfaceさんがデモを公開してくれています（いつもお世話になります）。 手っ取り早く試したい人はここから試すと良いでしょう。 環境構築（CPU） 環境はubuntuです。 こんな感じでDOCKERFILEを作ります。 FROM python:3.9-slim WORKDIR /workspace RUN
購入から１ヶ月以上過ぎたAmazonベーシックのケーブルを無料で返品、交換する方法(保証期間は1年) - 僕とネットショッピング
どうも、平均日に1回以上am͜a͉zonがおうちに届く僕です。 ところで皆さんスマホの充電はまだケーブル挿してますか？ もう結構前にワイヤレス充電の時代ですよ。 ちなみに僕は挿してます。 なぜならiPhone7 Plusを使ったままだからです。 ワイヤレス充電なんて危ないですよ。 電磁波で頭がクルクルパーになりますよ（負け惜しみ） 僕は信頼と実績のライトニングケーブルを使ってます。 信頼と実績のAmazonベーシック ライトニングケーブルの価格をチェック！ ただ、これ壊れやすいんですよね。 すぐに接触が悪くなって充電できなくなります。 しかも、これ高いんですよね。 安いやつはiOSのアップデートとかで突然使えなくなります。 だからApple MFi認証されているライトニングケーブルを買うべきなんですけど、これって1000円近くするんですよ。100円均一じゃ買えないんです。 そこでおすすめな
マルチメディアフレームワークGStreamer ～ 入門編 - Qiita
GStreamerとは GStreamerとは、マルチメディア系の処理をとっても簡単に実現するためのフレームワークです。コマンドラインでも簡単に実行出来ますし、その他のアプリケーションからH.264エンコード等の処理だけGStreamerを使うことも可能です。 公式: http://gstreamer.freedesktop.org/ パイプラインアーキテクチャ 特徴的なのが、sinkとsourceという入出力を持つエレメントをつなぎ合わせることで目的の機能を実現するパイプラインアーキテクチャを採用している点です。コマンドラインで実行する場合、 のように必要なエレメントをパイプでつなげていきます。GStreamerには1000を超える豊富なエレメントがプラグインという形で提供されており、マルチメディア系の処理には大変便利です。 インストール（Ubuntu） GStreamerはほぼ必須とな
Golang 設定ファイルライブラリ 「Viper」 README翻訳 2020年7月 - Qiita
はじめに spf13/viper: Go configuration with fangsの翻訳 すでに翻訳されている方[翻訳+α] Go言語の設定ファイルライブラリ Viper - Qiitaがいたので、それを元に現在のREADMEとの差分だけ付け足しました。 差分：https://github.com/spf13/viper/compare/30ce444..13df721 README_jp.mdとしてプルリク送りますが、マージされない可能性もあるのでQiitaとgistで公開しておきます。 変更箇所は、利用プロジェクト紹介、INI、envfileのサポート、一部APIの変更、追加、リモートのこコード例の追加、くらいでした。 Viper Readme Go言語の設定ファイルがついに牙を剥く！ 多くのGoプロジェクトがViperを使って構築されています。 Hugo EMC RexRay
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GraphQL Network Inspector
How to release or reset the GPU memory in Colaboratory notebook
GitHub - ahmetoner/whisper-asr-webservice: OpenAI Whisper ASR Webservice API
How to set registry-mirrors for colima daemon? · Issue #225 · abiosoft/colima
Distribution update from 15.2 to 15.3 — Rockstor documentation
GitHub - yuru7/Firge: Fira Mono と源真ゴシックを合成したプログラミングフォント Firge (ファージ)
I'm not able to use wireshark "couldn't run /usr/bin/dumpcap in child process"
setcap is not supported in Docker? · Issue #5650 · moby/moby
雀魂の牌譜をNAGAに解析させる - 完全版 - - ねことくまとへび
Safari と System Events と時々 Spaces
alpha blender