プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版

2024/04/03 706 users プレイグラウンド フレームワーク 挙動 プログラミング言語

新しいプログラミング言語やライブラリ、フレームワークを学ぶには、実際にそれらを試して挙動などを見てみることが大事ですが、実行環境を用意するのは手間がかかります。 そこで役立つのが、いわゆる「プレイグラウンド」と呼ばれる、Webブラウザでプログラミング言語やライブラリ、フレームワークをすぐに試すことが... 続きを読む

Reactを使ってプロダクト開発している開発者だけでなく、マネージャにも読んでほしい「Fluent React」 - ROUTE06 Tech Blog

2024/03/25 250 users React マネージャ フレームワーク プロダクト 技術選定

チームでReactを使って開発していると、コードレビューをする際に、「この書き方はしない方がいいが、それを説明するには800文字くらい必要。図も描きたい。でもそれらを準備する時間はない。」ということが度々ありました。 また、フレームワークやライブラリの技術選定をする際、マネージャに「どうして技術選定が必要... 続きを読む

新しい UI テストの手法を提供するテストライブラリ SafeTest

2024/02/25 100 users React angular Jest Svelte Vue

新しい UI テストの手法を提供するテストライブラリ SafeTest 2024.02.25 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。SafeTest は単体テストと Playwright を使った E2E テストの... 続きを読む

pdfからtextを抜き出す試行錯誤のメモ｜Kan Hatakeyama

2024/02/23 410 users text PDF 二段構え 試行錯誤 Python

これは二段構えの構成を持っています。この二段構えを正確に検出し、テキストを理解することが望ましいです。 Unstructuredを使うPythonのライブラリであるUnstructuredを試してみましょう。 参考記事 導入は非常に簡単です。 pip install 'unstructured[pdf]' 実装も簡単です。 解析コード： from unstructured.partiti... 続きを読む

Webサービスを作るときのテンプレートを作った - hiroppy's site

2024/02/16 266 users hiroppy's site テンプレート WEBサービス

週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケー... 続きを読む

LangChain で社内チャットボット作ってみた

2024/02/09 76 users LangChain LLM chatgpt チャットボット

こんにちは、クラウドエース SRE ディビジョン所属の茜です。 今回は、現在最も普及している対話型 AI サービスである ChatGPT で使用されているモデルと、LLM を使ったアプリケーション開発に特化したライブラリである LangChain を用いて社内向けのチャットボットを作成します。 ターゲット 任意のデータを元に回答を... 続きを読む

Tailwind CSS を使う時に一緒に入れたいライブラリ

2024/02/04 119 users Tailwind CSS つの要素 HTML クラス 特性上

Tailwind CSS を使う時に一緒に入れたいライブラリ 2024.02.03 Tailwind CSS を使う上でクラス名をスッキリと書くために一緒に入れたいライブラリを紹介します Tailwind CSS はすべてをユティリティクラスで書くという特性上、HTML にはクラスがたくさん書かれることになります。1 つの要素に対してクラスがたくさん並ん... 続きを読む

CSS で絶対に最前面に表示したい要素には z-index:calc(infinity) を指定する

2024/01/26 103 users Calc infinity z-index CSS 最前面

いつの時代にも z-index の管理には頭を悩ませます。z-index の値には 1 以外の値を許可しないなどの管理方法がありますが、外部のライブラリを使用してる場合に勝つことができません。 そこで　z-index の値に calc(infinity) を指定すると、絶対に最前面に表示させることができます。 infinity は calc() の中で使用で... 続きを読む

もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita

2024/01/18 313 users Qiita htmx SSE WebSocket DOM

HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応してい... 続きを読む

CSRF 対策はいまだに Token が必須なのか?

2024/01/18 292 users redis memcache TOKEN CSRF Form

CSRF 対策は One Time Token を form なりに付与して、サーバ側でチェックすれば良い。 それをデフォルトでサポートしてるフレームワークなどもあるし、なくてもライブラリでいくらでも対応できる。 どうせ完全にステートレスなサービスはなかなかないので、サーバ側に redis や memcache を用意するのも別に大変じゃな... 続きを読む

キンドル、購入済み書籍「消える」事象が報告…1年経過すると保証されない？

2024/01/16 227 users キンドル 事象 Kindle 総称 ユー

「Kindle」アプリのダウンロード画面（「App Store」より） Amazon Services International LLC（以下、関連会社も含め「アマゾン」と総称）が提供する電子書籍プラットフォーム「Kindle（キンドル）」で、購入済みの電子書籍が「ライブラリ」にも「コンテンツと端末の管理」にも表示されず読むことができなくなったユー... 続きを読む

JSONの差分を取ってJSON Patchを得るにはdiffsonがおすすめ - Lambdaカクテル

2024/01/14 106 users Lambdaカクテル JSON Scala diff バッチ

こういうツイートを見た。 Scala (or Java) で、jsonのdiffをpatchファイルみたいな感じでわかりやすいテキストで出力してくれるライブラリないかなあ。そしてjacksonに依存してないといいな— Arthur (@Arthur1__) 2024年1月13日 現代のプログラミングではJSONの差分を取ったり、逆にパッチを当てるということがよくある... 続きを読む

静的サイト向けの全文検索エンジンと UI ライブラリの Pagefind

2024/01/06 159 users CLI ヘッダー インデックス コマンド デモ

デモとして、このブログに Pagefind を導入してみました。ヘッダーの検索アイコンをクリックすると検索フォームが表示されるので、キーワードを入力して検索してみてください。 使い方 Pagefind は構築済みの UI ライブラリと、CLI コマンドとしてインデックスを作成するためのツールから構成されています。まずは UI ラ... 続きを読む

