コードを書ãéš›ã®æŒ‡é‡ã¨ã—ã¦è¦‹è¿”ã™ã‚µã‚¤ãƒˆã¾ã¨ã‚ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Bootstrapã«ãƒ¢ãƒ€ãƒ³ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ãれるjQueryプラグイン「Smokeã€:phpspot開発日誌
Smoke Bootstrapã«ãƒ¢ãƒ€ãƒ³ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ãれるjQueryプラグイン「Smoke〠フォームã®ãƒãƒªãƒ‡ãƒ¼ãƒˆã‚„通知ã€ãƒ¢ãƒ€ãƒ³ãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³æ©Ÿèƒ½ã€ãƒ‘ãƒãƒ«ç‰ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ より今ã£ã½ã„サイトを作るã®ã«å½¹ç«‹ã¡ãã†ãªãƒ—ラグインãªã®ã§Bootstrapを使ã†äººã¯çŸ¥ã£ã¦ãŠã„ã¦æã¯ç„¡ã„ã¨æ€ã„ã¾ã™ 関連エントリ Bootstrapã®ãƒãƒƒãƒ—アップを強化ã™ã‚‹ã€ŒWebUI Popover〠Bootstrapã®ãƒãƒƒãƒ—アップ風デザインã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’作æˆã€ŒStackbox.js〠Bootstrapãªã‚µã‚¤ãƒˆã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¿ãƒ–ナビゲーションを実ç¾ã™ã‚‹ã€ŒResponsive Tabs〠Bootstrapã®ã‚ˆã†ã«å¤šæ•°ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè©°ã¾ã£ãŸUIツールã‚ット「Titon Toolkit〠Bootstrapã®Dropdownを使ã†ãªã‚‰å¿…ãšçŸ¥ã£ã¦ãŠããŸã„「Bootstrap Enhanc
Web制作ã«ä½¿ãˆã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼Atomã€Bracketsã€Codaã€Sublime Textã®ç¾çŠ¶ã¾ã¨ã‚
Web制作ã«ä½¿ãˆã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼Atomã€Bracketsã€Codaã€Sublime Textã®ç¾çŠ¶ã¾ã¨ã‚：新人Webデザイナーï¼é–‹ç™ºè€…も知ã£ã¦ãŠããŸã„ Web制作ã«é•·å¹´æºã‚ã‚‹ç†è€…ãŒæ•°ã‚るテã‚ストエディターã®ä¸ã‹ã‚‰ä»£è¡¨çš„ãª4ã¤ã‚’ピックアップ。機能別ã«é•ã„ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã®ã§ã€ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼é¸ã³ã®å‚考ã«ã—ã¦ã»ã—ã„。 皆ã•ã‚“ã¯æ™®æ®µã€Web制作ã«ã©ã®ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ï¼ˆãƒ†ã‚ストエディター）を使ã£ã¦ã„ã‚‹ã ã‚ã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã‚‹æ–¹ã®ä¸ã«ã¯ã€Webデザイナーï¼é–‹ç™ºè€…ã«ãªã£ãŸã°ã‹ã‚Šã§å¸¸ç”¨ã—ã¦ã„るエディターãŒæ±ºã¾ã£ã¦ãŠã‚‰ãšã€ã©ã‚ŒãŒã„ã„ã®ã‹æŽ¢ã—ã¦ã„る方もã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。ã¾ãŸã€ä»Šä½¿ã£ã¦ã„るエディターã«ä¸æº€ãŒã‚ã‚Šã€ä¹—ã‚Šæ›ãˆã‚’検討ã—ã¦ã„る方もã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 最近ã¯ã€ã•ã¾ã–ã¾ãªã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãŒç™»å ´ã—ã¦ãŠã‚Šå¥½ã¿ã«åˆã‚ã›ã¦åˆ©ç”¨ã§ãã‚‹ãŒã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚’把æ¡ã—ã€è‡ªåˆ†ã«æœ€é©ãªã‚‚ã®ã‚’é¸ã¶ãŸã‚ã«ã¯ã€ã‚る程度使ã£ã¦ã¿ãªã‘ã‚Œã°åˆ†ã‹ã‚‰ãªã„。
「ノンプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery生æˆãƒ„ールã€ä½œã‚Šã¾ã—ãŸ
ノンプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery生æˆãƒ„ールを作ã£ã¦ã¿ã¾ã—ãŸã€‚よã‘ã‚Œã°ã”活用ãã ã•ã„。 ノンプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery生æˆãƒ„ール サンプル表示ã¤ã ã“ã®ãƒ„ールã¯ã€Œ7ã¤ã®ã‚µãƒ³ãƒ—ルã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ã分ã‹ã‚‰ãªã„人ã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘入門講座ã€ã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦ä½œã£ãŸã€åˆå¿ƒè€…å‘ã‘ã®ãŠå‹‰å¼·ãƒ„ールã§ã™ã€‚ コールãƒãƒƒã‚¯ãªã©è¤‡é›‘ãªè¨å®šã¯ã§ãã¾ã›ã‚“ãŒã€åŸºæœ¬çš„ãªè¨å®šã¨ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã¾ã§ã§ãるよã†ã«ã—ã¦ã„ã¾ã™ã€‚ 追記：イベントã¨APIをプルダウンメニューã§é¸æŠžã§ãるよã†ã«ã—ã¾ã—ãŸã€‚éŽä¸è¶³ã‚ã‚Œã°ã”指摘ãã ã•ã„。 追記：イベントã¨APIã®ãƒ—ルダウンメニューã§ãƒ„ールãƒãƒƒãƒ—を表示ã§ãるよã†ã«ã—ã¾ã—ãŸã€‚ã–ã£ãã‚Šã—ãŸå†…容ã§ã™ãŒã€ã“ã‚Œã§ã‚¤ãƒ™ãƒ³ãƒˆã‚„APIã®ä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ツールãƒãƒƒãƒ—を表示 ã‚„ã£ã¤ã‘ã§ä½œã£ãŸã®ã§ä¸ã®ã‚³ãƒ¼ãƒ‰ã¯ã‹ãªã‚Šã²ã©ã„ã§ã™ã€‚ã‚ã—ã‹ã‚‰ãšã€‚ １．使ã„æ–¹ 本エン
5分ã§ã§ãã‚‹PHPã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å¯¾ç– - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ã¦ã¾ã™ã‹ï¼ よã「PHPã¯ã‚»ã‚ュリティãŒãƒ€ãƒ¡ã€ã¨ã‹è¨€ã‚ã‚Œã¦ã‚‹ã‚ˆã。 ã§ã‚‚ãã‚Œã£ã¦ã€ã¹ã¤ã«PHPãŒæ‚ªã„ã‚“ã˜ã‚ƒãªãã¦ã€ ãŸã¶ã‚“ã€ã‚»ã‚ュリティã¨ã‹ãŒã€ã¾ã よãã‚ã‹ã‚‰ãªã„人ãŒå¤šã„ã ã‘ãªã‚“ã˜ã‚ƒãªã„ã‹ãªã€‚ ãŒã‚“ã°ã£ã¦å‹‰å¼·ã—よã†ã¨æ€ã£ã¦ã‚‚ã€ãªã‚“ã ã‹é›£ã—ã„ç†å±ˆãŒä¸¦ã‚“ã§ã„ãŸã‚Šã™ã‚‹ã—ã…。 ãªã®ã§ä»Šæ—¥ã¯ã€ã‚»ã‚ュリティ対ç–ã«ã¤ã„ã¦ã€ 「ã“ã‚Œã ã‘ã‚„ã£ã¨ã‘ã°ã€ã‚ã‚Šã¨å®‰å…¨ã«ãªã‚‹ã‚ˆã€ã£ã¦ã“ã¨ã‚’ã€åˆå¿ƒè€…ã‚€ã‘ã«ã€å¤§é›‘把ã«æ›¸ã„ã¦ã¿ã¾ã™ï¼ ç†å±ˆãŒã‚ã‹ã‚‰ãªãã¦ã‚‚ã€æœ€åˆã¯ã‚³ãƒ”ペã§ã‚‚〠ãªã«ã‚‚やらãªã„よりã€ã‚„ã£ãŸã»ã†ãŒãã£ã¨ãƒžã‚·ã«ãªã‚‹ï¼ 1. XSSå¯¾ç– å‹•çš„ãªã‚‚ã®ã‚’表示ã™ã‚‹ã¨ãã€å…¨éƒ¨ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚Œã°okã§ã™ï¼ (NG) ã‚ãªãŸã®åå‰ã¯ <?= $name ?> ã§ã™ãï¼ â†“ (OK) ã‚ãªãŸã®åå‰ã¯ <?= htmlspecialchars($name, ENT_QUOTES) ?>
javascriptã®é–¢æ•°ãŒå¤‰æ…‹ã™ãŽã‚‹
立山黒部アルペンルート横æ–＆富山旅行記 ãªãœå¯Œå±±ï¼Ÿ 事å‰æº–å‚™ ã–ã£ãã‚Šã¨äºˆå®šã‚’ç«‹ã¦ã¦ã€å®¿ã®äºˆç´„ã‚’ã™ã‚‹ 立山黒部アルペンルートã®åˆ‡ç¬¦ã‚’買ㆠJRã®æ–°å¹¹ç·šã®äº‹å‰å—付ã®ç½ ã¯ã˜ã‚ã¦ã®æ–°å¹¹ç·šeãƒã‚±ãƒƒãƒˆã‚µãƒ¼ãƒ“ス 「特定都区市内制度ã€ãŒé©ç”¨å¯¾è±¡å¤–ã§ã‚ã‚‹ã“ã¨ã‚’知る 新幹線eãƒã‚±ãƒƒãƒˆãŒãƒ¢ãƒã‚¤ãƒ«Suicaã«ç´ã¥ã‘られã¦ã„…
PHPã¨GDを使ã£ã¦Captchaを自作ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
How to create captcha in PHP using GD library ? Script tutorials PHPã¨GDを使ã£ã¦Captchaを自作ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ライブラリを使ãˆã°ç°¡å˜ã«ã§ãã‚‹ã‚‚ã®ã®ã€å®Ÿéš›ã«ä½œã£ã¦ã¿ã‚‹ã¨ãªã‚‹ã¨ã€ã‚„ã£ãŸã“ã¨ãŒãªã„å ´åˆé›£ã—ã„ã§ã™ãŒã€ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å‚考ã«ã™ã‚‹ã“ã¨ã§Captchaを自作出æ¥ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã“ã‚Œã§ä½œã‚Šæ–¹ã‚’覚ãˆã¦ã€ãƒ©ã‚¤ãƒ–ラリãªã©ã‚’å‚考ã«ã—ã¤ã¤ã‚ˆã‚Šã‚ªãƒªã‚¸ãƒŠãƒ«ãªCaptchaを作ã£ã¦ã¿ã‚‹ã®ã‚‚良ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 関連エントリ PHPã§ä½¿ãˆã‚‹CAPTCHAç”»åƒä½œæˆãƒ©ã‚¤ãƒ–ラリã¾ã¨ã‚ GoogleライクãªCAPTCHAã‚’PHPã§ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ル PHPç‰ã§å®Ÿè£…ã§ãã‚‹å‹•ç”»ã§CAPTCHAã§ãるより強固ãªã€ŒNuCaptcha〠jQueryã§å®Ÿè£…ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯CAPTCHA「jQuery SimpleCaptchaã€
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ - プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ—¥è¨˜
ã¨ã‚Šã‚ãˆãšæ€ã„ã¤ã„ãŸã‚‚ã®ã®ã¾ã¨ã‚。 ã¾ãšã¯ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‹ã‚‰ã€‚ 変数ã®ã‚¹ã‚³ãƒ¼ãƒ—ã‚’ãªã‚‹ã¹ãç‹ãã—ã‚ ä»–ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’使ã†ãªã¨ã‹ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã¨ç•Œé¢ã‚’æ„è˜ã›ã‚ˆãªã©ã€‚ã¨ã«ã‹ãスコープã¯é‡è¦ã‹ã¤æ„外ã¨å¥¥ãŒæ·±ã„。スコープã«é–¢ä¿‚ã™ã‚‹æ©Ÿèƒ½ã¯ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«(パッケージ)ã€ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã€ãƒãƒ¼ã‚«ãƒ«é–¢æ•°ã€ãƒãƒ¼ã‚«ãƒ«ã‚¯ãƒ©ã‚¹ã€å¤‰æ•°ã®ç¨®é¡žã€ã‚¢ã‚¯ã‚»ã‚¹åˆ¶å¾¡ãªã©ã€‚ åŒã˜ãƒã‚¸ãƒƒã‚¯ã®ã‚³ãƒ¼ãƒ‰ã‚’2度以上書ã㪠他ã¯DRY原則ã€ã‚³ãƒ”ペをã™ã‚‹ãªãªã©ã€‚自分ã®å ´åˆã€2度書ãæ–¹ãŒã‚·ãƒ³ãƒ—ルã«ãªã‚‹å ´åˆã€2度書ãã“ã¨ã‚‚ã‚る。特ã«ã€ifã‚„switchãªã©ã®ãƒã‚¸ãƒƒã‚¯ã®ä¸ã§åŒã˜ã‚³ãƒ¼ãƒ‰ãŒ2度ç¾ã‚Œã‚‹å ´åˆã€ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ã§ã‚ã–ã‚ã–別ã®ã¨ã“ã‚ã§é–¢æ•°ã‚„ブãƒãƒƒã‚¯ã«ã¾ã¨ã‚ã¦ã€ãれをå‚ç…§ã™ã‚‹ã®ã¯é¢å€’。但ã—3度以上ç¾ã‚Œã‚‹å ´åˆã¯é–¢æ•°ãªã©ã«ã¾ã¨ã‚るケースãŒå¤šã„ã‹ã‚‚。 汎用コード内ã§æ¡ä»¶åˆ†å²ã‚³ãƒ¼ãƒ‰ã‚’減ら㛠他ã¯ifã‚’ãƒãƒªãƒ¢ãƒ¼ãƒ•ã‚£ã‚ºãƒ ã«ã‚ˆã‚Šãªãã›ãªã©ã€‚æ¡ä»¶åˆ†å²ã¯æ±Žç”¨æ€§ã‚’æ
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}