[B! HTML][content] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

HTMLã¨contentã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

CSSã®ä¸å¤®æƒãˆã§ã€æœ€ã‚‚ä¸‡èƒ½ã§ä¿¡é ¼ã§ãã‚‹å®Ÿè£…ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSSã¯é€²åŒ–ãŒæ—©ãã€ä¸å¤®æƒãˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚ä¸€æ˜”å‰ã®ã‚‚ã®ã‚ˆã‚Šã‚‚ç¢ºå®Ÿã«ä½¿ã„ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚å¤©åœ°å·¦å³ã®ä¸å¤®ã«è¦ç´ ã‚’é…ç½®ã™ã‚‹éš›ã«ã€è¦ç´ ã®å¹…ã‚„é«˜ã•ãŒå¯å¤‰ã ã£ãŸã‚Šã€è¦ç´ ã®æ•°ãŒå¢—ãˆã¦ã‚‚å¯¾å¿œã™ã‚‹æœ€æ–°ã®å®Ÿè£…ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç¾åœ¨ä¸»æµã®5ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‹ã‚‰ãã‚Œãžã‚Œã®ç‰¹å¾´ã¨æœ€ã‚‚ä¸‡èƒ½ã§ä¿¡é ¼ã§ãã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’è©•ä¾¡ã—ã¾ã™ã€‚ Centering in CSS by Adam Argyle ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. Content Center 2. Gentle Flex 3. Autobot 4. Fluffy Center 5. Pop & Plop ä¸å¤®æƒãˆã«æœ€é©ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã¯ã˜ã‚ã« CSSã®ä¸å¤®æƒãˆã¯ã€ã‚¸ãƒ§ãƒ¼ã‚¯ã®å¯¾è±¡ã«ã‚‚ãªã‚‹æ‚ªåé«˜ã„èª²é¡Œã§ã—ãŸã€‚ã—ã‹ã—ä»Šæ—¥ã§ã¯CSSã¯ã™ã¹ã¦é€²åŒ–ã—ã€ç´ ç›´ã«ã“ã‚Œã‚‰ã®ã‚¸ãƒ§ãƒ¼
ihok 2021/01/14
css

content

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

html

webåˆ¶ä½œ

tips

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³

design
ãƒªãƒ³ã‚¯
HTML5ã‚¢ãƒ—ãƒªã«ãŠã‘ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®åŸºç¤ŽçŸ¥è˜
HTML5 APP CONFERENCE 2018ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
ihok 2018/07/09
çŸ¥è˜

slide

ã‚¢ãƒ—ãƒª

html

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

content

web

performance
ãƒªãƒ³ã‚¯
HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€Œ<head> cheatsheetã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <head> cheatsheet ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ç´¹ä»‹ã—ãŸä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚ <meta charset="utf-8"> <meta http-equiv="x-ua-c
ihok 2017/09/26
id:n314 ã¡ã‚‡ã£ã¨ã‚¤ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã ã‘ã© <noscript><meta http-equiv="refresh" content="0;URL=JSãŒå‹•ã‹ãªã„ç’°å¢ƒå‘ã‘ãƒšãƒ¼ã‚¸"></noscript> ã¿ãŸã„ã«ã€è¤‡åˆã—ã¦ä½¿ã†ã¨ã‹ã€‚

cheatsheet

content

device

charset

html

Webåˆ¶ä½œ

html5

