http://jp.startup-dating.com/2013/03/bbt-university-taromatsumura-the-latter-part
Photoshopã§ã®Web制作効率をå‘上ã•ã›ã‚‹ã€ŒJSXã€ã¨ã¯
ã”å˜ã˜ã®æ–¹ã‚‚ã„らã£ã—ゃるã¨æ€ã„ã¾ã™ãŒã€Adobe Photoshop 㯠JavaScript ã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Photoshop 用㮠JavaScript ファイルã®ã“ã¨ã‚’「JSXã€ã¨å‘¼ã³ã¾ã™ã€‚æ‹¡å¼µå㯠.jsx ã§ã™ã€‚ Photoshop を使ã£ã¦Web制作ã•ã‚Œã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€Photoshop ã¯æœ¬æ¥å†™çœŸåŠ 工用ã®ã‚½ãƒ•ãƒˆã§ã‚ã‚ŠWebデザイン用ã®ã‚½ãƒ•ãƒˆã§ã¯ãªã„ãŸã‚ã€ç‰¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒ Fireworksã€Illustratorã€InDesign ãªã©ã«æ¯”ã¹è²§å¼±ã§ã™ã€‚ ã—ã‹ã—ã€JSX を使用ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Photoshop ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚„Web制作å‘ã‘ã®æ©Ÿèƒ½ã‚’ã‚る程度å‘上ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSX ã¯æ˜”ã‹ã‚‰ Photoshop ã«æ載ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ›¸ãæ–¹ã®å‚考ã«ãªã‚‹ã‚ˆã†ãªæ›¸ç±ã‚„サイトãŒå°‘ãªã„ãŸã‚ã‹ãれ程注目ã•ã‚Œã¦ã„ãªã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€
インターフェースãŒæ°—æŒã¡ã„ã„ビジュアルタスク管ç†ã‚·ã‚¹ãƒ†ãƒ 『DropTask〠| 100SHIKI
Google+ã®ã‚µãƒ¼ã‚¯ãƒ«ã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’å‚™ãˆãŸã‚¿ã‚¹ã‚¯ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ãŒDropTaskã 。 ã‚„ã‚‹ã¹ãã“ã¨ã‚’色分ã‘ã•ã‚ŒãŸã‚µãƒ¼ã‚¯ãƒ«ã§è¡¨ç¾ã™ã‚‹ã“ã¨ã§ã€ãªã«ã‚’ã„ã¤ã€èª°ãŒã‚„ã‚Œã°ã„ã„ã‹ãŒä¸€ç›®çžç„¶ã«ãªã‚‹ã€‚ ã¾ãŸãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã‚„検索機能も充実ã—ã¦ã„ã‚‹ã®ã§ä½¿ã„å‹æ‰‹ã‚‚よã•ãã†ã 。 昨今ã®ã“ã†ã—ãŸãƒ„ールã¯ã¤ã¾ã‚‹ã¨ã“ã‚å¿…è¦å分ãªæ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã‚‹ãŒã€ã‚„ã¯ã‚Šã€Œæ‰‹ã«ãªã˜ã‚€ã‹ã©ã†ã‹ï¼Ÿã€ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒæ±ºã‚手ã ã‚ã†ã€‚ 個々人ã«ã‚ˆã£ã¦åˆã†åˆã‚ãªã„ã¯ã‚ã‚Šãã†ã ãŒã€ã¡ã‚‡ã£ã¨è¦—ã„ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã§ã™ãªã€‚
Bootstrapã«è¿½åŠ ã§ä½¿ãˆã‚‹jQueryベースã®UIライブラリ「w2uiã€:phpspot開発日誌
Home | JavaScript UI - w2ui Bootstrapã«è¿½åŠ ã§ä½¿ãˆã‚‹jQueryベースã®UIライブラリ「w2uiã€ã€‚ グリッドã€ãƒ„ールãƒãƒ¼ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€é–‰ã˜ã‚Œã‚‹ã‚¿ãƒ–ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒBootstrapã«è¿½åŠ ã§ããã†ã€‚ グリッド ツールãƒãƒ¼ サイドãƒãƒ¼ é–‰ã˜ã‚Œã‚‹ã‚¿ãƒ– フォームIE8ã§ã‚µãƒãƒ¼ãƒˆå¯¾è±¡å¤–ãªã®ã«æ³¨æ„ã§ã™ãŒã€ã¾ã™ã¾ã™BootstrapãŒå¼·åŒ–ã•ã‚Œã¾ã™ã 関連エントリ Google風ã®Bootstrapテーマ「GoogleBootstrap〠Bootstrapã§çŸ¢å°ã‚’æãã®ãªã‚‰ã€ŒBootstrap Arrows〠Bootstrapã«270ã®ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã§ãる「Elusive icons〠TwitterBootstrapベースã®WYSIWYGエディタ「bootstrap-wysihtml5〠Twitter BootStrap ã«è¿½åŠ ã§ãる５ã¤ã®ã‚³
Google Chromeã§JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã‚’ã™ã‚‹éš›ã«ã¯ãœã²ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’ï¼Â·JS Runtime Inspector MOONGIFT
JS Runtime Inspectorã¯Google Chromeã®JavaScriptデãƒãƒƒã‚°ã‚’強力ã«ã‚µãƒãƒ¼ãƒˆã—ã¦ãれるソフトウェアã§ã™ã€‚ 最近ã¯JavaScriptを徹底的ã«æ´»ç”¨ã—ãŸWebアプリケーションも増ãˆã¦ãã¾ã—ãŸã€‚ãã‚“ãªä¸ãƒ‡ãƒãƒƒã‚°ã¯éžå¸¸ã«å›°é›£ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒJS Runtime Inspectorã§ã™ã€‚ インスペクタã«JS検索フィールドãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ 検索çµæžœã§ã™ã€‚ ãã“ã‹ã‚‰å®šç¾©ã•ã‚Œã¦ã„ã‚‹å ´æ‰€ã«ç°¡å˜ã«é£›ã¹ã¾ã™ã€‚ 利用例。 JS Runtime Inspectorを使ãˆã°JavaScriptを掘り下ã’ã¦èª¿ã¹ã‚‹ã®ãŒã¨ã¦ã‚‚ç°¡å˜ã«ãªã‚Šã¾ã™ã€‚関数åã®ä»–ã€å€¤ã§ã‚‚検索ã§ãã‚‹ã®ã§ç›®çš„ã®å‡¦ç†ã‚’見ã¤ã‘ã‚‹ã®ãŒç°¡å˜ã«ãªã‚‹ã¯ãšã§ã™ã€‚ JS Runtime Inspectorã¯Google Chrome用ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã§ã™ã€‚ MOONG
iOS, Mac, win, Androidã®ã‚¢ãƒ—リアイコンサイズã¾ã¨ã‚ | Goodpatch Blog
ã“ã‚“ã«ã¡ã¯ï¼ 最近Goodpatchã§ã‚¢ãƒ—リã®åˆ¶ä½œä¾é ¼ã‚’ã„ãŸã ãよã†ã«ãªã£ãŸã®ã§ã€ã“ã®æ©Ÿä¼šã«ã‚¢ãƒ—リを作る際ã«å¿…è¦ãªã‚¢ãƒ—リã®ã‚¢ã‚¤ã‚³ãƒ³ã‚µã‚¤ã‚ºã‚’一通り調ã¹ã¦ã¿ã¾ã—ãŸï¼ 調ã¹ãŸã®ã¯ä»¥ä¸‹ã®6種類ã§ã™ã€‚調ã¹ãŸé™ã‚Šã“れらãŒã¾ã¨ã¾ã£ã¦ã„る記事ãŒãªã‹ã£ãŸã®ã§MEMOPATCHã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚（サイズã¯å…¨ã¦ãƒ”クセルã§ã™ï¼‰ â—¯PC ・Mac OS ・Windows XP ・Windows 8 ◯モãƒã‚¤ãƒ« ・iOS ・Android ・Windows Phone 7 16 x 16（icon_16x16 .png） 32 x 32（icon_16x16@2x .png） 32 x 32（icon_32x32 .png） 64 x 64（icon_32x32@2x .png） 128 x 128（icon_128x128 .png） 256 x 256（icon_128x128@2x .png） 256 x 25
facebook経由ã®ãƒ–ãƒã‚°ã‚¢ã‚¯ã‚»ã‚¹ã‚’サクッã£ã¨èª¿ã¹ã‚‹æ–¹æ³•
facebookインサイトã¯å…¬å¼æ©Ÿèƒ½ã‚‰ã—ã„ ã‚°ã‚°ã£ã¦è¦‹ã¤ã‘ãŸã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’見ã¦ã¯ã˜ã‚ã¦ã€Œã»ï½žã€ã“ã‚“ãªæ©Ÿèƒ½ã‚ã‚‹ã‚“ã ã€ã¨çŸ¥ã‚Šã¾ã—ãŸã€‚ ブãƒã‚°å†…ã®Facebookã®ã€Œã„ã„ã!ã€ã€Œã‚·ã‚§ã‚¢ã€ã®æ•°ã‚’集計・分æžã™ã‚‹æ–¹æ³• | æŸæ°ã®çŒ«ç©º facebookアプリã‹ãªã‚“ã‹ä½¿ã†ã®ã‹ãªãƒ¼ã¨æ€ã£ã¦ãŸã‚‰ã©ã†ã‚‚å…¬å¼ã®æ©Ÿèƒ½ã‚‰ã—ã„ã§ã™ã€‚ 利用方法 使ã„æ–¹ã¯å‚考記事ã«æ›¸ã„ã¦ã‚る通りãªã‚“ã§ã™ãŒã‚らãŸã‚ã¦ã€‚ facebookインサイトページã«ã‚¢ã‚¯ã‚»ã‚¹ ã¾ãšã¯facebookã«ãƒã‚°ã‚¤ãƒ³ã—ã¾ã—ã¦ã€ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ å³ä¸Šã®ã»ã†ã«ã€ã‚¦ã‚§ãƒ–サイトã®ã‚¤ãƒ³ã‚µã‚¤ãƒˆã€‘ã¨ã„ã†ãƒœã‚¿ãƒ³ãŒã‚ã‚Šã¾ã™ã®ã§ã“れを押ã—ã¾ã™ã€‚ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ€ã‚¤ã‚¢ãƒã‚°ãŒé–‹ãã¾ã™ã€‚ 対象サイトã®ç™»éŒ² ã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã€‘ã®æ¬„ã«è§£æžã—ãŸã„サイトã®URLを入力ã—ã¾ã™ã€‚「http://ã€ã¯æŠœã„ã¦ã¦ã‚‚OK。ã€ãƒªãƒ³ã‚¯å…ˆã€‘ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆï¼ˆã€Œè‡ªåˆ†ã€ã®ã¾ã¾)ã§ã„ã„ã§ã™ã€‚ ãã®ä¸‹ã«meta
商用利用無料ã€ç™’ã‚„ã—ç³»ã®ã‚†ã‚‹ã€œã„æ„Ÿã˜ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ -Handy Icons Vol2
Handy Icons Vol2 – Free Web Font Kit ダウンãƒãƒ¼ãƒ‰ã§ãるフォントã«ã¯ã€ä¸‹è¨˜ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ フォントãªã®ã§ã€ã‚µã‚¤ã‚ºã‚‚カラーも簡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ アイコンフォントã®ã‚ャプãƒãƒ£ アイコンフォントã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ TrueType OpenType EOT WOFF SVG ダウンãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¯ã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’埋ã‚込んã デモページもå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ç´ æã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã€ã¨ã®ã“ã¨ã§ã™ã€‚ 詳ã—ãã¯ã€ãƒ©ã‚¤ãƒ³ã‚»ã‚¹ãƒšãƒ¼ã‚¸ã‚’ã”覧ãã ã•ã„。 ライセンスページ ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯ã€å°‘ã—太ã‚ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚
ディレクターå‘ã‘ã€2013年ウェブデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã®ã¾ã¨ã‚
フラットã€ã‚µãƒ¼ã‚¯ãƒ«ã€ãƒ–ラックã€ãƒ–ラーã€å†™çœŸãƒ»å‹•ç”»ã®èƒŒæ™¯ã€ãªã©ãƒ“ジュアル的ãªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã¯ãªãã€ã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°å…¨ä½“を包括ã™ã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼å‘ã‘ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ コンテンツã¯ã‚¦ã‚§ãƒ–ã«ã¨ã£ã¦éžå¸¸ã«é‡è¦ã§ã™ã€‚今後数ヵ月ã«ã‚ãŸã‚Šã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã©ã®ã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æä¾›ã™ã‚‹ã®ãŒã‚ˆã„ã‹ã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–レット・デスクトップãªã©ã®ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã«ã©ã®ã‚ˆã†ã«é©åˆã™ã‚‹ã®ãŒã‚ˆã„ã‹ã€ã•ã¾ã–ã¾ãªè¨Žè«–ãŒãŠã“ã‚‹ã§ã—ょã†ã€‚ã„ãšã‚Œã«ã—ã¦ã‚‚ã€ã“ã‚Œã¯éžå¸¸ã«é–¢å¿ƒã®é«˜ã„ã“ã¨ã§ã™ã€‚ 効率的ã§ã€æ¤œç´¢å¯èƒ½ã§ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§ã€ãƒžãƒ«ãƒãƒ—ラットフォームã«å¯¾å¿œã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作æˆã—ã€æœ€ã‚‚良ã„インタラクションを備ãˆã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å±Šã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 2. デザインã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚·ãƒ³ãƒ—リシティ シンプリシティã¯æ–°ã—ã„方法論ã§ã™ã€‚シンプリシティã¨ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をアクセシブルã§èªã¿ã‚„ã™ãã€æœ€ã‚‚良ã„ユーザエクスペリエンスをæä¾›ã™ã‚‹ã‚‚
Windowサイズã«å¿œã˜ã¦å‹•çš„ã«ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’é…ç½®ï¼Isotopeã‚’ç°¡å˜å®Ÿè£…。 - フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã‹PCã¨ã‹ã‚¹ãƒžãƒ›ã¨ã‹
Masonryレイアウトを実ç¾ã™ã‚‹JSライブラリã€Isotopeを超簡å˜ã«å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã€‚ 実ã¯ã„ã‚ã„ã‚ã¨é«˜æ©Ÿèƒ½ã€‚ã§ã‚‚今回ã¯ã»ã‚“ã¨ã«åŸºæœ¬çš„ã ã‘ã©æ„Ÿå‹•ã‚‚ã®ã®ç°¡å˜å®Ÿè£…ï¼ ã¾ãšã¯ã€ãƒ©ã‚¤ãƒ–ラリをダウンãƒãƒ¼ãƒ‰ Isotope http://isotope.metafizzy.co/ （jquery.isotope.min.js） 一番シンプルãªæ§‹æˆã¨ã—ã¦ã€3ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŒã˜ãƒ•ã‚©ãƒ«ãƒ€ã«æº–å‚™ã—ã¾ã™ã€‚ テスト用ã®ã‚µãƒ³ãƒ—ルã€å…¨æ–‡æŽ²è¼‰ã§ã™ã€‚ index.html <!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8"> <title>Isotope-test</title> <link rel="stylesheet" href="style.css"> <script type="text/javascript" src="http
『タッãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒšãƒ¼ã‚¸åˆ¶ä½œã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€ãƒ–ãƒã‚°ã‚°ãƒ«ãƒ¼ãƒ—ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’担当ã—ã¦ã„る泉ã¨ç”³ã—ã¾ã™ã€‚ クリエイティブアカデミー※1を経ã¦ã€2012å¹´5月ã«ä¸é€”入社ã„ãŸã—ã¾ã—ãŸã€‚ クリエイティブアカデミー レãƒãƒ¼ãƒˆ 仕様ã«ã¤ã„ã¦ï¼‘ã€ãƒ•ãƒªãƒƒã‚¯ã‚’使ã£ãŸç”»åƒã®åˆ‡ã‚Šæ›¿ãˆ 今ã¾ã§ã¯ã€ç¾åœ¨è¦‹ã¦ã„ã‚‹ç”»åƒã‹ã‚‰æ¬¡ï¼ˆå‰ï¼‰ã®ç”»åƒã‚’見るãŸã‚ã«ã¯ã€ãƒªãƒ³ã‚¯ã‚’タップã—ã¦ã‚‚らã£ã¦è©²å½“ã®ç”»åƒãƒšãƒ¼ã‚¸ã«é·ç§»ã•ã›ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—今回ã¯ãƒ¦ãƒ¼ã‚¶ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’与ãˆãªã„ãŸã‚ã«ã€ãƒšãƒ¼ã‚¸é·ç§»ã—ãªãã¦ã‚‚ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚るよã†ã«å®Ÿè£…ã—ã¾ã™ã€‚ ï¼’ã€è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»åƒã®ãƒ”ンãƒã‚¤ãƒ³ï¼ã‚¢ã‚¦ãƒˆï¼ˆæ‹¡å¤§ï¼ç¸®å°ï¼‰ タップã•ã‚ŒãŸæ™‚ã®ã‚¤ãƒ™ãƒ³
『Webã®ã‚¹ã‚ルã§iPad/iPhoneアプリ風ã®Webアプリ作æˆã®ã¾ã¨ã‚ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ iPhoneã‚„iPadã®ã‚¢ãƒ—リを作りãŸã„ã‘ã©ã€iPhoneアプリåˆå¿ƒè€…ãªã®ã§ 作るã«ã¯Objective-Cを覚ãˆãŸã‚Šç™»éŒ²ã—ãŸã‚ŠãŠé‡‘ã‹ã‹ã£ãŸã‚Šã¨ã‹ iPhoneアプリã®ä½œæˆã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒã¡ã‚‡ã£ã¨é«˜ã„。 ãã“ã§ã€ä»Šã¾ã§ã®Webã®çŸ¥è˜ã‚’æ´»ã‹ã—ã¦ã€Webアプリã«ã—よã†ã¨ æ€ã£ã¦è©¦ã—ã¦ã¿ãŸã€‚ 基本的ãªçŸ¥è˜ã‚’ç†è§£ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã€è¶…ç°¡å˜ãªWebアプリを作æˆã—ã¦ã¿ãŸã€‚ ã ãŸã€å†™çœŸã‚’100枚表示ã™ã‚‹ã ã‘。 Webアプリã¨å‘¼ã¹ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ 今回ã¯ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’知りãŸã‹ã£ãŸã®ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ Webアプリã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ 完æˆã—ãŸã‚‚ã®ã¯ã“ã¡ã‚‰ï¼iPhon
スタイルガイドを生æˆã™ã‚‹ã€ŒStyleDoccoã€ã®ä½¿ç”¨æ„Ÿ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ 先日スタイルガイドを制作ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ã¦ã€ ã›ã£ã‹ããªã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ç”Ÿæˆã«åˆ©ç”¨ã—ãŸStyleDoccoã®ä½¿ç”¨æ„Ÿãªã©ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ スタイルガイドã«ã¤ã„㦠ã–ã£ãり言ã†ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‰ã‚ュメントã§ã™ã€‚ 自分一人ã§å®Œçµã™ã‚‹ãã®å ´é™ã‚Šã®ãƒšãƒ¼ã‚¸ãªã‚‰è‰¯ã„ã®ã§ã™ãŒã€ 複数人ã®ãƒãƒ¼ãƒ ã§çµ„ã¿è¾¼ã‚“ã§ã„ãŸã‚Šã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ‹…当ãŒä»–ã®æ–¹ã ã£ãŸã‚Šã™ã‚‹å ´åˆã€ プãƒã‚¸ã‚§ã‚¯ãƒˆã®CSSをドã‚ュメント化ã—ã¦ãŠãå¿…è¦ãŒå‡ºã¦ãã¾ã™ã。例ãˆã°ã€ ã©ã®ã‚ˆã†ãªå‘½åè¦å‰‡ã‚„æ–¹é‡ã§æ›¸ã‹ã‚Œã¦ã„㦠ã©ã“ã«ãªã«ãŒã‚ã‚Š ã©ã®ã‚ˆã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒã©ã“ã§ä½¿ãˆã¦ ãã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã©ã†ã™ã‚‹ã¨ã©ã®ã‚ˆã†ãªæŒ™å‹•ã‚’èµ·ã“ã™ã®ã‹ ç‰ã‚’ã¾ã¨ã‚ã¦ãŠã文書ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ è¦æ¨¡ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šéª¨ãªä½œæ¥ã«ãªã‚Šãã†ã§ã™ã€‚ StyleDoccoã¨ã¯ StyleDocco StyleDocco ge
io.js - JavaScript I/O
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts. Download Node.js (LTS)Download Node.js (LTS)Downloads Node.js v22.11.01 with long-term support. Node.js can also be installed via package managers.Want new features sooner? Get Node.js v23.3.01 instead. // server.mjs
スマートフォン対応ã§ã‚ˆã使ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
スマートフォン(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–サイト・ウェブアプリを作る際ã«å€‹äººçš„ã«ã‚ˆã使ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ html関連 headタグ内ã§ã®è¨å®š<!-- //デãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦è¡¨ç¤ºé ˜åŸŸã‚’変更ã™ã‚‹ --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番å·ã®ãƒªãƒ³ã‚¯ã‚’無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ã®å…‰æ²¢ã‚’無効化ã™ã‚‹ --> <link rel="apple-touch-icon
StyleDoccoã§styleguideを作æˆ
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã§æ¥å‹™ã‚’引ã継ãã¨é¢å€’ãªã®ãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ä»•æ§˜ã®æŠŠæ¡ã§ã™ã€‚ スタイルガイドãŒã‚ã‚‹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚„アップデートもéžå¸¸ã«è¡Œã„ã‚„ã™ã„ã®ã§ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’作æˆã™ã‚‹ã®ã¯çµæ§‹é¢å€’。 ãã‚“ãªã“ã‚“ãªã§cssã®ã‚³ãƒ¡ãƒ³ãƒˆã§å¯¾å¿œã—ã¦ãŸãŒã€ãã‚ãã‚ã‚ãƒãƒ³ã¨ã—よã†æ€ã„ã€styleguide document generatorを検討ã—ã¦ã¿ãŸã€‚ styleguide document generatorã«ã¤ã„ã¦æœ‰åã©ã“ã‚ã® StyleDocco 㨠kss ãŒã‚ã‚‹ã®ã§ã€ä»Šå›žã¯StyleDoccoã«ã¤ã„ã¦ã€‚ StyleDocco generates style guide documents from your stylesheets by parsing your stylesheet comments through Markdown. You can write HTML snippe
æ ªå¼ä¼šç¤¾DXディライト｜Salesforce導入コンサルティング
DXディライトã¯ã€è¦‹è¾¼ã¿å®¢ã®ç²å¾—ã‹ã‚‰é¡§å®¢åŒ–ã€å—注後ã®æ¥å‹™ãƒ•ãƒãƒ¼ã®æ§‹ç¯‰ãªã©ã€Salesfoceã‚’ä¸æ ¸ã«ã‚らゆる部門ã®æ¥å‹™ç’°å¢ƒãƒ»ãƒ•ãƒãƒ¼ã®æ§‹ç¯‰ã‚’ã”æ案ã„ãŸã—ã¾ã™ã€‚Salesforceã®èªå®šãƒ‘ートナー。
スマホサイトã§ã‚ˆã見る感ã˜ã®ã‚µã‚¤ãƒ‰ã‹ã‚‰ã«ã‚…ã£ã¨å‡ºã¦ãるメニューをjQueryプラグイン「Sidrã€ã§ä½œã‚‹
twitter facebook hatena google pocket Facebookã‚’ã¯ã˜ã‚スマートフォンサイトやアプリã§ã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’タップã™ã‚‹ã¨ã‚µã‚¤ãƒ‰ã‹ã‚‰ã«ã‚…ã£ã¨å‡ºã¦ãるメニューãŒå°Žå…¥ã•ã‚Œã¦ä¹…ã—ã„ã§ã™ã€‚ 今回ã¯Sidr - A jQuery plugin for creating side menusを利用ã—ã¦ã€ã«ã‚…ã£ã¨å‡ºã—ã¦ã¿ã¾ã—ょã†ã€‚ sponsors 使用方法 Sidrã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ダウンãƒãƒ¼ãƒ‰ã€‚ <link rel="stylesheet" href="jquery.sidr.dark.css"> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.sidr.min.js"></script> <sc
ユーザーã®åå¿œã«ã€Œå®Œå…¨ã«ç‹¼ç‹½ã—ãŸã€ã€€ã¯ã¦ãªãƒ–ックマークã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®æ„図ã¨èƒŒæ™¯
「完全ã«ç‹¼ç‹½ï¼ˆã‚ã†ã°ã„）ã—ãŸã€â€•â€•ã€Œã¯ã¦ãªãƒ–ックマークã€ï¼ˆã¯ã¦ãƒ–）リニューアルã®ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’å‹™ã‚ãŸã¯ã¦ãªã®ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ»ä¼Šè—¤åšå…¸ã•ã‚“ã¯ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«å¯¾ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å応を見ãŸæ„Ÿæƒ³ã‚’率直ã«ã“ã†èªžã‚‹ã€‚ 1月8æ—¥ã€ã¯ã¦ãªãƒ–ックマークã®ãƒˆãƒƒãƒ—ページã¨ã‚«ãƒ†ã‚´ãƒªãƒ¼ãƒšãƒ¼ã‚¸ã‚’リニューアル。アルゴリズムを刷新ã—ã€åŒã˜è¨˜äº‹ãŒé•·ã滞留ã—ãªã„よã†ã«ã—ãŸã»ã‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚一新。ブルー一色ã®ãƒªã‚¹ãƒˆé¢¨ã®è¨˜äº‹ä¸€è¦§ã‹ã‚‰ã‚«ãƒ©ãƒ•ãƒ«ãªé…色ã«å¤‰ãˆã€ä¸€éƒ¨ãƒšãƒ¼ã‚¸ã§ã¯ã‚¿ã‚¤ãƒ«ã‚’並ã¹ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆ·æ–°ã—ãŸã€‚ 大幅ãªãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã¯2008年以æ¥ã€4å¹´ã¶ã‚Šã€‚æ€ã„切ã£ãŸåˆ·æ–°ã‚’評価ã™ã‚‹å£°ãŒã‚る一方ã€ãƒ‰ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãªå¤‰æ›´ã«å¯¾ã™ã‚‹å¦å®šçš„ãªæ„見も殺到ã—ã€ãƒ–ãƒã‚°è¨˜äº‹ã®ãƒ–ックマークã«ã¯ã€Œã“ã‚Œã¯ã²ã©ã„ã€ã‚¿ã‚°ãŒä»˜ãã€ã€Œè¦‹ã¥ã‚‰ããªã£ãŸã€ãªã©è¾›ã‚‰ã¤ãªå£°ãŒæ¬¡ã€…ã«å¯„ã›ã‚‰ã‚ŒãŸã€‚ 4年間変化ã®ãªã‹ã£ãŸãƒˆãƒƒãƒ—ページをガラリã¨å¤‰ãˆã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯é©šãã ã‚ã†ã¨æƒ³å®šã¯ã—ã¦ã„ãŸ
Node.jsã€Socket.IOã€MongoDBã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Web
Node.js＋Socket.IO＋MongoDB ã“ã‚“ã«ã¡ã¯ï¼ 著者ã¯ã€ãƒžã‚¤ãƒ³ãƒ‰ãƒ•ãƒªãƒ¼ã¨ã„ã†ä¼šç¤¾ã§Node.jsを使ã£ã¦Webアプリãªã©ã‚’作æˆã—ã¦ã„る。ã“ã®é€£è¼‰ã§ã¯ã€æœ€æ–°Webテクノãƒã‚¸ã‚’使ã£ãŸç ”究開発ã®äº‹ä¾‹ã‚„実績を発信ã™ã‚‹å¼Šç¤¾ã®ã‚µã‚¤ãƒˆâ€œTech Releaseâ€ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§åŸ¹ã£ãŸNode.jsã«é–¢ã™ã‚‹çŸ¥è˜ã‚’分ã‹ã‚Šã‚„ã™ããŠä¼ãˆã™ã‚‹ã€‚ Tech Releaseã¯ä¸€è¦‹ã€æ™®é€šã®ãƒ–ãƒã‚°ã«è¦‹ãˆã‚‹ãŒã€å®Ÿã¯è¨˜äº‹ã®æ›´æ–°å†…容ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«Viewç”»é¢ã«åæ˜ ã•ã‚Œã¦ã„る。管ç†è€…ãŒã€è¨˜äº‹ã®æ–‡ç« （データ）ã«å¤‰æ›´ã‚’åŠ ãˆã‚‹ã¨ã€ãã®è¨˜äº‹ã‚’見ã¦ã„る人ã«ã‚‚ページをリãƒãƒ¼ãƒ‰ã›ãšã«ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ–‡ç« （データ）ãŒå¤‰åŒ–ã—ã¦ã„ã。 ã“ã®UXを実ç¾ã™ã‚‹ãŸã‚ã«é–‹ç™ºã—ãŸã‚·ã‚¹ãƒ†ãƒ ãŒã€REALTIME BLOG ENGINE「REABLOã€ã¨ã„ã†ã‚¨ãƒ³ã‚¸ãƒ³ã 。「REABLOã€ã¯Node.jsã¨Socket.IOã€MongoDBを使用ã—ã¦
ã€æ‚²å ±ã€‘HTML5ã®ã‚¿ã‚°ãŒ109個ã«ãªã£ã¦ã‚‹â€¦(ã¾ãŸã¯dialogè¦ç´ ã«ã¤ã„ã¦)ã€ä»Šæ›´ã€‘
ã“ã‚“ã«ã¡ã¯ã€webcre8ã§ã™ã€‚今日ã¯æœ€è¿‘気付ã„ãŸã€å€‹äººçš„ã«éžå¸¸ã«æ®‹å¿µãªã“ã¨ã‚’書ã‹ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 HTML5ã®ã‚¿ã‚°ã¯ç™¾å…«ã¤ã¾ã§ã‚ã‚‹ãžâ€¦ï¼Ÿ ç§ã¯ã‹ãã¦ã‚ˆã‚ŠHTML5ã®ä»•æ§˜ã«æ£å¼ã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚¿ã‚°ã¯108個ã§ã‚ã‚‹ã€ã¨ã„ã†äº‹ã‚’記事ç‰ã§å ±å‘Šã—ã¦ã„ã¦ã€ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°ã‚’使ã£ã¦è‰²ã€…ツイートもã—ã¦ã„ãŸã‚“ã§ã™ãŒâ€¦ã€‚ HTML5ã®ã‚¿ã‚°ã£ã¦ç¾æ™‚点(2012å¹´8月)ã§ã„ãã¤ã‚ã‚‹ã®ï¼Ÿ ― #HTML5ã®ã‚¿ã‚°ã¯ç™¾å…«ã¤ã¾ã§ã‚る㞠…？ ― – WEBCRE8.jp ã¡ã‚‡ã£ã¨ã“ã®è¾ºã§HTML5ã®ã‚¿ã‚°ã‚’全部確èªã—ã¦ã¿ã‚ˆã†ãœï¼ï¼ – WEBCRE8.jp ã—ã‚Œã£ã¨dialogãŒè¿½åŠ ã•ã‚Œã¦ã‚‹ 最近何気ãªãHTML5.jpを覗ã„ã¦ã¿ã¦ã¿ãŸã¨ã“ã‚2012å¹´12月17æ—¥ã®Candidate Recommendation(勧告候補)ã«å¯¾å¿œã—ã¦ã„ã¦ã€ãŠãŠãƒ¼ã¨æ€ã„ãªãŒã‚‰çœºã‚ã¦ã„ã‚‹ã¨â€¦ã€‚ ãã“ã«ã¯dialogè¦ç´ ã®é …ç›®ãŒã€‚ http:
EC-CUBE on AWS （インストール編） - サーãƒãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
on ã“ã‚“ã«ã¡ã¯ã€é–‹ç™ºéƒ¨ã®åƒè‘‰ã§ã™ã€‚ ã•ã£ããã§ã™ãŒã€EC-CUBEã¯ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ PHPã§é–‹ç™ºã•ã‚ŒãŸã€å›½ç”£ã®ã‚ªãƒ¼ãƒ—ンソースECサイト用CMSã§ã€2006å¹´ã«æ£å¼ç‰ˆã‚’リリースã•ã‚Œã¦ã‹ã‚‰ 3,500以上ã®ECサイトã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€ã¨ã¦ã‚‚便利ãªãƒ‘ッケージã§ã™ã€‚ 今回ã€ç§ãŒå‚åŠ ã—ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€EC-CUBEを構築・カスタマイズã™ã‚‹ã“ã¨ã¨ãªã‚Šã¾ã—ãŸã€‚ AWS＋EC-CUBEã®ç’°å¢ƒã¯ã€ã‚»ãƒŸãƒŠãƒ¼ç‰ã§è‰¯ã事例ã¨ã—ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã®ã§ å‹æ‰‹ãªãŒã‚‰ç’°å¢ƒæ§‹ç¯‰æ‰‹é †çš„ãªæƒ…å ±ã¯å¤šã€…ã‚ã‚‹ã‚‚ã®ã ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€å®Ÿéš›ã®ã¨ã“ã‚ã¯ç§ãŒæ±‚ã‚ã¦ã„ãŸæ§˜ãªæƒ…å ±ã¯å¤šãã¯ãªã å˜åœ¨ã—ã¦ã‚‚ã€å®Ÿé‹ç”¨ã¾ã§ã¯æƒ³å®šã•ã‚Œã¦ãŠã‚‰ãšã€Žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã€ã§çµ‚ã‚ã£ã¦ã—ã¾ã£ã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ã€ç„¡ã„ãªã‚‰ä½œã‚ã†ã¨æ€ã„ç«‹ã¡ã€æœ¬æŠ•ç¨¿ã«è‡³ã‚Šã¾ã—ãŸã€‚ AWSを上手ã«æ´»ç”¨ã—ã¦ã€ä»¥ä¸‹ã®æ§˜ãªç’°å¢ƒã‚’構築ã—ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ELB＋CloudWatc
誰ã§ã‚‚ã§ãã‚‹iPhoneアプリã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã®ã¤ãã‚Šã‹ãŸã€ã‚µãƒ³ãƒ—ルã¤ãï¼ã€‘ | KAYAC DESIGNER'S BLOG - デザインやマークアップã®è©±
çªç„¶ã§ã™ãŒã€ãƒšãƒ¼ãƒ‘ープãƒãƒˆã‚¿ã‚¤ãƒ—ã£ã¦çŸ¥ã£ã¦ã¾ã™ã‹ï¼Ÿ 実演ムービー 今ã¾ã§æ°—ãŒã¤ã‹ãªã‹ã£ãŸå•é¡Œã«æ°—ã¥ã‘ãŸã‚Šã¨ã€ã‹ãªã‚Šå¼·åŠ›ãªæ¦å™¨ã«ãªã‚Šã¾ã™ï¼ ã“れをiPhoneã®ç”»é¢ã§æ°—軽ã«ã§ããªã„ã‹ãªãƒ¼ã€ãŠå®¢ã•ã‚“ã«è§¦ã£ã¦ã‚‚らã£ãŸã‚Šã§ããªã„ã‹ãªãƒ¼ã¨æ€ã£ã¦ã¾ã—ãŸã€‚ ピンã¨æ¥ã‚‹ã‚„ã¤ãŒç„¡ã‹ã£ãŸã®ã§ã€ä½œã£ã¡ã‚ƒã„ã¾ã—ãŸï¼ iPhone上ã§å‹•ã フルスクリーン対応（アプリã«ã‚ˆã‚‹ï¼‰ ファイルを開ãã ã‘ãªã®ã§ã€ãƒ¡ãƒ¼ãƒ«ã§é€ã£ãŸã‚Šå…±æœ‰ã‚‚ç°¡å˜ï¼ 後ã‹ã‚‰ã®è¿½åŠ ã€å‰Šé™¤ã‚‚柔軟ã«å¯¾å¿œå¯èƒ½ デフォルトã®UIを使ã‚ãªã„å ´åˆã®ãƒ†ã‚¹ãƒˆã«çœŸä¾¡ã‚’発æ®ã—ã¾ã™ ã‚„ã‚Šæ–¹ã¯è¶…ç°¡å˜ãªã®ã§ã€ä»Šã™ãã«è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã‚ˆï¼ ç°¡å˜ãªã‚µãƒ³ãƒ—ルファイルも最後ã«ã¤ã„ã¦ã¾ã™ï¼ ãã‚Œã§ã¯ã€Œç¶šãã€ã‹ã‚‰ã©ã†ãžãƒ¼ï¼ ペーパープãƒãƒˆã‚¿ã‚¤ãƒ—ã¨ã¯ æ–°ã—ã„製å“ã€ã‚µãƒ¼ãƒ“スを開発ã™ã‚‹ã¨ãã€ã‚¹ã‚±ãƒƒãƒã‚’ç´™èŠå±…ã®æ§˜ã«å‹•ã‹ã—ãªãŒã‚‰ã€ãƒ†ã‚¹ãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è§¦ã£ã¦ã‚‚らã†ã“ã¨ã§ä½¿ã„易ã•ã‚„機能è¦æ±‚ãªã©ã‚’開発åˆæœŸæ®µéšŽ
「jQuery Mobileã€ã‚’活用ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆï¼ˆå‰ç·¨ï¼‰
ã¯ã˜ã‚㫠今回ã¯ã€ç°¡å˜ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã™ã‚‹ãŸã‚ã«æ´»ç”¨ã§ãã‚‹jQuery Mobileを紹介ã—ã¾ã™ã€‚jQuery Mobileã¯jQueryã¨åŒæ™‚ã«èªã¿è¾¼ã‚“ã§ä½¿ç”¨ã™ã‚‹ã‚‚ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトã§ã‚ˆã使ã‚れるスライダースイッãƒãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç°¡å˜ã«å‘¼ã³å‡ºã™ãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘UIサイトãŒç°¡å˜ã«ä½œæˆã§ãã¾ã™ã€‚今回ã¯jQuery Mobileã¨ã¯ä½•ã‹ã‚’解説ã—ã€ã”ãç°¡å˜ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã—ã¦ã¿ã¾ã™ã€‚ 対象èªè€… jQuery mobileã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«èˆˆå‘³ãŒã‚ã‚Šã€ä½¿ã£ã¦ã¿ãŸã„æ–¹ å¿…è¦ãªç’°å¢ƒã¨æº–å‚™ 今回使用ã—ãŸjQuery Mobile1.2.0ãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯1.7.xã€1.8.xã§ã€1.6.x以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨1.9.xã¯ã‚µãƒãƒ¼ãƒˆå¤–ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã“ã®ãŸã‚ã€ä»Šå›žã®ã‚µãƒ³ãƒ—ルスクリプトã§ä½¿ç”¨ã—ã¦ã„ã‚‹jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯1.8.
Javascriptã®ã‚¨ãƒ©ãƒ¼ã‚’æ•æ‰ã—ã¦ã€analyticsã«è¨˜éŒ²ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト - AUSGANG SOFT
ä¹…ã—ã¶ã‚Šã®ãƒ–ãƒã‚°æ›´æ–°ã§ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸå°ãƒã‚¿ã§ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JavaScriptã®ã‚¨ãƒ©ãƒ¼æ•æ‰ã—ã¦ã€analyticsã«ã‚¤ãƒ™ãƒ³ãƒˆã¨ã—ã¦è¨˜éŒ²ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ã‚¨ãƒ©ãƒ¼ã¯æ®‹ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã‚¨ãƒ©ãƒ¼ãŒã‚ã‹ã‚‰ãªã„。ãã†ã„ãˆã°ã€éŽåŽ»ã«ãã‚“ãªã‚µãƒ¼ãƒ“スを見ãŸã“ã¨ã‚ã£ãŸãªãƒ¼ã€ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ クライアントサイドJavaScriptã®ã‚¨ãƒ©ãƒ¼æ•æ‰ã‚’ã™ã‚‹ãƒ—ãƒã‚シサービスProxinohttp://jp.techcrunch.com/archives/20110822yc-funded-proxino-automated-error-reporting-for-your-client-side-javascript/ ç¾åœ¨ã¯ã€æœˆé¡$10ã«ãªã£ã¦ã‚‹ã‚ˆã†ã§ã™ãŒã€ãã‚Œã§ã‚‚高ã„・・・。 æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: JavaScriptã§DebugScreenを表示ã™ã‚‹
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.rvl.io/mizchi/js_hell_on_earth
http://m.jp.techcrunch.com/archives/20130228google-launches-zopfli-compression/
http://m.jp.techcrunch.com/archives/jp20130301microsoft-surface-rt/
re-dzine.net situs togel online toto 2023 -
A Node in Nodes
Mastering Sublime Text 2
https://qiita.com/suzukit86/items/2e72c36dc8a776e4b45c
cmmntr.com
{{#tags}}- {{label}}
{{/tags}}