React KawaiiCute illustrations for React AppsReact Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.Get started
JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支æ´ãƒ„ール〉 - ãƒ¡ã‚·ã‚¦ã‚¹æ ªå¼ä¼šç¤¾
帳票・レãƒãƒ¼ãƒˆ 日本仕様ã®å¸³ç¥¨é–‹ç™ºã«å¿…è¦ãªæ©Ÿèƒ½ã‚’æ載ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風ã®ãƒ“ューã¨è¡¨è¨ˆç®—機能を実ç¾ã™ã‚‹UIコンãƒãƒ¼ãƒãƒ³ãƒˆ SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS å…¥åŠ›æ”¯æ´ å¿«é©ãªå…¥åŠ›ã‚’実ç¾ã™ã‚‹æ—¥æœ¬ä»•æ§˜å…¥åŠ›ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆ InputManPlus for Windows Forms InputManPlus for ASP.NET InputManPlus for WPF InputManJS 多段明細 1レコード複数行&日付表示㫠最é©ãªã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ MultiRowPlus for Windows Forms 戻る コンãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆ Visual Studioã§åˆ©ç”¨ã™
IoTã®ã‚·ã‚¹ãƒ†ãƒ 構æˆå›³ãŒæã‘るアイコンセットã€ã‚½ãƒ©ã‚³ãƒ ãŒç„¡å„Ÿå…¬é–‹ã€‚IoTデãƒã‚¤ã‚¹ç¾¤ã€ãƒ‰ãƒãƒ¼ãƒ³ã€ç›£è¦–カメラã€SIMãªã©ã‚’表ã™ã‚¢ã‚¤ã‚³ãƒ³ã‚‚
IoTã®ã‚·ã‚¹ãƒ†ãƒ 構æˆå›³ãŒæã‘るアイコンセットã€ã‚½ãƒ©ã‚³ãƒ ãŒç„¡å„Ÿå…¬é–‹ã€‚IoTデãƒã‚¤ã‚¹ç¾¤ã€ãƒ‰ãƒãƒ¼ãƒ³ã€ç›£è¦–カメラã€SIMãªã©ã‚’表ã™ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ IoTデãƒã‚¤ã‚¹å‘ã‘ã®é€šä¿¡ã‚µãƒ¼ãƒ“スをクラウドã§æä¾›ã™ã‚‹ã‚½ãƒ©ã‚³ãƒ ã¯ã€IoTデãƒã‚¤ã‚¹ç¾¤ã‚„ドãƒãƒ¼ãƒ³ã€SIMãªã©ã®æœ€è¿‘ã®IoT関連デãƒã‚¤ã‚¹ã‹ã‚‰ã€åŸºåœ°å±€ã€äº¤æ›å±€ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã€ã‚µãƒ¼ãƒã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãªã©ã®ä¸€èˆ¬çš„ãªã‚‚ã®ã¾ã§ã€IoTãªã©ã®ã‚·ã‚¹ãƒ†ãƒ 構æˆå›³ã‚’æãéš›ã®éƒ¨å“ã¨ã—ã¦ä½¿ãˆã‚‹ã•ã¾ã–ã¾ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’æƒãˆãŸã€ŒSORACOM アイコンセットã€ã‚’公開ã—ã¾ã—ãŸã€‚ 以下ã¯ãã®ä¸€éƒ¨ã§ã™ã€‚ SORACOMアイコンセットã¯ã€PowerPointå½¢å¼ã€SVGå½¢å¼ã€PNGå½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§æä¾›ã•ã‚Œã‚‹ã®ã«åŠ ãˆã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä½œå›³ãƒ„ールã®Cacooã§ã‚‚ステンシルã¨ã—ã¦æä¾›ã•ã‚Œã¾ã™ã€‚ 使用ã«ã¯SORACOM アイコンセット使用ガイドラインãŒå®šã‚られã¦ãŠã‚Šã€SORACOMã®ä½¿ç”¨ã«è¨€åŠã™ã‚‹å ´é¢ãªã©ã§ã®
flowchart.js - SVGã®ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’生æˆã™ã‚‹JavaScriptライブラリ MOONGIFT
システムやワークフãƒãƒ¼ã‚’分ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹éš›ã«ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’使ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚特ã«æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ãªã©ã€å¤šæ•°ã®ã‚·ã‚¹ãƒ†ãƒ ãŒè¤‡é›‘ã«çµ„ã¿åˆã‚ã•ã£ã¦å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã‚‹å ´åˆã€ãã¡ã‚“ã¨å¯è¦–化ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ã§çµæžœãŒå¤§ãã変ã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Excelã§ä»•æ§˜æ›¸ã‚’書ã„ã¦ã„ã‚‹ã¨Excel上ã§å®Œçµã—ãã†ã§ã™ã€‚ã—ã‹ã—ã“ã‚Œã§ã¯æ¤œç´¢æ€§ã‚„メンテナンス性ãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“。ãã“ã§ä»•æ§˜æ›¸ã‚’Markdownã‚„HTMLã§æ›¸ã„ã¦ã„ã‚‹ãªã‚‰ã°flowchart.jsを使ã£ã¦ã¿ã¾ã—ょã†ã€‚ flowchart.jsã®ä½¿ã„æ–¹ flowchart.jsã®ãƒ‡ãƒ¢ã§ã™ã€‚専用ã®è¨˜è¿°æ–¹æ³•ã«æ²¿ã£ã¦æ›¸ãã“ã¨ã§ã€å³å´ã®ã‚ˆã†ãªãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚URLãŒã‚ã‚‹ã¨ã“ã‚ã¯ã‚¯ãƒªãƒƒã‚«ãƒ–ルã«ãªã£ã¦ã„ã¾ã™ã€‚ ã•ã‚‰ã«ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã®æŒ‡å®šã‚‚ã§ããŸã‚Šã€ç¸¦ã§ã¯ãªã横ã«åºƒãŒã£ã¦ã„ãå½¢ã«ã‚‚ã§ãã¾ã™ã€‚ flowchart.jsã¯SVGã§ç”Ÿæˆã—ã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã€å…ƒæ–‡æ›¸
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¶…åŠ é€Ÿã™ã‚‹Brackets便利エクステンションã¾ã¨ã‚
最近色んãªã¨ã“ã‚ã§Brackets使ã£ã¦ã¾ã™ã®å£°ã‚’èžã‘ã¦å¬‰ã—ã„æ„Ÿã˜ãªã‚“ã§ã™ãŒã€Bracketsã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚‚余裕ã§æŒ«æŠ˜ã—ã¦ã„ã‚‹ã®ã§ã¾ãŸä»•åˆ‡ã‚Šç›´ã—ã¦ã€ã›ã£ã›ã¨ç´¹ä»‹è¨˜äº‹æ›¸ã„ã¦ã„ãã¾ã™ã。今回ã¯æ–°ã—ã知ã£ãŸæ‹¡å¼µæ©Ÿèƒ½ã®ãªã‹ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ã®ã‚‚ã®ã‚’紹介ã—ã¾ã™ã€‚ã“ã‚Œã¾ã§ã®ç´¹ä»‹ã—ãŸã‚‚ã®ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã®ã§è¦‹ã¦ã¿ã¦ãã ã•ã„ー。 Bracketsã ã£ã¦æ¿€ã—ã進化ã—ã¦ã¾ã™ã‚ˆï¼ãƒ¡ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¨ã—ã¦1年使ã£ã¦ã¿ã¦ – WEBCRE8.jp PSDデザインカンプã‹ã‚‰ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«è¶…便利ï¼Extract for Brackets – WEBCRE8.jp SVGã‚’Bracketsã§ä½¿ç”¨ãƒ»ä½œæˆãƒ»ç·¨é›†ã™ã‚‹ã®ã«ä¾¿åˆ©ãªæ‹¡å¼µæ©Ÿèƒ½ – WEBCRE8.jp Brackets CSS Class Code hint 便利éŽãŽãƒ¯ãƒã‚¿ç³»ã®ã‚„ã¤ã§ã™ã€‚編集ä¸ã®HTMLãŒèªã¿è¾¼ã‚“ã§ã„ã‚‹CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹cla
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
SVGを使ã£ã¦ã‚¦ã‚§ãƒ–ページã«ã‹ã£ã“ã„ã„エフェクトを与ãˆã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã¾ã¨ã‚
最近ã¯æµ·å¤–ã ã‘ã§ãªãã€æ—¥æœ¬ã§ã‚‚SVGを使用ã—ã¦ã„るサイトを見ã‹ã‘ã‚‹ã“ã¨ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚SVGをアイコンやエレメントã«ä½¿ã£ãŸã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨çµ„ã¿åˆã‚ã›ãŸé¢ç™½ã„エフェクトをå–り入れãŸã‚Šãªã©ã€ã•ã¾ã–ã¾ã§ã™ã€‚ ã„ã¤ã‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã„ãŸããªã‚‹ã‚ˆã†ãªSVGã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Codropsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
CSS Shaders ã¯ã˜ã‚ã®ä¸€æ©ã€CSS Filter を知る | Yomotsu net
GraphicalWeb Advent Calendar 2012 ã® 6日目ã®è¨˜äº‹ã§ã™ã€‚ CSS Shaders ã¯ã€åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã“ã‚Œã¾ã§ã® CSS ã®è¡¨ç¾ã§ã¯ã§ããªã‹ã£ãŸã€è¦ç´ ã«å¯¾ã™ã‚‹è¤‡é›‘ãªå¤‰å½¢ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚例ãˆã°ã€ã‚µã‚¤ãƒ³æ³¢ã‚’利用ã—ã¦æ¬¡ã®ã‚ˆã†ãªå¤‰å½¢ãŒå¯èƒ½ã§ã™ã€‚ ã¾ãšã¯ CSS Shaders ã®æ›¸ã方を知るå‰ã« CSS Filters ã«ã¤ã„ã¦ã‚‚å°‘ã—知ã£ã¦ãŠãã¾ã—ょã†ã€‚ CSS Filters ã¨ã¯SVG ã«ã‚ã£ãŸ Filter 機能を整ç†ã—ãŸæ–°ã—ã„仕様ã€Filter Effects 1.0ã®è‰æ¡ˆãŒç¾åœ¨ W3C ã«æ出ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ä¸ã«ã¯ CSS ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¨ã—ã¦ç”¨æ„ã•ã‚ŒãŸ filter プãƒãƒ‘ティーもå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ CSS Filter ã¨ã¯ç‰¹ã«ã“ã® filter プãƒãƒ‘ティーを指ã—ã¾ã™ã€‚ CSS ã® filter プãƒãƒ‘ティーã«ã¯å€¤ã¨ã—ã¦æŒ‡å®šã§ãる関数ãŒã„ã
120種類以上ã®é¢ç™½ã„アイテムãŒãŸãã•ã‚“æƒã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ -Sosa icon font
ブãƒã‚°ã‚„ウェブサイトã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ç”¨ã«ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ†ãƒ ã‚’æƒãˆãŸã€å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãるアイコンフォントを紹介ã—ã¾ã™ã€‚ アイコンã®ã‚«ãƒ†ã‚´ãƒªã¯ã€ã‚¦ã‚§ãƒ–ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã€Eコマースã€ãƒ‡ãƒã‚¤ã‚¹ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ„ールã€ã‚°ãƒ©ãƒ•ã€æ–‡å…·ã€å¤©æ°—ã€ä¹—り物ã€ãªã©å¤šå²ã«æ¸¡ã‚Šã¾ã™ã€‚ Sosa icon font アイコンフォントã¯4種類ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ TrueTypeフォント EOT WOFF SVG アイテムã¯å…¨éƒ¨ã§121ç¨®é¡žï¼ ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
SVGヤãƒã‚¤ - 最速ãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
canvas ã‚’è‹›ã‚ã¦ã„ãŸã‚‰æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã£ãŸã®ã§æ›¸ãã¾ã™ã€‚（ã“ã®è¨˜äº‹ã¯2011å¹´5月ç¾åœ¨ã®æƒ…å ±ã§ã™ã€‚ã‚ãªãŸãŒã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„る時点ã§ã€ã‚ˆã‚Šæ–°ã—ãã¦è‰¯ã„方法ãŒç„¡ã„ã‹ç¢ºèªã—ã¦ä¸‹ã•ã„） 基本的ãªè©± canvas ã«ã¯ã€å›³å½¢ã‚’æç”»ã™ã‚‹æ©Ÿèƒ½ã ã‘ã§ãªãã€æã‹ã‚Œã¦ã„る内容をèªã¿å–る機能ãŒã‚ã‚Šã¾ã™ã€‚getImageData を使ã†ã¨ã€canvas ã®å†…容をピクセルå˜ä½ã§èªã¿å–ã£ã¦ç”»åƒå‡¦ç†ã‚’ã‹ã‘ãŸã‚Šã§ãã¾ã™ã€‚ã¾ãŸã€toDataURL を使ã†ã¨ canvas ã®å†…容を Data URI ã¨ã—ã¦å‡ºåŠ›ã§ãã€ã‚µãƒ¼ãƒã«é€ä¿¡ã—ãŸã‚Šã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ©Ÿèƒ½ã«ã¯ãƒªã‚¹ã‚¯ãŒã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€æ‚ªæ„ã®ã‚るページを開ã„ãŸã ã‘ã§ã€ç¤¾å†…SNSã«ã—ã‹å…¬é–‹ã—ã¦ã„ãªã„ã‚ãªãŸã®é¡”写真を canvas 経由ã§æŠœãå–られるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ãã†ã„ã†äº‹ãŒèµ·ããªã„よã†ã«ã€ä»–ã®ã‚µã‚¤ãƒˆã‹ã‚‰èªã¿è¾¼ã‚“ã ç”»åƒãŒ canvas ã«æç”»ã•ã‚Œã¦ã„ã‚‹å ´åˆï¼ˆä»¥ä¸‹ã€
[JS]Canvas, SVGを使用ã—ãŸè»½é‡ã®JavaScriptã®3Dエンジン -three.js
通常ã€è¤‡é›‘ãªè¨˜è¿°ã‚’より簡å˜ã«ã§ãるよã†ã«ã—ãŸã€3Dã‚’æç”»ã™ã‚‹è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ サイトã§ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æ•°å¤šãã®ãƒ‡ãƒ¢ãŒæ¥½ã—ã‚ã¾ã™ã€‚ three.js -Javascript 3D Engine [ad#ad-2] three.jsã¯<canvas>, <svg>ã¨WebGLを使ã£ã¦ã€2Dã¨3Dをレンダリングã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å„デモã¯å¯¾å¿œãƒ–ラウザ（Firefox4+, Chrome9+, Safari10.6+ãªã©ï¼‰ã§ã”覧ãã ã•ã„。
SVGグラフを出力ã§ãã‚‹PHP製ã®ãƒ©ã‚¤ãƒ–ラリ「SVGGraph〠| Web活メモ帳
グラフã®æç”»ã«ã¯ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ãªã©ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§æ“作ã§ãã‚‹ã¨éžå¸¸ã«ä¾¿åˆ©ãªã®ã§ã™ãŒã€ ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã†äº‹ã§PHPã‹ã‚‰ç°¡å˜ã«ã‚°ãƒ©ãƒ•ã‚’出力å¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ 3Dã®ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«å‡ºåŠ›å¯èƒ½ã« 棒グラフã€æŠ˜ã‚Œç·šã€å††ã‚°ãƒ©ãƒ•ã‚’出力å¯èƒ½ãªã®ã¯ã‚‚ã¡ã‚ã‚“ã€å…¨ã¦3Dã§è¡¨ç¤ºã™ã‚‹äº‹ã‚‚ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 以下ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ä½¿ç”¨ã§ãるよã†ã§ã™ã€‚ $graph = new SVGGraph(640, 480); $graph->colours = array('red' ,'green' ,'blue' ); $graph->Values(100, 200, 150); $graph->Links('/Tom/' , '/Dick/' , '/Harry/' ); $graph->Render('BarGraph' ); 動作ã«ã¯PHP5以上ãŒå¿…è¦ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ IEã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}