Capacitor: Webアプリをクãƒã‚¹ãƒ—ラットフォームã«å±•é–‹
import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
ã€ä»¤å’Œæœ€æ–°ç‰ˆã€‘令和ã®Webスクレイピング(クãƒãƒ¼ãƒ«)ã€ãƒ™ã‚¹ãƒˆãƒ—ラクティス】
ã“ã‚“ã«ã¡ã¯ã€æ ªå¼ä¼šç¤¾FP16ã§çµæ§‹ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã„る二宮ã§ã™ã€‚ 最近Webスクレイピングã®ã‚³ãƒ¼ãƒ‰ã‚’色々ãªæ–¹æ³•ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ãã“ã§å¾—ãŸçŸ¥è¦‹ã‚’ã“ã“ã«æ®‹ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã»ã¼æ¯Žæ—¥ãªã«ã‹ã®Webスクレイピングコードを書ã„ã¦ã„ã¾ã™ã€‚ Webスクレイピング手段 Webスクレイピングã«ã¯è‰²ã€…ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ç§ãŒæœ€è¿‘主ã«ä½¿ã£ã¦ã„ã‚‹ã®ã¯ã“ã®5ã¤ã®æ‰‹æ®µã§ã™ã€‚ cheerioã§HTMLã‚’è§£æž Playwrightãªã©ã§è¦ç´ 指定ã§ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ APIを見ã¤ã‘ã¦å©ã（ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨ã®é€šä¿¡ã‚’å†ç¾ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–得） LLMã§ã‚µã‚¤ãƒˆæ§‹é€ を解æžã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ Next.jsã‹ã‚‰ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã«å«ã¾ã‚Œã¦ã„るデータを解æžã—ã¦å–å¾—ã™ã‚‹ ã“ã‚ŒãŒä»¤å’Œã®Webスクレイピングã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã“れらã®æ–¹æ³•ã‚’ã€ç›®æ¨™ã«åˆã‚ã›ã¦ä½¿ã„分ã‘ã¦ã„ã¾ã™ã€‚ 使ã„分ã‘æ–¹ Cheerioã§HTMLè§£æž JavaS
デザイナーã«ã‚‚ãŠå‹§ã‚ï¼ CSSã‚‚Three.jsもタイムライン編集をå¯èƒ½ã«ã™ã‚‹Theatre.jsãŒå‡„ã„ - ICS MEDIA
デザイナーã«ã‚‚ãŠå‹§ã‚ï¼ CSSã‚‚Three.jsもタイムライン編集をå¯èƒ½ã«ã™ã‚‹Theatre.jsãŒå‡„ㄠウェブサイトã®æ¼”出を作る上ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ã¯æ¬ ã‹ã›ã¾ã›ã‚“。一般的ã«ã¯ã€CSSアニメーションやJavaScriptã®ãƒ©ã‚¤ãƒ–ラリ（GSAPジーサップãªã©ï¼‰ã‚’用ã„ã¦ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§å‹•ãã‚’ã¤ã‘ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ã§ã™ãŒã€å®Œå…¨ã«ã‚³ãƒ¼ãƒ‰ã ã‘ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’調整ã™ã‚‹ã®ã¯å¤§å¤‰ã ã¨æ€ã£ãŸã“ã¨ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 一度実装ã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹ã¯å…±æ„Ÿã„ãŸã ã‘ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å°‘ã—ç›´ãã†ã«ã‚‚コードã«æˆ»ã£ã¦èª¿æ•´ã—ã€åæ˜ ã•ã‚ŒãŸãƒ–ラウザ画é¢ã‚’確èªã—ã¦ã€ã‚‚ã†ä¸€åº¦ã‚³ãƒ¼ãƒ‰ã‚’ç›´ã—ã¦â€¦ã¨å¾€å¾©ã—ã¦ã„ã‚‹ã¨çµæ§‹å¤§å¤‰ã§ã™ã€‚ã¾ãŸã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãƒ—ãƒãƒ‘ティやè¦ç´ ãŒè¤‡æ•°ã‚ã‚‹å ´åˆã«ã¯ã€ã‚³ãƒ¼ãƒ‰ã‚’解èªã™ã‚‹é›£æ˜“度も上ãŒã‚Šã¾ã™ã€‚ 本記事ã§ã¯ãã‚“ãªæ‚©ã¿ã‚’解決ã§ãã‚‹ã€GUIã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’調整ã§ãるライブラリ「Theatre.jsシアタ
LINE Botã®é–‹ç™ºã§Cloudflareã¨Honoを使ã†ç†ç”±
æ¦‚è¦ é€Ÿã•ãŒæ£ç¾© LINE Botã®é–‹ç™ºã§Cloudflareã¨Honoを使ã†ç†ç”± Cloudflare Workersã®å¿œç”速度ãŒé€Ÿã„ã‹ã‚‰ PoPã«ã¤ã„㦠Cloudflareã¯AWSã®lambdaã«æ¯”ã¹ã¦ãƒã‚¤ãƒ³ãƒˆã‚ªãƒ–プレゼンス（PoP）ã®æ•°ãŒå¤šãã€å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã‚‹å ´æ‰€ãŒã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¿‘ãã«ã‚ã‚‹å¯èƒ½æ€§ãŒé«˜ã„。 ãã®ãŸã‚ã€ãƒ‘フォーマンステストã§ã¯AWS Lambdaã€AWS Lambda@Edgeよりも応ç”時間ãŒå°ã•ã„ã¨ã„ã†çµæžœã«ãªã£ãŸã€‚ コールドスタートãŒãªã„ Cloudflare Workersã¯ã‚³ãƒ¼ãƒ«ãƒ‰ã‚¹ã‚¿ãƒ¼ãƒˆãŒãªãã€Lambdaã¨Lambda@Edgeã®ã‚ˆã†ã«EventBridgeã§1分ãŠãã«ãƒ„ンツンã—ãªãã¦ã„ã„。 Service bindingsãŒä¾¿åˆ©ã ã‹ã‚‰ Cloudflare Workersã®Service bindingsを使用ã™ã‚‹ã“ã¨ã§ã€workeré–“ã®é€šä¿¡ã¯ãƒ‘ブリックã«
OpenAIã®GPT-4oを日本語OCRã¨ã—ã¦ä½¿ã£ã¦ã¿ã‚‹
昨日ã€OpenAIãŒç”ŸæˆAIã®æ–°ã—ã„モデルã§ã‚ã‚‹GPT-4oを発表ã—ã¾ã—ãŸã€‚消費ã™ã‚‹ãƒˆãƒ¼ã‚¯ãƒ³æ•°ã®ç¯€ç´„ã‚„ã€éŸ³å£°åˆæˆæ©Ÿèƒ½ã®æ”¹å–„ã€å¿œç”速度ã®å‘上ãªã©ç€å®Ÿãªå“質改善を見ã›ã¦ã„るよã†ã§ã™ã€‚ç§ã‚‚ã€ç‰¹ã«éŸ³å£°åˆæˆï¼ˆText To Speech）ã®è¡¨ç¾åŠ›ã«ã¤ã„ã¦éžå¸¸ã«èˆˆå‘³ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ç§ã¯ä»¥å‰ã€ã€ŒOpenAIã®GPT-4 Turbo with visionを日本語OCRã¨ã—ã¦ä½¿ã£ã¦ã¿ã‚‹ã€ã§ã€GPT-4 Turboã®ç”»åƒèªè˜æ©Ÿèƒ½ã®æ—¥æœ¬èªžOCRã«ã¤ã„ã¦æ¤œè¨¼ã‚’è¡Œã„ã¾ã—ãŸã€‚ãã®å½“時ã¯ã€æ—¢å˜ã®ã‚³ã‚°ãƒ‹ãƒ†ã‚£ãƒ–AI APIã«æ¯”ã¹ã¦èªè˜ç²¾åº¦ãŒå分ã§ãªã„ã¨ã„ã†è©•ä¾¡ã‚’ã—ã¦ã„ã¾ã™ã€‚ã¨ã¯ã„ãˆã€ãã®å¾Œã«å‡ºã¦ããŸClaude 3 Opusã¯é©šãã¹ãèªè˜ç²¾åº¦ã ã£ãŸã®ã§ã€OpenAIã‚‚å·»ãè¿”ã™å¯èƒ½æ€§ã¯å分ã«ã‚ã‚‹ã¨æ„Ÿã˜ã¾ã—ãŸã€‚Azure OpenAI Serviceを使ã£ã¦ã„ã‚‹å ´åˆã¯ã€Vision enhancementã¨ã„ã†æ—¢å˜ã®ã‚³ã‚°ãƒ‹
Cloudflareã€ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ–ラウザ「Browser Rendering APIã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€‚Puppeteerライブラリもæ供開始
Cloudflareã€ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ–ラウザ「Browser Rendering APIã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€‚Puppeteerライブラリもæ供開始 Cloudflareã¯ã€åŒç¤¾ã®ã‚µãƒ¼ãƒãƒ¬ã‚¹åŸºç›¤ã§ã‚ã‚‹Cloudflare Workersを通ã˜ã¦ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ–ラウザをæ“作ã§ãる「Browser Rendering APIã€ã®æ£å¼ã‚µãƒ¼ãƒ“ス化を発表ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã¯Browser Rendering APIã¯ã‚ªãƒ¼ãƒ—ンベータã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ Good morning! We'll keep it short: Browser Rendering API is now available to all paid Workers customers with improved session management. https://t.co/TP2W2KtgOx #DeveloperWeek — C
自社データ × ChatGPTã§ç¤¾å†…AIを構築ã™ã‚‹RAG ツール｜Doox β版をリリースã—ã¾ã—㟠- Qiita
TLDR 社内ã®ãƒ‡ãƒ¼ã‚¿ã‚’å…ƒã«è³ªå•ã¸ã®å›žç”ã‚’ LLM ãŒç”Ÿæˆã™ã‚‹ä»•çµ„ã¿ï¼ˆRAG）を構築ã™ã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“スを開発ã—ã¾ã—ãŸã€‚ β 版ã¨ã—ã¦ç„¡æ–™ã§å…¬é–‹ã—ã¦ã„ã‚‹ã®ã§æ˜¯éžä½¿ã£ã¦ã¿ã¦ãã ã•ã„。 サーãƒãƒ¼ãƒ¬ã‚¹ãªæ§‹æˆã§ Next.js ã‚’å‹•ã‹ã—ã¦ã„る。技術ã®ã‚ャッãƒã‚¢ãƒƒãƒ—ã¯å¤§å¤‰ã 。 背景 仕事をã—ã¦ã„ã‚‹ã¨ç¤¾å†…ã®è¦å®š / 製å“æƒ…å ± / éŽåŽ»ã®å±¥æ´ .. ãªã©ã«é–¢ã™ã‚‹å•ã„åˆã‚ã›ã¯æ—¥å¸¸çš„ã«ç™ºç”Ÿã™ã‚‹ã‚‚ã®ã ã—ã€ãã®å·¥æ•°ã¯çµæ§‹ã‚る。通常㯠Wiki を作ã£ã¦ãƒŠãƒ¬ãƒƒã‚¸ã‚’共有ã™ã‚‹ãŒã€çµå±€ã€Œè¿‘ã„人や担当ã«èžãã€ã¨ã„ã†è¡Œç‚ºã¯ãªã‹ãªã‹æ¸›ã‚‰ãªã„。 色々ãªä¼æ¥ãŒã€ç¤¾å†…ã®ãƒ‡ãƒ¼ã‚¿ã‚’å…ƒã«è³ªå•ã¸ã®å›žç”ã‚’ LLM ãŒç”Ÿæˆã™ã‚‹ä»•çµ„ã¿ï¼ˆRAG）を独自ã«é–‹ç™ºã—ã¦ã„るよã†ã§ã€æŠ€è¡“ブãƒã‚°ã¨ã‹ã«æ›¸ã„ã¦ã„る方も多ã„。 社内å‘ã‘ RAG ã®æ§‹ç¯‰ã‚’ SaaS プãƒãƒ€ã‚¯ãƒˆã§æä¾›ã—ãŸã‚‰å„社ã®ç¤¾å†…ã®å•ã„åˆã‚ã›å·¥æ•°ã¨ç‹¬è‡ªã« RAG を構築ã™ã‚‹ã‚³ã‚¹ãƒˆã‚’下ã’られã¦å¬‰ã—ã„ã‚“
「JavaScriptã§è¦ç´ をドラッグã—ã¦ç§»å‹•ã™ã‚‹ç°¡å˜ãªæ–¹æ³•ã€ã¨ã„ã†è¨˜äº‹ãŒåˆè€³ã らã‘ã ã£ãŸä»¶ - Qiita
ã¯ã˜ã‚ã« ã¾ãšâ†“ã®è¨˜äº‹ã‚’見ã¦ãªã„æ–¹ã¯ãœã²è¦‹ã¦ãã ã•ã„ï¼ è‡ªåˆ†ã«ã¨ã£ã¦ã¯ã“ã®è¨˜äº‹ã«ã¯ã€Œãˆã£ã€ãƒŠãƒ‹ã‚³ãƒ¬ï¼ã€ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå¤šãã€ç‰¹ã«è§£èª¬ã‚‚ãªã‹ã£ãŸã®ã§ã„ã‚ã„ã‚調ã¹ã¦ãŸã‚‰ä¼‘æ—¥ãŒæ¶ˆãˆã¦ã¾ã—ãŸ... ãªã®ã§ãã®æ™‚é–“ã®ä¾›é¤Šã‚‚ã‹ãã¦ã€è‡ªåˆ†ãŒçŸ¥ã‚‰ãªã‹ã£ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã€åƒè¶ŠãªãŒã‚‰å…ƒè¨˜äº‹ã®è§£èª¬ã‚’書ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€ä»¥ä¸‹ãŒå…ƒè¨˜äº‹ã®ã‚³ãƒ¼ãƒ‰ãã®ã¾ã¾ã‚’実装ã—ãŸã‚‚ã®ã§ã™ã€‚ãŸã—ã‹ã«æŽ²è¼‰ã‚³ãƒ¼ãƒ‰ã ã‘ã§è¦ç´ ãŒã‚°ãƒªã‚°ãƒªå‹•ãã¾ã™ã。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. åˆè€³1: $img ã¾ãšã‚³ãƒ¼ãƒ‰ã®ã“ã“
æ–°ãŸãªJavaScript日付æ“作ライブラリ「Tempoã€ç™»å ´ ー ãƒã‚¤ãƒ†ã‚£ãƒ–ãªDateã¨ç›´æŽ¥é€£æºã€å°ã•ãã€é€Ÿãã€ä½¿ã„ã‚„ã™ã
先日リリースã•ã‚ŒãŸã€Œ[Tempo](https://tempo.formkit.com/)ã€ãŒã€å…¨ãæ–°ã—ã„JavaScriptã®æ—¥ä»˜ï¼æ™‚刻ライブラリã¨ã—ã¦éžå¸¸ã«æ³¨ç›®ã‚’集ã‚ã¦ã„る。 先日リリースã•ã‚ŒãŸã€ŒTempoã€ãŒã€å…¨ãæ–°ã—ã„JavaScriptã®æ—¥ä»˜ï¼æ™‚刻ライブラリã¨ã—ã¦éžå¸¸ã«æ³¨ç›®ã‚’集ã‚ã¦ã„る。 JavaScriptã®æ—¥ä»˜ãƒ©ã‚¤ãƒ–ラリã«ã¯moment.jsã€day.jsã€date-fnsãªã©ãŒã‚ã‚‹ãŒã€ã“れらã¨ç•°ãªã‚‹ã®ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã®Dateオブジェクトを直接対象ã¨ã—ã¦ã„ã‚‹ã“ã¨ã§ã‚る。 従æ¥ã®æ—¥ä»˜ãƒ©ã‚¤ãƒ–ラリã¯ã€ç‹¬è‡ªã®æ—¥ä»˜ãƒ—リミティブをæä¾›ã™ã‚‹ã“ã¨ãŒä¸€èˆ¬çš„ã§ã‚ã£ãŸãŒã€Tempoã§ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®JavaScript Dateオブジェクトã¨ç›´æŽ¥é€£æºã—ã€Intl.DateTimeFormatを活用ã™ã‚‹ã“ã¨ã§ã€ã‚¿ã‚¤ãƒ ゾーンやãƒã‚±ãƒ¼ãƒ«ã®ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚¯ãƒ©ã‚¹ã‚µãƒãƒ¼ãƒˆã‚’æä¾›ã™ã‚‹ã ã‘ã§ãªãã€ãƒ©ã‚¤ãƒ–ラリã®ã‚µã‚¤ã‚ºå‰Šæ¸›
Python ã ã‘ã§ä½œã‚‹ Webアプリケーション(フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç·¨)ーã¯ã˜ã‚ã« - Qiita
ãŠç–²ã‚Œæ§˜ã§ã™ã€‚ 今日ã‹ã‚‰ã¯ã€ŒPython ã ã‘ã§ä½œã‚‹ Web アプリケーション(フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç·¨)ã€ã«ã¤ã„ã¦éƒ¨åˆ†ã„ãŸã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« è¨è¨ˆæ–¹é‡ 共通部分ã®ä½œæˆ ãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ 商å“一覧ページ 商å“詳細ページ カートページ 注文一覧ページ 注文詳細ページ ã¾ã¨ã‚ 今回ã¯10ã®è¨˜äº‹ã«åˆ†ã‘ã¦æŠ•ç¨¿ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ 今日ã¯ã€Œã¯ã˜ã‚ã«ã€ã«ã¤ã„ã¦éƒ¨åˆ†ã„ãŸã—ã¾ã™ã€‚ ãªãœæœ¬æ›¸ã‚’書ã„ãŸã®ã‹ 本書ã¯ä¸»ã«ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹ã‚’対象ã«ã—ã¦ã„ã¾ã™ã€‚ Web アプリケーションã®æ§‹ç¯‰çµŒé¨“ãŒãªã„新米エンジニア Python ã¯ã‹ã‘ã‚‹ãŒã€HTML/JS/CSS ãŒè‹¦æ‰‹ãª Pythonista ç´°ã‹ã„ UI ã®è¨å®šã¯ã›ãšã€æ¤œè¨¼ãƒ»ãƒ‡ãƒ¢ç”¨ã® Web アプリをçŸæœŸé–“ã§ä½œã‚ŠãŸã„開発ãƒãƒ¼ãƒ ã©ã†ã‚„ã£ã¦ä½œã£ãŸã‹ 対象èªè€…ã®æ‚©ã¿ã‚’解決ã™ã‚‹ãŸã‚ã«ã€æ¬¡ã® 3 ã¤ã®è¦ç´ ãŒå¿…è¦ã¨è€ƒãˆã¾ã—ãŸã€‚ Web アプリケーションã®åŸºç¤ŽçŸ¥è˜ å‚考ã«ã—ã¦ã‚‚らãˆã‚‹å“質
JavaScriptã§è¦ç´ をドラッグã—ã¦ç§»å‹•ã™ã‚‹ç°¡å˜ãªæ–¹æ³• - Qiita
<img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.offsetLeft + event.movementX + 'px' this.style.top = this.offsetTop + event.movementY + 'px' this.style.position = 'absolute' this.draggable = false this.setPointerCapture(event.pointerId) } } </script>
é™çš„サイトå‘ã‘ã®å…¨æ–‡æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã¨ UI ライブラリ㮠Pagefind
デモã¨ã—ã¦ã€ã“ã®ãƒ–ãƒã‚°ã« Pagefind ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ヘッダーã®æ¤œç´¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ã‚ーワードを入力ã—ã¦æ¤œç´¢ã—ã¦ã¿ã¦ãã ã•ã„。 使ã„æ–¹ Pagefind ã¯æ§‹ç¯‰æ¸ˆã¿ã® UI ライブラリã¨ã€CLI コマンドã¨ã—ã¦ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’作æˆã™ã‚‹ãŸã‚ã®ãƒ„ールã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãšã¯ UI ライブラリã®éƒ¨åˆ†ã‹ã‚‰è¦‹ã¦ã¿ã¾ã—ょã†ã€‚ UI ライブラリ Pagefind ã® UI ライブラリã¯ã€æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã¨æ¤œç´¢çµæžœã‚’表示ã™ã‚‹ãŸã‚ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã® UI ã¯ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ <link href="/pagefind/pagefind-ui.css" rel="stylesheet" /> <script src="/pagefind/pagefind-ui.js"></script> <div id="s
Three.jsã§æ–°å®¿é§…構内図を3Dã§å¯è¦–化ã—ã¦ã¿ã‚‹ - Qiita
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã§ã¯æ–°å®¿é§…ã®å±‹å†…地図データを使用ã—ã¦ã€Three.jsã§3Dã«ã‚ˆã‚‹å¯è¦–化をã—ã¾ã™ã€‚ DEMOã¯ã“ã¡ã‚‰ サンプルコードã¯ã“ã¡ã‚‰ 使用ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ 今回ã¯ã€Gç©ºé–“æƒ…å ±ã‚»ãƒ³ã‚¿ãƒ¼ã§å…¬é–‹ã•ã‚Œã¦ã„る「新宿駅屋内地図オープンデータã€ã®çµ±åˆç‰ˆï¼ˆShapeFile）を使用ã—ã¾ã™ã€‚ データã«ã¤ã„ã¦ã®è©³ç´°ã¯è£½å“仕様書ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ã‚ˆã†ã«ã€ãƒ‡ãƒ¼ã‚¿ã®åŠ 工利用ã«ã¯ä»¥ä¸‹ã®å‡ºå…¸ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç·¨é›†ãƒ»åŠ å·¥ç‰ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€ä¸Šè¨˜å‡ºå…¸ã¨ã¯åˆ¥ã«ã€ç·¨é›†ãƒ»åŠ å·¥ç‰ã‚’è¡Œã£ãŸã“ã¨ã‚’記載ã—ã¦ãã ã•ã„。ãªãŠã€ç·¨é›†ãƒ»åŠ å·¥ã—ãŸæƒ…å ±ã‚’ã€ã‚ãŸã‹ã‚‚国（åˆã¯åºœçœç‰ï¼‰ãŒä½œæˆã—ãŸã‹ã®ã‚ˆã†ãªæ…‹æ§˜ã§å…¬è¡¨ãƒ»åˆ©ç”¨ã—ã¦ã¯ã„ã‘ã¾ã›ã‚“ã€‚ï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç·¨é›†ãƒ»åŠ å·¥ç‰ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã®è¨˜è¼‰ä¾‹ï¼‰ã€Œæ–°å®¿é§…周辺屋内地図データã€ï¼ˆå›½åœŸäº¤é€šçœï¼‰ï¼ˆhttps://www.geospatial.jp/ckan/dataset/mlit-i
「ChatGPT/LangChainã«ã‚ˆã‚‹ãƒãƒ£ãƒƒãƒˆã‚·ã‚¹ãƒ†ãƒ 構築 ã€ã¨ã„ã†æ›¸ç±ãŒç´ 晴らã—ã‹ã£ãŸã®ã§Node.jsã§ã‚‚書ã„ã¦ã¿ãŸ - selmertsxã®ç´ 振り日記
ã¯ã˜ã‚㫠「ChatGPT/LangChainã«ã‚ˆã‚‹ãƒãƒ£ãƒƒãƒˆã‚·ã‚¹ãƒ†ãƒ 構築〠ã¨ã„ã†æœ¬ãŒç´ 晴らã—ã‹ã£ãŸã®ã§ã€ã¡ã‚ƒã‚“ã¨èº«ã«ã¤ã‘ã‚‹ãŸã‚ã« Python ã ã‘ã˜ã‚ƒãªã㦠Node.js ã§ã‚‚å‹•ã‹ã—ã¦ã¿ã¾ã—ãŸã€‚åŒã˜ã“ã¨ã‚’ã‚„ã‚ã†ã¨ã—ãŸäººã®ãŸã‚ã«ã€ã“ã“ã«ãã®ã¨ãã®è¨˜éŒ²ã‚’残ã—ã¾ã™ã€‚特㫠callbacksã‚„memoryã«ã¤ã„ã¦ã€è©³ç´°ã«è¨˜è¼‰ã—よã†ã¨æ€ã„ã¾ã™ã€‚ 書ç±ã®èª¬æ˜Žã«ã¤ãªãŒã‚‹ã‚ˆã†ãªã“ã¨ã¯ã§ãã‚‹é™ã‚Šæ›¸ãã¾ã›ã‚“ï¼ã‚ã£ã¡ã‚ƒè‰¯æ›¸ãªã®ã§ã€ã”興味æŒã£ã¦ã„ãŸã ã‘ãŸæ–¹ã¯è³¼å…¥ã—ã¦ã‚‚らãˆã¾ã™ã¨ 🙠5ç« ã¾ã§ã¯Python固有ã®Toolを利用ã—ã¦ãŠã‚Šã€6ç« ã®ä¸èº«ã¯7ç« ã¨ã‹ãªã‚Šè¿‘ã„ã¨ã“ã‚ãŒã‚ã‚‹ã®ã§ã€7ç« ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã ã‘ã“ã“ã«è¨˜è¼‰ã—ã¾ã™ã€‚LangChainã®å¦ç¿’ã«æ³¨åŠ›ã—ãŸã„ã®ã§ã€Serverelss Frameworkã«é–¢é€£ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯çœç•¥ã—ã¾ã—ãŸã€‚ã¾ãŸã€Momentoã‚„ @slack/bolt ã«é–¢ã™ã‚‹èª¬æ˜Žã¯ã—ã¾ã›ã‚“。 プãƒ
ã€å›³è§£ã€‘Pythonã®ãƒ©ã‚¤ãƒ–ラリ 24é¸ï¼‹Î± - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Pythonã«ã¯ãƒ©ã‚¤ãƒ–ラリãŒæ²¢å±±ã‚ã‚Šã¾ã™ã€‚ライブラリã¨ã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’æŒã£ãŸãƒ—ãƒã‚°ãƒ©ãƒ を集ã‚ãŸã‚‚ã®ã‚’言ã„ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリを上手ã使ã†ã“ã¨ã§è‰²ã€…ãªã“ã¨ã‚’実ç¾ã§ãã¾ã™ã€‚ 今回ã¯ã“ã®ãƒ©ã‚¤ãƒ–ラリを用途別ã§å›³è§£ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ Pythonã§ãƒ—ãƒã‚°ãƒ©ãƒ を組む際ã®å‚考ã«ãªã‚Šã¾ã—ãŸã‚‰å¹¸ã„ã§ã™ã€‚ ※簡å˜ã«ã¾ã¨ã‚ã¦ã„ã‚‹ã ã‘ãªã®ã§ã€è©³ã—ã„ä¸èº«ã¯å…¬å¼ãƒ‰ã‚ュメントç‰ã‚’ã”確èªãã ã•ã„。 追記（2023/12/25） 当記事ãŒã‚ã‚ŠãŒãŸã„ã“ã¨ã«å¥½è©•ã„ãŸã ã‘ãŸã®ã§ã€Pythonã®åŸºç¤Žã‚‚図解化ã—ã¾ã—ãŸã€‚ã‚ã‚ã›ã¦ã”活用ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ 追記（2024/8/22） 上
"レガシー"ã¨è¨€ã‚ã‚Œãªã„ãŸã‚ã®JavaScriptå†å…¥é–€
追記: 10/11 ãƒãƒ†ãƒ–ã§ãƒã‚ºã£ã¦ã„るよã†ã§ã€è‰²ã€…指摘ãŒã‚ã£ãŸã®ã§è¿½è¨˜ getElement*ã¯å‹•ä½œãŒæ—©ã„ã®ã§IDやクラスåãŒè‡ªæ˜Žã®å ´åˆã¯getElement*を使ã†æ–¹ãŒã„ã„ã¨è¨€ã†æ„見もã‚ã‚Šã€ã¾ãŸã€ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã§å¤§é‡ã«å‘¼ã³å‡ºã•ã‚Œã‚‹ã‚ã‘ã§ã¯ãªã„ã‹ã‚‰ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ã¯ãªã‚‰ãªã„ã¨è¨€ã†æ„見もã‚る。 getElement*ã§è¿”ã•ã‚Œã‚‹ã‚ªãƒ–ジェクトã¯å‹•çš„ãªå¤‰åŒ–ã«å¯¾å¿œã—ã¦ãŠã‚Šã€querySelector*ã¯å‹•çš„ãªå¤‰åŒ–ã«å¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€å ´åˆã«ã‚ˆã£ã¦ã¯getElement*を使ã†ã¨ã„ã„。ã“ã®ã‚µã‚¤ãƒˆã§éŠã‚“ã§ã¿ã‚ˆã†ã€‚ https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofã¯éžæŽ¨å¥¨ãªã®ã§ Promise.allã‚’ç¾ä»£çš„ãªæ›¸ãæ–¹ã«ã—㟠顧客先ã®ãƒ–ラウザãŒå¤ã„å ´åˆã‚‚考慮ã—ã¦ã€ã‚ãˆã¦ãƒ¬ã‚¬ã‚·ãƒ¼ãªæ›¸ã方もã™ã‚‹å ´åˆãŒã‚るらã—ã„。ç¾
日本ã®ç©ºã家å•é¡Œã‚’考ãˆã‚‹ 2040å¹´ 空ã家数全国予測マップ - ディレクターノート - NHK ã¿ã‚“ãªã§ãƒ—ラス
日本ã®ç©ºã家å•é¡Œã¯æ–°ãŸãªãƒ•ã‚§ãƒ¼ã‚ºã«çªå…¥ã—よã†ã¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§äººå£æ¸›å°‘ãŒç¶šã「地方ã®éŽç–Žåœ°ã€ã®å•é¡Œã¨ã•ã‚Œã¦ãã¾ã—ãŸãŒã€è¿‘å¹´ã¯çœŒåºæ‰€åœ¨åœ°ãªã©ã®éƒ½å¸‚部や大都市åœã§ã‚‚空ã家ãŒæ€¥å¢—。ãã—ã¦å›£å¡Šä¸–代ãŒå¹³å‡å¯¿å‘½ã‚’超éŽã—ã€å¤šãã®ç›¸ç¶šå•é¡ŒãŒç™ºç”Ÿã™ã‚‹2040å¹´ã«å‘ã‘ã¦ã¯ã€æ›´ã«æ‹è»ŠãŒã‹ã‹ã‚‹ã¨ã„ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 今回NHKã§ã¯ã€æ˜Žæ²»å¤§å¦ã®é‡Žæ¾¤åƒçµµæ•™æŽˆã«å”力をä¾é ¼ã€‚「2040年空ã家数予測マップã€ã‚’作æˆã—空ã家å•é¡Œã®æœªæ¥ã‚’å¯è¦–化ã—ã¾ã—ãŸã€‚分ã‹ã£ã¦ããŸã®ã¯ã€ã„ã‚ゆる「人気ã®ç”ºã€ã€Œäººæ°—ã®ã‚¨ãƒªã‚¢ã€ã§ã‚ã£ã¦ã‚‚空ã家å•é¡Œã‹ã‚‰ã¯é€ƒã‚Œã‚‰ã‚Œãªã„ã¨ã„ã†æ·±åˆ»ãªç¾å®Ÿã€‚ ã‚ãªãŸã®ç”ºã€ã‚ãªãŸã®å®Ÿå®¶ã®ã‚る町ã¯å¤§ä¸ˆå¤«ã§ã™ã‹!?　必見ã®ãƒ‡ãƒ¼ã‚¿ãƒžãƒƒãƒ—ã§ã™ã€‚ 野澤åƒçµµã•ã‚“ / 明治大å¦æ”¿æ²»çµŒæ¸ˆå¦éƒ¨æ•™æŽˆ 国土交通çœã®å¯©è°ä¼šå§”員　ç¾å ´ã‚’訪ãデータ解æžã‚‚用ã„ã¦ç©ºã家や土地政ç–ã‚’ç ”ç©¶ マップを見るãƒã‚¤ãƒ³ãƒˆ ―今回ã®2040年空ã家予測マップã®ç‰¹ç†ã™ã¹ã
å°ã•ãªã‚²ãƒ¼ãƒ を作るã¨ã—ã¦ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹ã¨é–‹ç™ºç’°å¢ƒã€ä½•å‘ã‘ã«ä½•ã§ä½œã‚‹ã®ãŒã„ã„ã‚“ã ã‚ㆠ- ABAã®æ—¥èªŒ
ã˜ã‚ƒã‚å°ã•ãªã‚²ãƒ¼ãƒ を作ã£ã¦ã¿ã‚ˆã†ã‹ã€ã¨æ€ã£ãŸã¨ãã«ã€ã¾ãšè€ƒãˆãªã„ã¨ã„ã‘ãªã„ã“ã¨ã®ä¸€ã¤ã«ã€PCã€ã‚¹ãƒžãƒ›ã€ã‚²ãƒ¼ãƒ æ©Ÿãªã©ãªã©ã€ã©ã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãゲームを作るã‹ã¨ã„ã†ã“ã¨ãŒã‚る。 特ã«ã“ã ã‚ã‚ŠãŒãªã„ã®ã§ã‚ã‚Œã°ã€PCã®Webブラウザå‘ã‘ã®ã‚²ãƒ¼ãƒ を作るã®ãŒãŠã‚¹ã‚¹ãƒ¡ã 。今ã®ãƒ–ラウザã¯æ§˜ã€…ãªé–‹ç™ºç’°å¢ƒã§é–‹ç™ºã•ã‚ŒãŸã‚²ãƒ¼ãƒ を動作ã•ã›ã‚‹ãŸã‚ã®ãƒ—ラットフォームã¨ã—ã¦æˆç†Ÿã—ã¦ã„ã‚‹ã—ã€ä»–ã®äººã«ãƒ—レイã—ã¦ã‚‚らã†ã«ã‚‚ã€ãƒãƒƒãƒˆä¸Šã®URL告知ã‹ã‚‰ã‚·ãƒ¼ãƒ レスã«éŠã‚“ã§ã‚‚らãˆã¦ãŠæ‰‹è»½ã 。 ゲーム作りを楽ã—ã‚€ã€ã¨ã„ã†é¢ã§ã¯ã€ã©ã®é–‹ç™ºç’°å¢ƒãƒ»ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãƒ»ã‚²ãƒ¼ãƒ エンジンã§ã‚²ãƒ¼ãƒ を作りãŸã„ã‹ã€ã‹ã‚‰è€ƒãˆã‚‹æ‰‹ã‚‚ã‚る。ã“ã‚Œã«ã¤ã„ã¦ã¯å°ã•ãªã‚²ãƒ¼ãƒ ã ã‹ã‚‰ã©ã†ã“ã†ã€ã¨ã„ã†ã“ã¨ã¯ç‰¹ã«ãªãã¦ã€è‡ªåˆ†ã®å¥½ã¿ã§æ±ºã‚ã¦è‰¯ã„ã¨æ€ã†ã€‚ãŸã ã€é‡åŽšãª3Dゲームを主ãªã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã—ã¦ã„ã‚‹Unreal Engineãªã©ã¯å°ã•ãªã‚²ãƒ¼ãƒ を作るã«ã¯ãƒªãƒƒãƒã™ãŽã‚‹ã€ãªã©ã¯è€ƒæ…®ã—ã¦
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScriptã®thisã‚‚ã“ã‚Œã§å®Œç’§ï¼å‘¼ã³å‡ºã—æ–¹ã§å¤‰ã‚ã‚‹5ã¤ã®ãƒ‘ターン - Qiita
国土交通çœãŒæ–°ã‚µã‚¤ãƒˆã€Œä¸å‹•ç”£æƒ…å ±ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã‚’無料公開ã€æ—©ãも神サイトã¨è©•åˆ¤ã€ã‚„ã˜ã†ã¾Watch】
{{#tags}}- {{label}}
{{/tags}}