Web制作をã“ã‚Œã‹ã‚‰å§‹ã‚る人ã®ç‚ºã®ã‚¹ã‚ル・HTML・CSSãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»å†™çœŸç´ æ入手ã®åŸºç¤Žæƒ…å ±*ホームページを作る人ã®ãƒã‚¿å¸³
Yamadaã§ã™ã€‚ ã‹ã‚Œã“ã‚ŒWeb屋暦ãŒ14å¹´ãらã„ã«ãªã‚‹ã‚“ã§ã™ãŒã€ã“ã†ã—ã¦Webã«æºã‚ã£ã¦ã„ã‚‹ã¨ã€3ヶ月周期ã§æƒ…å ±ã®å…¥ã‚Œæ›¿ãˆã‚’ã—ã¦ã„ã‹ãªã„ã¨ã€æ£ç›´è¿½ã„ã¤ã‹ãªã„ã¨æ„Ÿã˜ã¾ã™ã€‚ãã‚“ãªæ¿€æµã®ã‚ˆã†ãªWebæ¥ç•Œã«ã“ã‚Œã‹ã‚‰é£›ã³è¾¼ã‚‚ã†ã¨è¨€ã†æ–°å’ã®æ–¹ã‚„ã€ä¸é€”ã®æ–¹ã«é€ã‚‹ãƒã‚¤ãƒ–ルã¨ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§æ”¹ã‚ã¦æ˜¥ã§ã™ã—ã€ã“ã‚Œã‹ã‚‰ãƒ›ãƒ¼ãƒ ページ（Webサイト）を作æˆã—ã¦Web屋ã•ã‚“ã«ãªã‚‹æ–¹ã¸é€ã‚‹ãŠå‹§ã‚サイト集ã§ã™ã€‚ 後編ã¯ã“ã¡ã‚‰ Web制作を始ã‚る人ã®ç‚ºã®ã‚¹ã‚ル・ワイヤーフレーム・SEO・マーケティング・Webサービスã®åŸºç¤Žæƒ…å ± 忘れãªã„ã§æ¬²ã—ã„事 Web制作ã«ã¯ã€æ§˜ã€…ãªã‚¹ã‚ルãŒæ±‚ã‚られã¾ã™ã€‚ ã—ã‹ã—ãã®æŠ€è¡“ãŒã€ã„ã¤ã®é–“ã«ã‹æ¶ˆãˆã¦ã„ã£ãŸã‚Šã€ä½¿ãˆãªããªã£ãŸã‚Šã—ã¾ã—ãŸã€‚æ–°ã—ã„デザインã€æ–°ã—ã„コードã€æ–°ã—ã„言語ã€æ–°ã—ã„環境ã€æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€ãれらを追ã„続ã‘ã¦ã„ãã†ã¡ã«ã€ä¸€ã¤ã€ã¨ã¦ã‚‚大事ãªäº‹ã‚’忘れã¦
Font Squirrel ã§å§‹ã‚ã‚‹ @font-face
書å¼ãŒè¤‡é›‘ã€IE å‘ã‘ã® EOF ファイルを用æ„ã™ã‚‹ã®ãŒé¢å€’ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè‹±èªžã§ã‚ã‹ã‚‰ã‚“ã€ãªã©ã®ç†ç”±ã‹ã‚‰ CSS ã® @font-face ã«ã¨ã£ã¤ãã«ãã•ã‚’æ„Ÿã˜ã¦ã„る人ã¯å°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚ãŸã‚Šã®ãƒãƒ¼ãƒ‰ãƒ«ã‚’ã‹ãªã‚Šä¸‹ã’ã¦ãã‚Œãã†ãªã‚µã‚¤ãƒˆãŒã€Font Squirrel ã§ã™ã€‚ 「商用利用å¯èƒ½ã§é«˜å“ä½ãªãƒ•ã‚©ãƒ³ãƒˆãŒç„¡æ–™ã§!ã€ã¨ã„ã†ã‚ˆã†ãªã‚ˆãã‚るサイトã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€é•ã„ã¾ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã®æœ€å¤§ã®ç‰¹é•·ã¯ @font-face を強力ã«ã‚µãƒãƒ¼ãƒˆ ã—ã¦ãれるã¨ã“ã‚ã«ã‚ã‚Šã¾ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã‚’利用ã—㦠@font-face ã‚’å°Žå…¥ã™ã‚‹ã«ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ãŒã™ã§ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ @font-face Kits をダウンãƒãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³•ã¨ã€@font-face Generator ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’生æˆã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚å‰è€…ã®ã»ã†ãŒã‚ˆã‚Šç°¡å˜ã§ã™ãŒã€ã©ã¡ã‚‰ã®æ–¹æ³•ã§ã‚‚ @font-face ã®ã‚ãšã‚‰ã‚ã—ã•ã‚’ã‹ãª
WOFFコンãƒãƒ¼ã‚¿
æ¦‚è¦ ãƒ•ã‚©ãƒ³ãƒˆã¨WOFFã®ç›¸äº’変æ›ã‚’è¡Œã†ã‚½ãƒ•ãƒˆã§ã™ã€‚ WOFFã¯Web Open Font Formatã®ç•¥ã§ã€Webフォントã®1å½¢å¼ã§ã™ã€‚ Webフォントã¨ã—ã¦ã¯ã€WOFFã®ä»–ã«EOT(Embedded OpenType)ファイルやSVGフォントãªã©ãŒã‚ã‚Šã¾ã™ãŒã€ä¸€èˆ¬çš„ã«WOFFãŒæ¬¡ä¸–代標準フォーマットã¨è¦‹ã‚‰ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ 変æ›å…ƒã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ã¯ã€TrueTypeフォント（拡張å.ttf）ã€OpenTypeフォント（拡張å.otf）ã€ãƒ•ã‚©ãƒ³ãƒˆã«ãƒªãƒ³ã‚¯ã™ã‚‹å½¢å¼ã®å¤–å—ファイル（拡張å.tteã€.ote）を指定ã§ãã¾ã™ã€‚ WOFFã‚’TrueTypeフォントï¼OpenTypeフォントã«å¤‰æ›ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 本製å“ã¯ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã§ã™ã€‚ 動作環境 本ソフトã¯Windows 2000ï¼XPï¼Vistaï¼7 ã§å‹•ä½œã—ã¾ã™ã€‚ WOFFãŒä½¿ãˆã‚‹ãƒ–ラウザã«ã¤ã„ã¦ã¯WOFF対応ブラウザをã”覧ãã ã•ã„。 ダ
会è°ã«ToDo管ç†ã€èªæ›¸ã«ã‚‚――今ã™ã真似ã—ãŸã„「ãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆã€æ´»ç”¨è¡“ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
è²¼ã£ã¦ã¯ãŒã›ã‚‹ä¾¿åˆ©ãªãƒ¡ãƒ¢ã€Œãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆã€ã€‚最近ã§ã¯ã•ã¾ã–ã¾ãªè‰²ã‚„å½¢ã®ã‚‚ã®ã€ç‰¹æ®Šãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚¿ã‚¤ãƒ—ãªã©ã‚‚ç™»å ´ã—ã¦ã„ã¾ã™ã‚ˆã。ãã‚“ãªãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆã‚’ã‚‚ã£ã¨æœ‰åŠ¹ã«ä½¿ãˆã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’集ã‚ã¦ã¿ã¾ã—ãŸã€‚ã¯ã¦ãªã‚ªãƒ•ã‚£ã‚¹ã§ã®æ´»ç”¨è¡“ã‚‚ã”紹介ã—ã¾ã™ã€‚ â– ãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆã§ã€Œèªæ›¸ã€ã®è¨˜éŒ²ã‚’ 本ã«æŒŸã‚€â€œã—ãŠã‚Šâ€ã¨ã—ã¦ã‚‚使ãˆã‚‹ãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆã€‚ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã§ã•ã‚‰ã«åŠ¹çŽ‡è‰¯ãèªæ›¸ãŒã§ãã¾ã™ã€‚ â–½ ãœã„ãŸããƒã‚¹ãƒˆã‚¤ãƒƒãƒˆèªæ›¸è¡“ - ナレッジエース â–½ 365æ—¥åŠä¸» ãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆã®ä½¿ã„æ–¹ èªã¿çµ‚ã‚ã£ãŸãƒšãƒ¼ã‚¸ã®ç›®å°ã¨ã—ã¦ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒšãƒ¼ã‚¸å†…ã®æ°—ã«ãªã£ãŸç®‡æ‰€ã«è²¼ã£ãŸã‚Šã€å†…容ã«ã¤ã„ã¦æ€ã£ãŸã“ã¨ã‚’メモã—ãŸã‚Šã™ã‚Œã°ã€è‡ªåˆ†ã®èªæ›¸ã®è¨˜éŒ²ã‚’手軽ã«æ®‹ã™ã“ã¨ãŒã§ãã¾ã™ã€‚本ã«ç›´æŽ¥æ›¸ãè¾¼ã‚ãªã„å ´åˆã‚‚ã€å¾Œã§ã¯ãŒã›ã‚‹ãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆãªã‚‰å¤§ä¸ˆå¤«ã€‚「ãŸãã•ã‚“ã®ãƒã‚¹ãƒˆãƒ»ã‚¤ãƒƒãƒˆãŒè²¼ã‚‰ã‚Œã¦ã„る本ï¼è‡ªåˆ†ã«ã¨ã£ã¦é‡è¦åº¦ãŒé«˜ã„ã€ã¨ã€å¾Œã§è¦‹è¿”ã—ãŸéš›ã«ã‚‚分ã‹ã‚Šã‚„ã™ããª
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
é–¢æ±å„地ã®ç’°å¢ƒæ”¾å°„能水準ã®å¯è¦–化:micro sievert
{{#tags}}- {{label}}
{{/tags}}