CODEPREP
CODEPREPã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サービスã§ã™ã€‚1æ—¥10分プãƒã‚°ãƒ©ãƒ を書ãã“ã¨ã§ã€Œæ¯Žæ—¥ã“ã¤ã“ã¤ãƒ—ãƒã‚°ãƒ©ãƒ を書ãç¿’æ…£ã€ã¨ã€Œä½œã£ãŸã‚‚ã®ã‚’å‹•ã‹ã™ä½“験ã€ã‚’æä¾›ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®ã€Œç¶™ç¶šã€ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ãã¾ã™ã€‚ãã†ã—ã¦ã€ä¸€äººã§ã‚‚多ãã®ãƒ¦ãƒ¼ã‚¶ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æ¥½ã—ã•ã‚’æ„Ÿã˜ã¦ã‚‚らã†ã“ã¨ã‚’サãƒãƒ¼ãƒˆã—ã¦ã¾ã„ã‚Šã¾ã™ã€‚
ã‚ャラクターã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç† - å¼·ç«ã§é€²ã‚
ã‚ャラクターã«è¨å®šã—ã¦ã‚るアニメーションを実行ã™ã‚‹æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ 今回ã¯ã‚ャラクターã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ãƒ¼ã‚¿ã¯ä»˜å±žã®ã‚‚ã®ã‚’使ã„ã¾ã™ã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã—ã€Projectã®ãƒ“ューã§å³ã‚¯ãƒªãƒƒã‚¯ã‚’ã—ã€ã€ŒCharacter Controllerã€ã‚’Importã—ã¾ã™ã€‚ ※もã¡ã‚ã‚“ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆæ™‚ã«ã€ŒCharacter Controller.unityPackageã€ã«ãƒã‚§ãƒƒã‚¯ã‚’付ã‘ã¦è¿½åŠ ã—ã¦ã‚‚ãŠã„ã¦ã‚‚良ã„ã§ã™ã€‚ First Person Controllerã«ã¤ã„ã¦ã¯å¿…è¦ç„¡ã„ã®ã§ãƒã‚§ãƒƒã‚¯ã‚’外ã—ã¦ã‹ã‚‰ã€ŒImportã€ãƒœã‚¿ãƒ³ã‚’押ã—ã¾ã™ã€‚ 3rd Person Controllerã«ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ScriptファイルãŒå¹¾ã¤ã‹ã¤ã„ã¦ã„ã¾ã™ã®ã§å…¨ã¦Removeã—ã¾ã™ã€‚ 次ã«ã€ŒAnimationã€ã®é …ç›®ã®ã€ŒPlay Automaticallyã€ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã—ã¾ã™ã€‚ 3rd Person Contro
TM Life - HTML5 File API を使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«èªã¿è¾¼ã¿
※ phiary ã«å¼•ã£è¶Šã—ã¾ã—ãŸ. 毎日プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„Webã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¾ã™! RSS 登録ã—ã¦ãŸã¾ã«è¦—ã„ãŸã‚Š, tweet ã‚„ãƒãƒ†ãƒ–ã—ã¦æ‹¡æ•£ã—ã¦ã‚‚らãˆã‚‹ã¨å¹¸ã„ã§ã™. HTML5 ã§è¿½åŠ ã•ã‚ŒãŸ File API. ã“れを使ãˆã° ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±, ä¸èº«ã‚’å–å¾—ã—㦠JavaScript ã§ã„ã˜ã‚‹ã“ã¨ãŒã§ãã¾ã™. 今後, HTML5 ã®æ™®åŠã¨ã‚¯ãƒ©ã‚¦ãƒ‰åŒ–ãŒé€²ã‚€ã«ã¤ã‚Œã¦é‡è¦ãªæ©Ÿèƒ½ã«ãªã‚‹ã“ã¨ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“. サンプルを作ã£ã¦ã¿ãŸã®ã§ã‚ˆã‹ã£ãŸã‚‰ãœã². ドラッグ & ドãƒãƒƒãƒ—ã«ã‚‚対応ã—ã¦ã„るよん♪♪ Chrome ã§ãƒãƒ¼ã‚«ãƒ«ä¸Šã§ä½œæ¥ã™ã‚‹å ´åˆ, ã‚»ã‚ュリティ上ドラッグ & ドãƒãƒƒãƒ—ã«åå¿œã—ãªã„å ´åˆãŒã‚ã‚Šã¾ã™. ãã®å ´åˆ, Chromeã®èµ·å‹•ã‚ªãƒ—ション㫠–allow-file-access-from-files を指定ã™ã‚‹ã“ã¨ã§èªã¿è¾¼ã‚るよã†ã«ãªã‚Šã¾ã™. SAMPLE And D
[JS]スマフォアプリã®ã‚ˆã†ã«å·¦å³ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -mmenu
mmenuã®ä½¿ã„æ–¹ スクリプトã®ä½¿ã„æ–¹ã¯ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã«ã‚¹ãƒ†ãƒƒãƒ—ã”ã¨ã®è§£èª¬ãŒã‚ã‚Šã¾ã™ã€‚ tutorial Step 1: 外部ファイル head内ã«ã€Œjquery.jsã€ã¨å½“スクリプト・スタイルシートを記述ã—ã¾ã™ã€‚ <head> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script type="text/javascript" language="javascript" src="jquery.mmenu.js"></script> <link type="text/css" media="all" rel="stylesheet" href="jquery.mmenu.css" /> </head> Step 2: HTML コンテンツã®åŸºæœ¬æ§‹é€ ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚
普段使ã£ã¦ã‚‹CSSã®ãƒ‘フォーマンスã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’アップã•ã›ã‚‹OOCSSベースã®è¶…軽é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Kraken
オブジェクト指å‘CSS（OOCSS）ã®ã‚³ãƒ³ã‚»ãƒ—トã¯æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘フォーマンスã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’å‘上ã•ã›ã‚‹ã“ã¨ã€‚ ãã‚“ãªOOCSSをベースã«è¨è¨ˆã•ã‚ŒãŸã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ‹¡å¼µæ€§ã‚‚å‚™ãˆãŸè¶…軽é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Kraken Kraken -GitHub オブジェクト指å‘CSS（OOCSS）ã¨ã¯ Krakenã®ç‰¹å¾´ Krakenã®ãƒ‡ãƒ¢ オブジェクト指å‘CSS（OOCSS）ã¨ã¯ Krakenã¯ã‚ªãƒ–ジェクト指å‘CSS（OOCSS）ベースã§é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ Krakenã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’例ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ The Kraken Way 大ãã„ブルーã®ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã™ã‚‹éš›ã€ä¸€ã¤ã®classã‚„idãªã©ã§å®šç¾©ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€OOCSSã§ã¯ã€Œãƒœã‚¿ãƒ³=btnã€ã€Œå¤§ãã„ボタン=btn-largeã€ã€Œãƒ–ルーã®ãƒœã‚¿ãƒ³=btn-blueã€ã¨ã—ã¾ã™ã€‚ã“ã‚Œã¯ç…©é›‘ãªã‚ˆã†ã«è¦‹ãˆã¾ã™
[JS]アラートやコンファームãªã©ã®é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’表示ã™ã‚‹ãƒ‘ãƒãƒ«ã‚‚ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -alertifyjs
アラートやコンファームやプãƒãƒ³ãƒ—トã®é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒOKã‚„Cancelをクリックã—ãŸã“ã¨ã‚’ä¼ãˆã‚‹ãƒ‘ãƒãƒ«ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスタンドアãƒãƒ¼ãƒ³ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ alertifyjs alertifyjs -GitHub alertifyjsã®ç‰¹å¾´ alertifyjsã®ãƒ‡ãƒ¢ alertifyjsã®ä½¿ã„æ–¹ alertifyjsã®ç‰¹å¾´ alertifyjsã¯ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒã§ãる通知システムを実装ã§ãã‚‹JavaScriptã§ã™ã€‚ alert, confirm, promptã®å…¨é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã¯ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ 通知システムもカスタマイズãŒå¯èƒ½ã€‚ OKã¨Cancelã®ä¸¡æ–¹ã®ãƒœã‚¿ãƒ³ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«å¯¾å¿œã€‚ ダイアãƒã‚°ã‚’連æºã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ alertifyjsã®ãƒ‡ãƒ¢ promptã®é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨é€šçŸ¥ã‚·ã‚¹ãƒ†ãƒ を表示 alertifyjsã®ä½¿ã„æ–¹ Step 1: 外部ファイ
ã“ã‚Œã¯ä½¿ã„ã‚„ã™ã„ã€ç¾Žã—ã„CSS3グラデーションã®ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«ä½œæˆã§ãるオンラインツール -CssGradientButton
パãƒãƒ«å³ï¼šã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„シャドウãªã©ã®ç·¨é›† 作æˆãŒå®Œäº†ã—ãŸã‚‰ã€ã‚³ãƒ¼ãƒ‰ã‚’下部ã«ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ 生æˆã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center;
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}