Photoshopã¨Illustratorã¨Sketchを上手ã«ä½¿ã£ã¦ã„ã“ㆠ|　ãƒãƒ‹ãƒ‡ã‚¶ãƒŽãƒ¼ãƒˆ
Photoshopã¨Illustratorã¨SketchãŒæœ€è¿‘ã®ã‚¦ã‚§ãƒ–デザインツールã¨ã—ã¦ä¸ŠãŒã£ã¦ã¾ã™ã。 ãŠå®¢æ§˜ã®ãƒ‹ãƒ¼ã‚ºã«åˆã‚ã›ã¦ã€ã„ã¤ã‚‚ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªã„アプリをベースアプリã¨ã—㦠デザインをè¦æ±‚ã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨ãŠã‚‚ã„ã¾ã™ã€‚ 今回ã¯ã€ã€Œã ã„ãŸã„åŒã˜ã“ã¨ãŒã§ãã‚‹ã€ã§ã‚‚å¾—æ„ä¸å¾—æ„ã¯ã‚ã‚‹ã‹ã‚‚ã€ã¨ã„ã£ãŸã“ã¨ã‚’アプリをã¾ãŸã„ã§è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚
ã€jQuery + PHP】クãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³å¯¾å¿œç‰ˆï¼šGoogle Feed API ã®ä»£æ›¿æ¡ˆã‚’紹介ã—ã¾ã™ã€‚
æ ªå¼ä¼šç¤¾ã‚ªãƒ³ã‚º 開発ブãƒã‚° ã€jQuery + PHP】クãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³å¯¾å¿œç‰ˆï¼šGoogle Feed API ã®ä»£æ›¿æ¡ˆã‚’紹介ã—ã¾ã™ã€‚ 昨日 Google Feed API ãŒåœæ¢ã—ãŸäº‹ä»¶ãŒã‚ã‚Šã€ã‚¦ã‚§ãƒ–制作者ã®æ–¹ã€…ã¯ãã®å¯¾å¿œã«è¿½ã‚ã‚Œã€å„地ã§é˜¿é¼»å«å–šã¨å¤§æ··ä¹±ãŒèµ·ãã¦ã„ã¾ã—ãŸã€‚ 一夜明ã‘ã¦ã€ç¾æ™‚点㧠Google Feed API ãŒå¾©æ—§ã—ã¦ã„るよã†ã§ã™ã。 ã—ã‹ã—ã¾ãŸã„ã¤å»ƒæ¢ã•ã‚Œã‚‹ã‹ã‚‚ã‚ã‹ã‚‰ãªã„状æ³ãªã®ã§ã€ä»Šã®ã†ã¡ã«å¯¾ç–ã‚’ã—ã¦ãŠã„ãŸã»ã†ãŒå®‰å¿ƒã§ã™ã€‚ ……ã¨ã„ã†ãƒ¯ã‚±ã§ã€‚ 昨日ã®è¨˜äº‹ã®ç¶šãã§ã™ã€‚ 外部ドメインã®RSSã‚’jQueryã§èªè¾¼ï¼å‡ºåŠ›ã™ã‚‹ã«ã¯ï¼Ÿ 昨日紹介ã—ãŸã‚„ã‚Šæ–¹ã§ã¯ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³å•é¡Œã‚’解決ã—ã¦ã„ãªã„ãŸã‚別ドメインã®RSSã¯èªã¿è¾¼ã¿ä¸å¯èƒ½ã§ã—ãŸã€‚ ãã‚‚ãもクãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ã¯ï¼Ÿ 「クãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã€ã¨ã¯ã€ä¸€èˆ¬çš„ã«ã¯ã€Žç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’è·¨ã„ã§é€šä¿¡ã™ã‚‹ã“ã¨ã€ã‚’指ã—ã¾ã™ã€‚ ã‚»ã‚ュリティã®é–¢ä¿‚㧠aja
Flexboxã«ã¤ã„ã¦å‹‰å¼·ã—ãŸã„・ç†è§£ã‚’æ·±ã‚ãŸã„ã¨ãã«å‚考ã«ãªã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚„サイトã¾ã¨ã‚ - NxWorld
特ã«è‡ªåˆ†ãŒãã®ã‚ˆã†ã«æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€Flexboxã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’組む際ã«éžå¸¸ã«ä¾¿åˆ©ãªã‚‚ã®ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€éžå¯¾å¿œã®ãƒ–ラウザをサãƒãƒ¼ãƒˆã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã«å®‰æ˜“ã«ä½¿ç”¨ã§ããªã‹ã£ãŸã‚Šã€ä»•æ§˜ãŒã“ã‚ã“ã‚変ã‚ã£ã¦å¯¾å¿œã—ã¦ãŸã¨ã—ã¦ã‚‚ブラウザã«ã‚ˆã£ã¦æ§˜ã€…ãªæ›¸ã方をã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚Šã§ã€æœ¬æ ¼çš„ã«ä½¿ã†ã®ã¯ã¾ã ã—ã°ã‚‰ãå…ˆã«ã¨ã‹ã‚‚ã†å°‘ã—様åを見よã†ã¨æ€ã£ã¦ãŸäººã‚‚å°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã€æœ€è¿‘ã§ã¯ä»¥å‰ã«æ¯”ã¹ã¦è¨˜è¿°ã™ã‚‹å†…容も減りã€å¯¾å¿œã—ã¦ã„ãªã‹ã£ãŸãƒ–ラウザもサãƒãƒ¼ãƒˆã‚’切る機会ãŒå¤šããªã£ãŸã‚Šã¨ä»Šå¾Œã¾ã™ã¾ã™åˆ©ç”¨ã™ã‚‹å ´é¢ãŒå¢—ãˆãã†ãªã®ã§ã€å…ˆè¿°ã—ãŸã‚ˆã†ã«Flexboxã«ã¤ã„ã¦å‹‰å¼·ã—ãŸã„方やよりç†è§£ã‚’æ·±ã‚ãŸã„ã¨ã„ã†æ™‚ã«å‚考ã«ãªã‚‹ã¨æ€ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚„サイトをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 全体的ã«è‹±èªžã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãªã©ãŒå°‘ã—目立ã¡ã¾ã™ãŒã€Google翻訳ãªã©ã‚’使ãˆã°å¤§ä½“ã®å†…容ã¯ç†è§£ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ November 16, 2017
オウンドメディアé‹ç”¨ã«ä¹—り出ã™å‰ã«ï¼æ³¨æ„ã™ã¹ããƒã‚¤ãƒ³ãƒˆã¨å‚考事例 | WEBマーケティングコンサルティング・丸投ã’・実務代行ã®ãƒ¦ãƒŠã‚¤ãƒ†ãƒƒãƒ‰ãƒªãƒãƒ¼ã‚º
WEBコンサルタント『サーãƒã‚µãƒãƒ¼ã‚¿ãƒ¼ã€ã®ä»£è¡¨ã€æ•·ç”°æ†²å¸ã§ã™ã€‚ 今回ã¯WEBマーケティングã«æ¬ ã‹ã›ãªã„オウンドメディアã«ã¤ã„ã¦ãŠè©±ã„ãŸã—ã¾ã™ã€‚ オウンドメディアã¨ã¯ã€è‡ªç¤¾ãƒ¡ãƒ‡ã‚£ã‚¢ï¼ˆè‡ªã‚‰ãŒæ‰€æœ‰ã™ã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚ ä¼æ¥ãŒæ¶ˆè²»è€…ã«å‘ã‘ã¦æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ã§ã‚ã‚Šã€è‡ªç¤¾ç™ºè¡Œã®åºƒå ±èªŒã‚„パンフレットã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®è‡ªç¤¾ã‚µã‚¤ãƒˆã®ã“ã¨ã§ã™Â （特ã«ä»Šå›žã¯ã“ã®ã€Œè‡ªç¤¾ã‚µã‚¤ãƒˆã€ã«é™å®šã—ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ï¼‰ã€‚ オウンドメディアを開è¨ã—ã€é‹å–¶ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¯è¦‹è¾¼ã¿å®¢ã€ãƒ•ã‚¡ãƒ³ã®ç²å¾—ã«ç¹‹ãŒã‚‹ã“ã¨ã¨ã€è‡ªç„¶ãƒªãƒ³ã‚¯ç²å¾—ã«ã‚ˆã‚Šãƒ‰ãƒ¡ã‚¤ãƒ³ã®åœ°åŠ›ãŒã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ã™ã€‚ 例ãˆã°ã€å•†å“ã«èˆˆå‘³ãŒãªãã¦ã‚‚ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«èˆˆå‘³ã®ã‚るユーザーã¯ä¸–ã®ä¸ã«å¤šãå˜åœ¨ã—ã¾ã™ã€‚ ã¾ãŸã€å•†å“を購入ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã§æ‹¡æ•£ã—ãŸã‚Šã€å€‹äººãƒ–ãƒã‚°ãªã©ã§è¨€åŠã™ã‚‹ï¼ˆãƒªãƒ³ã‚¯ã‚’貼る）ユーザーã¯ä¸€è‡´ã—ãªã„ã€åŒä¸€ã§ã¯ãªã„ã“ã¨ãŒå¤šã„ã‚‚ã®ã§ã™ã€‚ ãã®ãŸã‚ã€å£²ä¸Š
コンテンツマーケティングã¯Webサイト制作ã®æœ¬è³ªã€‚å°æ‰‹å…ˆã®SEOã®ã‚ˆã†ã«ä¸¸æŠ•ã’ã§æ¸ˆã‚€ã¨æ€ã†ãªï¼ | 生田昌弘ã®ã€ŒWeb担当者ã«å–ï¼ã€
「ã“ã‚Œã‹ã‚‰ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„マーケティングã ï¼ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„SEOã ï¼ã€ã¨Web担当者ã¯è¨€ã†ã‘ã‚Œã©ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„SEOã€ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ‹ãƒ¼ã‚ºã«æœ€é©åŒ–ã•ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ˆã£ã¦SEOã‚’è¡Œã†ã“ã¨ã§ã‚る。 「コンテンツマーケティングã€ã¯ã€ãれよりもã†å°‘ã—広ãã€è‡ªç¤¾ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ¡ãƒ‡ã‚£ã‚¢åŒ–やブランディングã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ä½œã‚Šãªã©ã‚‚å«ã¾ã‚Œã‚‹ã€‚ã—ã‹ã—ã©ã¡ã‚‰ã‚‚ã€ãŠå®¢ã•ã¾ã«æœ‰ç›Šãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ãƒ“ジãƒã‚¹ã«ã¤ãªã’ã‚‹ã¨ã„ã†æœ¬è³ªã¯åŒã˜ã 。ãã‚Œã¯ã€Webサイトを作るã“ã¨ãã®ã‚‚ã®ã¨è¨€ãˆã‚‹ã€‚ ãã—ã¦ã€ã“ã‚Œã¯ä»Šã«å§‹ã¾ã£ãŸè©±ã§ã¯ãªã„。 実ã¯ã“ã‚Œã¾ã§ã‚‚ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„SEOやコンテンツマーケティングã“ããŒä¸€ç•ªé‡è¦ã ã£ãŸã¯ãšãªã®ã 。ã—ã‹ã—ã€ãã®ã“ã¨ã‚’考ãˆãªãã¦ã‚‚ã€ã‚‚ã£ã¨ç°¡å˜ã«é›†å®¢ã™ã‚‹æ–¹æ³•ãŒã‚ã£ãŸã€‚ãã‚‚ãã‚‚ã€ãŠå®¢ã•ã¾ã®å•é¡Œã‚’解決ã™ã‚‹ã¤ã‚‚ã‚Šã®ãªã„Webサイトを制作ã—ã¦ã„る人ã«ã¨ã£ã¦ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„作りã¯æ‰‹é–“ã®ã‹ã‹ã‚‹é¢å€’ãªä»•äº‹ã§ã—ã‹ãªã‹ã£ãŸã€‚
Webサイト制作ã§WordPressã®é…布テーマを使ã†ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã«ã¤ã„ã¦ã€‚ ｜ Tips Note by TAM
2015.11.30 Webサイト制作ã§WordPressã®é…布テーマを使ã†ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã«ã¤ã„ã¦ã€‚ Webサイト制作ã®CMSã¨ã—ã¦WordPressを使用ã—ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã¨æ€ã„ã¾ã™ãŒã€Webサイト制作ã®å ´åˆã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã§ãƒ†ãƒ¼ãƒžã‚’作るã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ TAMã§ã‚‚デザインã‹ã‚‰ä½œæˆã—ã¦ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ†ãƒ¼ãƒžã«ã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€äºˆç®—ã‚„ç´æœŸã«åˆã‚ã›ã¦ã€æ—¢å˜ã®ãƒ†ãƒ¼ãƒžã‚’カスタマイズã—ã¦ä½œã‚‹å–り組ã¿ãªã©ã‚‚è¡Œã£ã¦ã„ã¾ã™ã€‚ 僕も2回ã»ã©æ—¢å˜ãƒ†ãƒ¼ãƒžã‚’カスタマイズã—ã¦ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’è¡Œã†æ©Ÿä¼šãŒã‚ã‚Šã€ãƒ¡ãƒªãƒƒãƒˆã‚„デメリットã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã¨ãã®ãƒã‚¤ãƒ³ãƒˆãŒè¦‹ãˆã¦ããŸã®ã§ç´¹ä»‹ã—よã†ã¨æ€ã„ã¾ã™ã€‚ æ—¢å˜ãƒ†ãƒ¼ãƒžã‚’使ã†4ã¤ã®ãƒ¡ãƒªãƒƒãƒˆ æ—¢å˜ãƒ†ãƒ¼ãƒžã‚’使ã†4ã¤ã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ 有料テーマや野良é…布テーマを使ã†æ™‚ã®æ³¨æ„点 カスタマイズ方法 æ—¢å˜ãƒ†ãƒ¼ãƒžã‚’使ã†4ã¤ã®ãƒ¡ãƒªãƒƒãƒˆ 工数を減らã™ã“ã¨ãŒå‡ºæ¥ã‚‹ ç°¡å˜ã«é«˜å“質
ã€Google Feed API】フィードをèªã¿è¾¼ã‚€ï¼ˆãŠæ‰‹è»½ç‰ˆï¼‰ ｜ Tips Note by TAM
Google Feed APIを使ã†ã“ã¨ã§ã€ä»–ã®ãƒ–ãƒã‚°ã®ãƒ•ã‚£ãƒ¼ãƒ‰ã‚’表示ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ PHPãŒä½¿ãˆãªã„状æ³ã§ã‚‚ã€JSã ã‘ã§å®Ÿè£…ã§ãã‚‹ã¨ã“ã‚ãŒä¾¿åˆ©ã§ã™ã€‚ ç¾åœ¨ã¯ã€APIã‚ーã®å–å¾—ã¯å¿…è¦ç„¡ã„よã†ã§ã™ã€‚ 今後も使ã„回ã—ã‚„ã™ã„よã†ã«ã€ 調ã¹ãŸã‚‚ã®ã‚’自分ãªã‚Šã«æ•´ç†ã—ã¾ã—ãŸã€‚ ■サンプルHTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>TEST html5</title> </head> <body> <h1>フィードã®è¡¨ç¤ºãƒ†ã‚¹ãƒˆ</h1> <div id="feed"></div> <script src="//www.google.com/jsapi"></script> <script src="js/feed.js"></script> </body> </html> APIã¨è¡¨ç¤ºç”¨ã®J
SVGã®Pathをアニメーション化ã—ã¦ãれる大人気jQueryプラグイン「DrawSVGã€
Pathを書ã“ㆠ基本的ãªPathã®å‹•ãã¯å…¨ã¦HTMLã«æ›¸ã‹ã‚Œã¦ã„る。 以下ã®HTMLタブをå‚考ã«ã—ã¦ã¿ã‚‹ã¨ã„ã„ã ã‚ã†ã€‚ シンプルãªä½¿ç”¨æ³• See the Pen Simple usage by Leonardo Santos (@lcdsantos) on CodePen. スクãƒãƒ¼ãƒ«ã§Pathを移動ã™ã‚‹ã€‚ See the Pen Draw on scroll by Leonardo Santos (@lcdsantos) on CodePen. イメージã®MaskPathをアニメーション化ã™ã‚‹ã€‚ See the Pen Animate mask path by Leonardo Santos (@lcdsantos) on CodePen. ãã®è»½ã•2ã‚ãƒãƒã‚¤ãƒˆä»¥ä¸‹ã¨ã„ã†è»½é‡åŒ–ã¶ã‚Šã€‚1å¹´å‰ã¯1ã‚ãƒãƒã‚¤ãƒˆä»¥ä¸‹ã ã£ãŸã‚“ã ã‘ã©ã‚‚ã€å°‘ã—ãšã¤æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã。ãã‚Œã§ã‚‚å分ãªè»½ã•ã§ã™ã€‚ ãŠ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã¾ã£ã¨ã†ãªWebサイトã«ã¯SEOãªã©ä¸è¦ï¼ 検索エンジンよりもユーザーをæ€ã†ã¹ã— | 生田昌弘ã®ã€ŒWeb担当者ã«å–ï¼ã€
{{#tags}}- {{label}}
{{/tags}}