プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。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も何もありません。 しかし、サービスを作るにあたって必要なケー... 続きを読む

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 ラ... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

星取表のアンチパターン

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

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

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にリ... 続きを読む

ChatGPTとLangChainで何でもできるAIを作る - Qiita

2023/03/24 156 users Qiita chatgpt LangChain Tool 説明

この記事は記事投稿キャンペーン_ChatGPTの記事です。 はじめに 今回はLangChainという「大規模言語モデルを使いこなすためのライブラリ」の紹介とその機能を発展させるために作った新しいライブラリlangchain-toolsの説明およびその可能性について共有したいと思います． LangChainの機能であるtoolを使うことで，プロ... 続きを読む

フロントエンド開発のためのセキュリティ入門

2023/02/10 352 users セキュリティ入門 フロントエンド開発 XSS devsumi

Developers Summit 2023 10-A-4 「フロントエンド開発のためのセキュリティ入門」の発表資料です。 https://event.shoeisha.jp/devsumi/20230209/session/4176/ 「HTTPS化」「CORS」「XSS」「脆弱なライブラリのチェック」について説明しています。 続きを読む

満を持して始めるRust

2023/02/09 275 users rust デブサミ Developers Summit 代替

Developers Summit（デブサミ） 9-B-9 02/09 17:45 ～ 18:25 「満を持して始めるRust」kenkoooo RustはC++の代替となることが期待されていることから、低レイヤ向け言語という印象を持っている方も多いかもしれません。しかし、Rust 1.0のリリースから7年ほど経ち、言語そのものだけでなく周辺のライブラリやツールも充... 続きを読む

ChatGPTのVSCodeプラグインが神すぎる件について

2023/01/18 417 users chatgpt 言語 プログラム 存在 可能性

ChatGPT いいよね 最近一番メッセージやりとりしてるのChatGPTだし、なんなら1日にしゃべる量よりChatGPTと話してることの方が多い可能性まであります ChatGPTのチャットツール自体はこちらから参加して試せるわけですが、プログラムを書くときに使ったことのない言語やライブラリを開拓する際ここまで有難い存在はあり... 続きを読む

moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita

2023/01/04 156 users Qiita strftime PACKAGE Format

moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットに対応 strftime と同じ ... 続きを読む

TLSが難しい？RustとLinuxカーネルで実装しよう！

2022/12/29 186 users rust TLS カーネルモジュール Linuxカーネル 誤解

TLS（Transport Layer Security）が難しすぎると、お嘆きのセキュリティファースト世代の皆様、RustでLinuxカーネルを実装しながら学んでみましょう！ カーネルモジュールの実装は難しい？それは誤解です。TLSをアプリケーションとして実装しようとすると、各種のライブラリを検索していたつもりが、SNSを眺めていて、一... 続きを読む

『デス・ストランディング』がEpic Gamesストアで1日限定無料配布。新作を控えるコジプロの配達人アクション - AUTOMATON

2022/12/25 172 users AUTOMATON ディレクターズカット コジプロ ストア

Epic Gamesストアにて12月26日、『DEATH STRANDING（デス・ストランディング）』の無料配布が開始された。配布期間は2022年12月27日1時まで。期間中にライブラリへ追加しておけば、配布終了後もプレイできる。なお、同作のEpic Gamesストアでの通常販売価格は、税込7590円。ストアページの表記によると、音声、テキスト... 続きを読む