Nyle Engineering Blog
OpenAIã®Whisperæ–‡å—èµ·ã“ã—25MB制é™ã‚’解決ã™ã‚‹PHP, Laravel, ffmpegを使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰²ã®ä¾‹ OpenAIã®APIを使ã£ãŸéŸ³å£°ã®æ–‡å—èµ·ã“ã—ã¯ã€ä»Šã‚„多ãã®ã‚¢ãƒ—リケーションã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ç‰¹ã«Whisperæ–‡å—èµ·ã“ã—ã®25MB制é™ã«ç„¦ç‚¹ã‚’当ã¦ã€PHP, Laravel, ffmpeg…
Nyle Engineering Blog
OpenAIã®Whisperæ–‡å—èµ·ã“ã—25MB制é™ã‚’解決ã™ã‚‹PHP, Laravel, ffmpegを使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰²ã®ä¾‹ OpenAIã®APIを使ã£ãŸéŸ³å£°ã®æ–‡å—èµ·ã“ã—ã¯ã€ä»Šã‚„多ãã®ã‚¢ãƒ—リケーションã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ç‰¹ã«Whisperæ–‡å—èµ·ã“ã—ã®25MB制é™ã«ç„¦ç‚¹ã‚’当ã¦ã€PHP, Laravel, ffmpeg…
[JS]スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦ãƒšãƒ¼ã‚¸å†…ã®ã•ã¾ã–ã¾ãªè¦ç´ を最é©ãªãƒã‚¸ã‚·ãƒ§ãƒ³ãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Auto Fix Anything
ã“ã‚Œã¯äºŒç•ªç›®ã®ãƒ˜ãƒƒãƒ€ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸€ç•ªç›®ã¨åŒæ§˜ã«ä¸Šéƒ¨ã«è²¼ã‚Šã¤ãã¾ã™ã€‚ Auto Fix Anythingã®ä½¿ã„æ–¹ Step 1: 外部ファイル jquery.jsã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.autofix_anything.js"></script> <link href='autofix_anything.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML サイドãƒãƒ¼ã‚’スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦ãƒã‚¸
[JS]コンテンツを効果的ã«ãƒŠãƒ“ゲートã™ã‚‹jQueryã®ãƒ—ラグインã®ã¾ã¨ã‚
スマフォ・タブレットã§ã‚ˆã見ã‹ã‘る三本線ã®ãƒŠãƒ“ゲーションをã¯ã˜ã‚ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスライドã—ã¦ã‹ã£ã“ã„ã„アニメーションã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€1ページã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆç”¨ã®ãƒŠãƒ“ゲーションãªã©ã€ã‚ãªãŸã®å¤§åˆ‡ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„を効果的ã«ãƒŠãƒ“ゲートã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #14 jQuery UI Widget(プラグイン)ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦è©³ã—ã | DevelopersIO
ãã‚“ãªè¨³ã§ã€jQuery UI プラグイン(※以下ã€jQuery UI Widget) ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦å¦ã‚“ã ã®ã§ã€ã“ã“ã«æ›¸ã記ã—ã¦ãŠãã¨ã—ã¾ã™ã€‚忘れã£ã½ã„自分ã®ãŸã‚ã®å‚™å¿˜éŒ²ã¨ã—ã¦æ›¸ã„ãŸå†…容ãªã®ã§ã€å‰²ã‚Šã¨åŸºç¤Žçš„ãªéƒ¨åˆ†ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸå…¥é–€ç·¨ã®ã‚ˆã†ãªå†…容ã«ãªã£ã¦ã„ã¾ã™ã€‚ ウィジェット作æˆã®ãŸã‚ã®å‰æº–å‚™ 当然ã§ã™ãŒ jQuery UI ã®ãƒ—ラグインãªã®ã ã‹ã‚‰ã€ä½œæˆã«ã¯ jQuery エンジンã ã‘ã§ãªãjQuery UI ライブラリãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ æ‰‹é †A | CDN ã§æ‰‹è»½ã«ãƒãƒ¼ãƒ‰ã™ã‚‹ å¦ç¿’目的やã¡ã‚‡ã£ã¨ã—ãŸãƒ†ã‚¯ãƒ‹ã‚«ãƒ«èª¿æŸ»ã¨ã„ã£ãŸå ´åˆã¯ã€ã‚ã–ã‚ã–ファイルをダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã®ã‚‚大ã’ã•ãªã®ã§ã€CDN (コンテンツ・デリãƒãƒªãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯)を利用ã•ã›ã¦ã‚‚らã†ã®ãŒå¦¥å½“ã§ã™ã€‚ jQuery UI オフィシャルページã®ãƒ•ãƒƒã‚¿ãƒ¼éƒ¨åˆ†ã«å¿…è¦ãªURLãŒã™ã¹ã¦è¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã“れらをアナタãŒä½œæˆã™ã‚‹ HTML
ã“ã‚Œã¯è¶…使ã„ã‚„ã™ã„ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®æ¬¡ä¸–代UI:phpspot開発日誌
Slider Pagination Concept - with jQuery UI Slider ã“ã‚Œã¯è¶…使ã„ã‚„ã™ã„ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®æ¬¡ä¸–代UI。 普通ã€ãƒªã‚¹ãƒˆãƒšãƒ¼ã‚¸ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ãˆã°ã€ã€Œ 1 , 2, 3, 4 ,5 次ã¸> ã€ã¿ãŸã„ãªUIãŒåŸºæœ¬ã§ã™ãŒã€ãã‚‚ãã‚‚ã“ã®UIç–‘ã£ã¦ã‹ã‹ã£ã¦ã‚‚ã„ã„時期ãªã®ã‹ã‚‚。 è¦ã¯ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ç•ªå·ã¨ã€ãƒšãƒ¼ã‚¸ã‚’å‰å¾Œã¨ã€ãƒšãƒ¼ã‚¸æŒ‡å®šã§é€ã‚Œã‚Œã°ã„ã„ã€ã¨ã„ã†è¦ä»¶ã‚’満ãŸã›ã°ã„ã„ã‚ã‘ã§ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ルã«å‡ºæ¥ã‚‹ã¯ãšã€‚ 今回紹介ã™ã‚‹ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒ¢ ページ番å·ã®éƒ¨åˆ†ã¯ãƒœã‚¿ãƒ³é¢¨ã«ãªã£ã¦ã„ã‚‹ã®ã§æŠ¼ã—ã¦ã¿ã¾ã—ょã†ã€‚ ã™ã‚‹ã¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ãªã£ã¦ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒšãƒ¼ã‚¸æŒ‡å®šãŒç°¡å˜ã«å‡ºæ¥ã¾ã™ã€‚ 30ã¾ã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦è©±ã™ã¨30ページ目ãŒé–‹ãã€ã¨ã„ã†ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ 次ã¸ã€å‰ã¸ã€ã¨ã„ã£ãŸç›´æ„Ÿçš„ã«åˆ†ã‹ã‚Šã‚„ã™ã„ボタンも実装ã•ã‚Œã¦ã„ã¦å¿…è¦å分。 従æ¥ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯ä½œã‚‹å ´åˆ
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}