web
ãƒªãƒ³ã‚¯
PHPã§ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«æŽ¥ç¶šã™ã‚‹ã¨ãã®ã¾ã¨ã‚ - Qiita
ã€2021/10/15 è¿½è¨˜ã€‘ ã“ã®è¨˜äº‹ã¯æ›´æ–°ãŒåœæ¢ã•ã‚Œã¦ã„ã¾ã™ã€‚ç¾åœ¨ã§ã¯ç†è€…ã®æ€æƒ³ãŒå¤‰åŒ–ã—ã¦ã„ã‚‹é¢ã‚‚ã‚ã‚Šã¾ã™ã®ã§ï¼ŒéŽåŽ»ã®è¨˜äº‹ã¨ã—ã¦å‚è€ƒç¨‹åº¦ã«ã”è¦§ãã ã•ã„ã€‚PDO ã«é–¢ã—ã¦ã¯å¤§ããå¤‰ã‚ã£ã¦ã„ãªã„éƒ¨åˆ†ãŒå¤šã„ã¨ã¯æ€ã„ã¾ã™ãŒï¼Œ PHP 8.x ä»¥é™ã§ã®å‹•ä½œä¿è¨¼ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚ã‚‰ã‹ã˜ã‚èªã‚“ã§ãŠããŸã„è¨˜äº‹ Qiita - ã€PHPè¶…å…¥é–€ã€‘ã‚¯ãƒ©ã‚¹ï½žä¾‹å¤–å‡¦ç†ï½žPDOã®åŸºç¤Ž by @7968 åˆå¿ƒè€…ãŒã‚„ã‚ŠãŒã¡ãªãƒŸã‚¹ ä»¥ä¸‹ã®ã©ã‚Œã‹ã«1ã¤ã§ã‚‚å½“ã¦ã¯ã¾ã‚‹ã‚³ãƒ¼ãƒ‰ã¯è¦‹ç›´ã™å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼Žä»˜éŒ²ã«ãƒªãƒ³ã‚¯ã‚’è²¼ã£ã¦ãŠãã¾ã—ãŸã®ã§ï¼Œã€Œè©²å½“ã™ã‚‹ã‹ã‚‚ï¼Ÿã€ã¨ã„ã†äººã¯ã‚¯ãƒªãƒƒã‚¯ã—ã¦é£›ã‚“ã§èªã‚“ã§ãã ã•ã„ï¼Žå¤ªå—ã«ã—ã¦ã‚ã‚‹ã‚‚ã®ã¯è„†å¼±æ€§ã«ç›´çµã™ã‚‹å±é™ºåº¦ã®é«˜ã„ã‚‚ã®ã§ã™ï¼Ž mysql_query ãªã©ã®éžæŽ¨å¥¨é–¢æ•°ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ SET NAMES ã‚ã‚‹ã„ã¯ SET CHARACTER SET ãªã©ã§æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ ãã‚‚ãã‚‚ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹
ihok 2017/07/18
charset

content

data

Html

db

PHP

mysql

ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§æ›¸ã‹ã‚ŒãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ã€å¿…è¦æœ€å°é™ã®ãƒ–ãƒ©ãƒ³ã‚¯ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Šéƒ¨ã«å›ºå®šé…ç½®ã€å†™çœŸç”»åƒãªã©ã®èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã«è¡¨ç¤ºã•ã›ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç”»åƒ: Girly Drop HTML5ã§ä½œæˆã™ã‚‹æ™‚ã®å¿…è¦æœ€å°é™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Šéƒ¨ã«å›ºå®šé…ç½® èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã«è¡¨ç¤º â€»ä»¥å‰ã€å½“ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã§ä½œæˆã™ã‚‹æ™‚ã®å¿…è¦æœ€å°é™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã¾ãšã¯ã€HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«ã®ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ–ãƒ©ãƒ³ã‚¯ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚ A Generic HTML5 Template -GitHub ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯CC0 1.0ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®æ¡ˆä»¶ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚åˆ©ç”¨ã™ã‚‹éš›ã«ã€è¨±å¯ã‚„ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆã®æ˜Žè¨˜ãªã©ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯IE9ã‚„8ä»¥ä¸‹ã¸ã®æœ€ä½Ž
ihok 2015/10/26
Html

HTML5

content

name

ie

CSS

Coding

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

web
ãƒªãƒ³ã‚¯
Electronã§Webviewã®ç°¡æ˜“ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã¤ãã£ã¦ã¿ãŸãƒ¡ãƒ¢ - Qiita
var app = require('app'); var BrowserWindow = require('browser-window'); require('crash-reporter').start(); var mainWindow = null; app.on('window-all-closed', function () { //if (process.platform != 'darwin') app.quit(); }); app.on('ready', function () { // ãƒ–ãƒ©ã‚¦ã‚¶(Chromium)ã®èµ·å‹•, åˆæœŸç”»é¢ã®ãƒãƒ¼ãƒ‰ mainWindow = new BrowserWindow({ width: 1000, height: 600 }); mainWindow.loadUrl('file://' + __dirname + '/index.h
ihok 2015/10/15
Electron

app

require

Html

npm

function

name

content

JavaScript

dev
ãƒªãƒ³ã‚¯
1