パフォーマンスを気にするならReact Hook Formが無難

2023/12/30 56 users Form React Hook パフォーマンス CPU 計測

React Hook Form は高速。 Formik は早くない。改善は可能。 React Final Form はある程度早い。 React Hook Form が無難ではあるものの、CPU 6× slowdown で 100ms は通常では許容できると考え Formik を採用するのもあり。 比較したライブラリ 計測の対象にしたライブラリは以下の 3 つです。 React Hook Form Formik ... 続きを読む

ライブラリを気軽に導入しないこと｜Katashin

2023/12/14 286 users 共通 エンジニア 選定基準 認識 基準

本をよく読むエンジニアであれば、ライブラリの導入には慎重になるべきだということは共通の認識になっていると思う。しかし、どういったライブラリを導入すべきかという選定基準は自分の中ではまだ言語化できてないことに最近気がついた。絶対的な基準を設けるのではなく、ある程度柔軟に考えるべきだと思うが、自分が... 続きを読む

CSSの進化がすごすぎる！ 2つの画像を比較するスライダーは数行のコードで実装できるようになりました

2023/11/28 147 users スライダー CSS HTML テクニック 動作

2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。 まずは、実際の動作をデモページでご覧ください。縦... 続きを読む

UnJS にどんなツールがあるのか、上位30件すべて紹介してみた

2023/11/06 54 users unjs Star数 ツール タイトル通り 全て

タイトル通り、JavaScriptツール群「UnJS」にどんなライブラリが存在するのかをひたすら見てみよう！　という記事です。 本当は全て紹介しようと思ったのですが、全75個あり、1つの記事に入れるとあまりにも多すぎるので、この記事では2023年11月4日時点のStar数の順に沿って上位30個を紹介していきます。 UnJS とは UnJ... 続きを読む

【図解】Pythonのライブラリ 24選＋α - Qiita

2023/10/16 153 users 沢山 Qiita プログラム 用途別 参考

Pythonにはライブラリが沢山あります。ライブラリとは便利な機能を持ったプログラムを集めたものを言い、このライブラリを上手く使うことで色々なことを実現できます。 今回はこのライブラリを用途別で図解にまとめました。 Pythonでプログラムを組む際の参考になりましたら幸いです。 ※簡単にまとめているだけなので、... 続きを読む

Steamが本日で20周年。皆さんのライブラリには何本のゲームがあるだろうか？

2023/09/12 64 users Steam ベータ版 早苗月 正式リリース リリース

Steamが本日で20周年。皆さんのライブラリには何本のゲームがあるだろうか？ 編集部：早苗月 ハンバーグ食べ男 2003年9月12日に正式リリースとなったSteamが，本日（2023年9月12日）で20周年を迎えた。 ※ベータ版は2002年3月22日にリリース Steam Valveの自社タイトルにアップデートを自動提供するためのクライアントお... 続きを読む

「OpenAI」から「Azure OpenAI Service」への移行　「LangChain」を使って実装する中で気づいたこと

2023/09/07 60 users OpenAI LangChain プロンプティング hub

「ChatGPT Meetup」は、プロンプティングからOpenAI API、さらには周辺のライブラリやHubのエコシステムまで広く活用の助けになる知見を共有し、みんなで手を動かして楽しむためのコミュニティです。2回目に登壇したのは、株式会社リンクアンドモチベーションの岡田大輔氏。OpenAIからAzure OpenAI Serviceへの移行につ... 続きを読む

【React / useHooks】開発不要で使える便利なカスタムフックス20選

2023/09/04 70 users React window 自前 カスタムフック フロントエンド

フロントエンドで処理をカスタムフックス化する際、windowの高さを取得するなど、どのプロジェクトでもある程度決まったコードがありますよね。 useHooksはそういったカスタムフックスのライブラリとなっています。カスタムフックは自前で作ってしまうことが多いものの部分的に任せられるかなと思い、useHooksに登録され... 続きを読む

もうこれでSVGアイコンを探すときに困らない！ 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes

2023/05/31 237 users ひとまとめ アイコンライブラリ SVGアイコン アイコン 横断

当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをま...記事の続きを読む 続きを読む

星取表のアンチパターン

2023/05/30 137 users 星取表 アンチパターン SaaS libc エンタープライズ

これだけみると LibC がよく見えますね。 オープンソースのライブラリ比較や、エンタープライズな SaaS が競合に対する優位を見せたいときに星取表が使われることが多いです。 中立な立場でライブラリを選定する過程として出てくることがあります。 自分はこれに全く意味がなく、むしろ競争的な立場では出した側が負ける... 続きを読む

CSSを持たない Headless な UI ライブラリと ChatGPT によるマークアップ生成を試してみる

2023/05/27 63 users chatgpt CSS

いまさら気づいたけど Headless 系のUIライブラリが一番 AI と相性いいのではないか。 ロジックはプログラマで書けて自由度高いし、コンポーネントのネスト構造から意図を読み取れるだろうし、class 名は自由に書けるから意図を表明しやすい。 それをプロンプトとして ChatGPT or Codex にそのまま投げて書かせる、がで... 続きを読む

ChatGPT APIを取り巻くライブラリ 〜LangChainとguidanceの紹介 | gihyo.jp

2023/05/24 135 users guidance OpenAI LangChain 逆瀬川

こんにちは！ 逆瀬川（@gyakuse）です！ 前回はOpenAIが公開しているChat APIとWhisper APIを用いて議事録文字起こしアプリケーションを作ってみました。今回は、Chat APIを便利に使うためのライブラリであるLangChainとguidanceを紹介していきます。 なぜ便利に使うためのライブラリが必要なのか？ 単純にChat APIにリ... 続きを読む