RSpecã«ã‚ˆã‚‹ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã®æ›¸ãæ–¹ — recompile.net
2012å¹´04月19æ—¥ 最近ã€æ–°äººã®ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’見る機会ãŒã‚ã‚Šã€ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã®æ›¸ãæ–¹ã«ã¤ã„ã¦è€ƒãˆã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã€‚ユニットテストã¯ãƒ†ãƒ³ãƒ—レートã¿ãŸã„ãªã‚‚ã®ãŒã‚ã‚‹ã®ã§ã€ãã‚Œã•ãˆæŠ¼ã•ãˆã‚Œã°ã€èª°ã§ã‚‚ç°¡å˜ã«æ›¸ãã“ã¨ãŒã§ãる。 ã“ã“ã§ã¯ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„。サンプルã¯RSpecã§æ›¸ããŒã€ãã®ä»–ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚‚ã€å¿œç”¨ãŒã§ãã‚‹ã¨ãŠã‚‚ã†ã€‚ ã¯ã˜ã‚ã«ã”ãå˜ç´”化ã™ã‚‹ã¨ã€ãƒ†ã‚¹ãƒˆå¯¾è±¡ã¯çŠ¶æ…‹ã‚’æŒã¡ã€å…¥åŠ›ã‚’与ãˆã‚‹ã¨ä½•ã‚‰ã‹ã®å‡ºåŠ›ã‚’è¡Œãªã†ã‚‚ã®ã§ã‚る。入力ãŒå¤‰ã‚ã‚Œã°å‡ºåŠ›ã¯å¤‰åŒ–ã™ã‚‹ã—ã€çŠ¶æ…‹ãŒå¤‰åŒ–ã™ã‚‹ã¨å…¥åŠ›ãŒåŒã˜ã§ã‚‚出力ãŒå¤‰ã‚る（ã‹ã‚‚ã—ã‚Œãªã„）。 ユニットテストã¯ã€ãƒ†ã‚¹ãƒˆå¯¾è±¡ã®çŠ¶æ…‹ã‚’æ“作ã—ã€ä¸ŽãˆãŸå…¥åŠ›ã«ã‚ˆã£ã¦æ„図通りã®å‡ºåŠ›ã‚’得られるã‹ã‚’確èªã™ã‚‹ä½œæ¥ã®ã“ã¨ã‚’ã„ã†ã€‚ãªã®ã§ã€ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’書ãã¨ãã«ã¯ã€ã‚ªãƒ–ジェクトã®çŠ¶æ…‹ã”ã¨ã«ãƒ¡ã‚½ãƒƒãƒ‰å˜ä½ã§å…¥åŠ›ã¨å‡ºåŠ›ã‚’確èªã™ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ RSpecã®ç–‘似コードã§æ›¸ãã¨
æ–‡å—を制é™ã—ãŸè»½é‡ãªæ—¥æœ¬èªž Web フォントを作æˆã™ã‚‹æ–¹æ³• - ã¦ã£ã煮ブãƒã‚°
HTML5最近ã€Web フォントをã¤ã‹ã£ã¦ã‹ã£ã“ã„ã„表ç¾ã‚’ã—ã¦ã„るサイトも増ãˆã¦ãã¾ã—ãŸã€‚ãŸã ã€æ®‹å¿µãªãŒã‚‰ 日本語㧠Web フォントを使ã†ã®ã¯åŽ³ã—ã„ã®ãŒç¾å®Ÿã§ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€æ—¥æœ¬èªžã«ã¯è‹±æ•°å—・ã²ã‚‰ãŒãªãƒ»ã‚«ã‚¿ã‚«ãƒŠãƒ»æ¼¢å—・記å·ãƒ»ãƒ»ãƒ»ãªã©å¿…è¦ã«ãªã‚‹æ–‡å—æ•°ãŒå¤šã™ãŽã‚‹ãŸã‚ã€ãƒ•ãƒ«ã‚¹ãƒšãƒƒã‚¯ã®æ—¥æœ¬èªžã® Web フォントã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒã™ã”ã„ã“ã¨ã«ãªã‚Šãã†ã§ã™ã€‚ãã“ã§ã€ã€Œåˆ©ç”¨ã—ãŸã„æ–‡å—ã ã‘ã‚’å«ã‚“ã Web フォントをãã®éƒ½åº¦ä½œã‚Œã°ã„ã„ã‚“ã˜ã‚ƒã？ã€ã¨ã„ã†ã“ã¨ã‚’考ãˆã¦ã¿ã¾ã—ãŸã€‚アイデア自体ã¯çã—ã„ã‚‚ã®ã§ã¯ãªãã€ä¾‹ãˆã° デコも㘠ã¨ã„ã†ã‚µãƒ¼ãƒ“スã¯åŒã˜ã‚ˆã†ãªã“ã¨ã‚’ã‚„ã£ã¦ãれるよã†ã§ã™ï¼ˆãŸã ã—ã€ç„¡æ–™ã§ã¯ã€Œæ›¸ä½“ 1 ã¤ã¾ã§ã€ã€Œ5 æ–‡å—ã¾ã§ã€ãªã©æ©Ÿèƒ½åˆ¶é™ãŒå¤§ãã„）。手始ã‚ã«æ—¥æœ¬èªž Web フォントを作ã£ã¦ã¿ã‚‹ã¾ãšã¯ç°¡å˜ã«æ—¥æœ¬èªž Web フォントを作る方法を紹介ã—ã¦ãŠãã¾ã™ã€‚ç„¡æ–™ã§å…¬é–‹ã•ã‚Œã¦ã„るフォントã®ä¸ã«ã‚‚ã€ãƒ•ã‚©ãƒ³
Rails 3.2 + jpmobile ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ãŸã¿ãŸ - ãŠã„ã¡ã‚ƒã‚“ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™
以å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§äºˆå‘Šã—ã¦ãŠã‚Šã¾ã—ãŸã¨ãŠã‚Šã€ -Rails3 㨠jQuery ã§ã€çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—㟠- h300 h300 をスマートフォン対応ã•ã›ã¾ã—ãŸã€‚ 今回「jpmobileã€ã¨ã„ㆠRails ブラグインを使ã£ãŸã®ã§ã™ãŒã€ã“れを使ã†ã¨çµæ§‹ç°¡å˜ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ãã¦ã€ã‚ªã‚¹ã‚¹ãƒ¡ãªãƒ—ラグインã ã£ãŸã®ã§ã€ã”紹介ã—ã¾ã™ã€‚ jpmobile ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚„基本的ãªä½¿ã„æ–¹ãªã©ã¯ã€jpmobile ã® README ã«ä¸å¯§ã«æ›¸ã‹ã‚Œã¦ã‚ã‚‹ã®ã§ã€ãã“ã¯è©³ã—ã触れã¾ã›ã‚“ãŒã€ä»£ã‚ã‚Šã«ã€ãã‚‚ãã‚‚ jpmobile ã‚’å°Žå…¥ã™ã¹ãã‹å¦ã‹ã«ã¤ã„ã¦è€ƒãˆãŸã“ã¨ã‚„ã€jpmobile å°Žå…¥å‰å¾Œã®ãƒ‘フォーマンスã®å¤‰åŒ–ç‰ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ **Rails 3.2 + jpmobile ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ãŸã¿ãŸ +jpmobile ã¨ã¯ï¼Ÿ +ãƒãƒ¼ã‚¸ãƒ§ãƒ³æƒ…å ± +ãã‚‚ãã‚‚ j
æ ¼å¥½ã„ã„ï¼æŠ˜ã‚Šç•³ã‚“ã 紙を開ãよã†ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’実ç¾Â·Paperfold CSS MOONGIFT
Paperfold CSSã¯ä¸é–“ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’折り畳んã§è¡¨ç¤ºã—ã€ã‚¯ãƒªãƒƒã‚¯ã§é–‹ã3Dアクションを施ã™JavaScriptライブラリã§ã™ã€‚ ã“ã‚Œã¯ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã®å‹åˆ©ï¼Paperfold CSSを使ã†ã¨æŠ˜ã‚Šç•³ã‚“ã メッセージを開ã„ã¦è¡¨ç¤ºã—ãŸã‚Šã™ã‚‹éš›ã«åŠ¹æžœçš„ã«è¦‹ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šãã†ã§ã™ã€‚ デフォルトã®è¡¨ç¤ºã§ã™ã€‚See 5 More Postsã¨ã„ã†è¡¨ç¤ºãŒã‚ã‚Šã¾ã™ã€‚ãã“をクリックã—ã¾ã™ã€‚ å¾ã€…ã«é–‹ã„ã¦ã„ãã¾ã™ã€‚ 折り畳ã¾ã‚ŒãŸéƒ¨åˆ†ãŒé–‹ã„ã¦è¡¨ç¤ºã•ã‚Œã¾ã—ãŸã€‚ デモ動画ã§ã™ã€‚折りãŸãŸã¿ã®é‡ãªã©ã¯è‡ªç”±ã«è¨å®šã§ãã¾ã™ã€‚ã—ã‹ã‚‚3Dã§ã‚ã‚Šã€ãƒžã‚¦ã‚¹ã§å›žè»¢ã•ã›ãŸã‚Šè¦‹ã‚‹å‘ãを変更ã§ããŸã‚Šã—ã¾ã™ã€‚ Paperfold CSSã¯Gmailã®å¤šæ•°ã®ãƒªãƒ—ライãŒé‡ãªã£ãŸæ™‚ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ç¾¤ã‚’表示ã™ã‚‹éš›ã®ã‚„ã‚Šæ–¹ã«è¿‘ã„ã§ã™ã€‚é¢ç™½ã„使ã„æ–¹ãŒå‡ºæ¥ãã†ã§ã™ã€‚ Paperfold CSSã¯JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（Pub
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://www.genie09.com/archives/2402
{{#tags}}- {{label}}
{{/tags}}