サイト別新着一覧（記事更新順）

かちびと.net

http://kachibito.net

• 08/10 09:57インタラクティブな3Dデジタル地球儀やAIアシスタントも用意されたオープンソースのGoogleアナリティクス向けダッシュボード・「GA4 Dashboard」
• 08/09 09:57シンプル且つ直感的な操作が可能なオープンソースのデータベーススキーマエディター及びSQLジェネレーター・「drawDB」
• 08/08 10:013Dプリンター向けに開発されたクロスプラットフォーム対応でオープンソースのパラトメリック3次元CADアプリ・「SindriCAD」
• 08/07 10:02編集性を備えたAIネイティブなオープンソースのモーショングラフィックエディター・「Motionly」
• 08/06 10:01Framer代替として開発されたオープンソースのビジュアルWebサイトビルダー・「Revyme」

コリス

http://coliss.com

• 08/10 09:32セール初登場がたくさん！ Kindle本の超ビッグセールが開催、デザイン、Web制作、イラストの良書が文句無しの最安値
• 08/07 09:36まさに仕事で使えるAI解説書の決定版！ Gemini Notebook（NotebookLM）が使いこなせるようになる -AI仕事最速大全
• 08/06 09:36CSSの進化がすごい！ JavaScriptなしで、遷移元と遷移先で異なる挙動を実現するルートとナビゲーションの連携機能
• 08/05 09:36最近のデバイスに対応したブレイクポイントがすぐに分かる！ レスポンシブを設計する際に役立つツール -ScreenSize.net
• 08/04 09:36Web制作者は要チェック！ カメラにアクセスできるusermedia要素など、Chrome 151で追加された6個の新機能

バズ部

http://bazubu.com

• 08/07 20:00バズ部のAI対策(LLMO/AI SEO)支援に関するよくある質問
• 07/28 12:08LLMO/AI SEO対策に強い支援会社の選び方 ーAI検索経由の問い合わせを6倍にした担当者が教える見極め方
• 07/12 19:59なぜ「もっとコンテンツを作る」ほど成果から遠ざかるのか｜海外レポート【バズ部社長AI活用コラム】
• 07/10 22:13AIが何でも書ける時代の、人を動かすフックの型「RISE」｜海外レポート【バズ部社長AI活用コラム】
• 07/06 20:05小手先のAI対策がむしろ会社の信頼を下げる理由

Webクリエイターボックス

http://www.webcreatorbox.com

• 08/07 07:57PUBVOICEでブログ記事を音声化してみた
• 07/24 08:01レイヤー化も！ChatGPTでバナーデザインに挑戦
• 07/24 08:01レイヤー化も！ChatGPTでバナーデザインに挑戦
• 07/03 08:06グルテンフリーのお店を探せる「GF Only」というWebサイトを公開しました！
• 07/03 08:06グルテンフリーのお店を探せる「GF Only」というWebサイトを公開しました！

ferret [フェレット]

http://ferret-plus.com

• 08/05 08:00デジタルマーケティングツールUser Insight、AIO・LLMO対策状況チェックから改善策提案までを「LLMOダッシュボード」で一元管理
• 08/04 08:00マーケティング情報を探す時間を短縮！動画・資料で学べる情報収集メディア「ferret One Studio」
• 07/29 08:00動画・PDF・画像をまとめてAIが理解、複数資料の横断検索に対応
• 07/22 08:00AI検索時代のブランド可視化ツール「Optyino.ai」、AIエージェントからダッシュボードデータを直接参照できる「MCP接続」機能を一般公開
• 07/15 08:00なぜあの会社は毎日配信できるのか？タイパ重視のメルマガ運用術【株式会社コンビーズ】

インバウンドブログ

http://www.m-hand.info/blog/

• 07/31 17:28SNS発信×採用サイト設計 無料オンラインセミナー開催のお知らせ
• 07/27 14:52夏季休業のお知らせ（2026年8月13日～8月16日）
• 07/27 11:59株式会社日本ハムビジネスアソシエ様のコーポレートサイトのリニューアル制作を担当いたしました。
• 07/16 15:57ヤマト住建株式会社様の、会員募集サイト制作を担当いたしました。
• 06/30 19:41アミタ株式会社様の情報発信サイト「おしえて！アミタさん」のリニューアル制作を担当いたしました。

SeleQt（セレキュト）

http://www.seleqt.net/

• 07/25 03:28身近な酸化・還元の例16選！さび・カイロ・製鉄…身の回りの例を中学理科レベルで解説
• 07/25 03:28身の回りの酸性・アルカリ性のもの一覧！レモン・重曹・海水などpHをわかりやすく解説
• 07/25 03:28身の回りの物理変化の例12選！氷・湯気・ドライアイス…化学変化との違いもわかりやすく解説
• 07/03 13:04フリーランスエンジニア向けエージェント比較｜案件・手数料・リモートで選ぶ
• 07/03 13:04プログラミング学習サイト オンラインおすすめ比較｜独学者向け失敗しない選び方

PHPSPOT開発日誌

http://phpspot.org

• 07/22 09:00これまでJavaScriptで実装していたWebUIを最新のHTMLとCSSだけで軽く作るためのコード実装例集
• 06/24 09:00CSS設計手法「BEM」を絵文字だけで表現する実験的プロジェクト「BEMoji」
• 06/24 09:00CSS設計手法「BEM」を絵文字だけで表現する実験的プロジェクト「BEMoji」
• 05/27 09:00classを付与するだけで気持ちいいアニメーションを実装する「AliveUI」
• 04/22 09:00heerich.js — SVGで3Dボクセルが描けるエンジン

Naifix

http://naifix.com/

• 07/21 11:17Google Search ConsoleのURL検査を一括実行できるおすすめツール
• 07/03 22:14WordPressからAstro＋ヘッドレスWPに移行した手順
• 05/13 16:45WordPress投稿をマークダウンに変換してAIで分析する方法
• 04/03 22:20一般的なサイトは「Googlebotの2MB制限」に対応しなくてよい理由
• 03/25 13:14metaタグや構造化データの重複をチェックできるおすすめツール

SEO Japan

http://www.seojapan.com

• 07/17 11:48YMYLとは？Googleの評価基準と対象ジャンル・SEOの成功事例
• 06/23 19:14E-E-A-Tとは？Googleの評価基準とAI検索時代での考え方と事例
• 04/23 14:00【実践版】トピッククラスターとは？実際のSEO運用で見えたAI時代に強い作り方と事例
• 04/03 16:01AI主導のローカル検索を強化するFAQの作成方法
• 02/20 09:004つのAI検索実験が明かす、アトリビューションと購買決定の真実

モバイルマーケティング研究所

https://moduleapps.com/mobile-marketing/

• 06/11 14:30OMOアプリ開発ガイド｜費用・システム連携・運用まで解説
• 06/08 09:45小売マーケティングとは？データ活用で販促と収益化を進める実践ガイド
• 05/20 11:00【業界別】アプリUXレポート Vol.2 ホテルアプリ編
• 03/30 18:00社内アプリ開発のポイント | 機能・開発手法を徹底解説
• 03/26 11:59「どこに投資すれば購買に繋がるのか？」主要プラットフォームを徹底比較。リテールメディア動向レポート③【無料】

Web Design Magazine

http://webdesignmagazine.net/

• 06/07 16:12おしゃれなヘッドホンスタンド7選。かわいい木製のヘッドフォンスタンドもおすすめ
• 05/24 00:54おしゃれな小型冷蔵庫・ミニ冷蔵庫のおすすめ7選。インテリアになるかわいいデザインも
• 05/13 00:20おしゃれなスコップのおすすめ7選。かわいいデザインからガーデニングスコップまで
• 05/07 00:07おしゃれなピンクッション・針山6選。かわいいデザインもおすすめ
• 04/30 13:28おしゃれなブックバンドのおすすめ6選。かわいいデザインから手帳バンドまで

BlackFlag

http://black-flag.net

• 03/03 09:15CSSのハックやベンダープレフィックスなどの古い記述方法をチェックしてくれる「ReliCSS」
• 09/25 09:15WebサイトのCSSを解析してパフォーマンス・保守性・複雑性を評価してくれる「Online CSS Code Quality Analyzer」
• 05/13 09:15Webページで使用するさまざまな動きのアイデアをまとめた「Web Motion Catalog」
• 04/01 09:15CSSのfilterプロパティを一覧で設定できる「CSS Filter Preview」作ってみました
• 03/04 09:15直感的なマウス操作で任意のサイズのダミー画像を生成できる「Image Elf」

UX MILK

http://uxmilk.jp/

• 09/08 10:40UX MILK クローズのお知らせ
• 09/16 11:41「これからのUX MILK/JAMを考える」開催
• 09/16 11:41「これからのUX MILK/JAMを考える」開催
• 09/16 11:41「これからのUX MILK/JAMを考える」開催
• 09/16 11:41「これからのUX MILK/JAMを考える」開催

web0pixel

http://www.webopixel.net/

• 08/03 23:002025年7月 webトピックス
• 07/02 23:122025年6月 webトピックス
• 06/01 22:452025年5月 webトピックス
• 05/03 11:512025年4月 webトピックス
• 04/03 23:312025年3月 webトピックス

TechAcademyマガジン

https://techacademy.jp/magazine/

• 11/21 10:04海外で話題沸騰中！イマーシブラーニング（没入型学習）とは？特徴や事例(国内外)をわかりやすく解説
• 09/04 17:55【今さら聞けない】NVIDIAがサカナAIの大株主になったニュースが注目を集める理由5選
• 08/28 16:2550代のビジネスパーソンがリスキリング、オリジナルのアプリ開発で総務部門の定期タスクにかかる時間を87.5%削減
• 08/23 18:18もうプロンプトはいらない？ソフトバンク、誰でも使える生成AI「satto」ベータ版提供開始！
• 08/22 18:13Midjourney、ついにWeb版リリース！ブラウザから手軽に画像生成が可能に

バンクーバーのうぇぶ屋

http://webya.opdsgn.com

• 09/11 07:28絶対に相容れない対極的なワーホリ利用者の実態、なぜワーホリ論争は起こり続けるのか
• 05/25 10:44高卒の僕が北米で会社作って10年が過ぎた結果と、日本が世界で戦うためにリターンズ
• 05/25 10:44高卒の僕が北米で会社作って10年が過ぎた結果と、日本が世界で戦うためにリターンズ
• 05/25 10:44高卒の僕が北米で会社作って10年が過ぎた結果と、日本が世界で戦うためにリターンズ
• 07/31 12:36日本を新たなステージに上げるため、僕が必要だと思っている日本人の大量海外進出とハイグイ化

Design Develop

http://design-develop.net

• 04/08 00:27【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
• 04/08 00:27【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
• 03/21 14:02【商用可】アナログ感のあるドローイングフリーフォント「THRONE」
• 03/21 14:02【商用可】アナログ感のあるドローイングフリーフォント「THRONE」
• 03/17 15:42アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」

YATのBlog

http://wp.yat-net.com/

• 02/02 12:30Chrome 拡張機能「ZOOM hidden vjs-control-bar」を作りました
• 02/02 12:30Chrome 拡張機能「ZOOM hidden vjs-control-bar」を作りました
• 12/26 10:43プロの Web デザイナーは3分という制限の中で、どれだけ訴求力の高いバナーをつくれるのか？【Adobe Express編】
• 11/01 11:18Web サイト制作の学習で JavaScript になると途端に感じるをハードル下げるためのコツ
• 11/01 11:18Web サイト制作の学習で JavaScript になると途端に感じるをハードル下げるためのコツ

creive（クリーブ）

http://creive.me

• 12/01 21:06【裏技】知らない人は損してるなあと思うこと50個「まとめ」
• 12/01 19:40CSSで要素を横並びにする方法(floatとdisplayの使い方を解説)
• 12/01 11:55魅力的なプレゼン資料や企画書作成のコツ【参考スライドあり】
• 12/01 11:36ネガティブな言葉をポジティブに変換する方法【言い換えるだけで気持ちが変わる】
• 12/01 10:52文章力を上げる方法｜上手い文章の書き方や文章構成が学べる7つの記事と参考本

Design Spice

http://design-spice.com

• 07/24 18:20FigmaのVariableの使い方
• 07/24 18:20FigmaのVariableの使い方
• 08/02 09:34Figmaのベクターデータの編集のしかた
• 08/02 09:34Figmaのベクターデータの編集のしかた
• 05/11 12:37XDユーザーがFigmaを使う時に知っておくと理解が早まるポイント

ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com

• 06/05 11:54年間200本のセミナーで知った、成功するプレゼンと失敗するプレゼンの違い
• 02/08 13:03Clubhouseに思うこと。あるいはそういう場で簡単に人に騙されない為の見分け方。
• 02/08 13:03Clubhouseに思うこと。あるいはそういう場で簡単に人に騙されない為の見分け方。
• 02/08 13:03Clubhouseに思うこと。あるいはそういう場で簡単に人に騙されない為の見分け方。
• 11/11 23:01隣のクラスの同級生の顔が誰一人としてわからない世界というお話

Gimmick log

http://gimmicklog.main.jp/

• 05/04 15:26Looker Studioで文字列を置換、削除する関数の使い方
• 05/04 15:26Looker Studioで文字列を置換、削除する関数の使い方
• 05/04 15:26Looker Studioで文字列を置換、削除する関数の使い方
• 04/29 18:18Tableauでフラグを立てる方法
• 12/28 00:34GA4でコンバージョンを設定して結果を分析レポートで確認する方法

NxWorld

http://www.nxworld.net/

• 02/28 09:00Goodbye World
• 12/23 09:00Monthly Bookmarks 2022/10 – 2022/12
• 10/18 09:00WordPress向けの様々なコードジェネレータを公開している「WPTurbo」
• 08/31 09:00Monthly Bookmarks 2022/07 – 2022/09
• 04/30 09:00Monthly Bookmarks 2022/04 – 2022/06

DesignColor

http://designcolor-web.com/

• 02/02 09:00肩書きなしで自分を紹介できる？「感性的自己紹介」とは
• 02/02 09:00肩書きなしで自分を紹介できる？「感性的自己紹介」とは
• 10/18 09:00知ってる？自分にとってベストな休息とタイミング【イベントレポート】
• 09/12 09:00育児中のフリーランスがコロナになったら？感染前からできる対策・やったことリストなど
• 09/12 09:00育児中のフリーランスがコロナになったら？感染前からできる対策・やったことリストなど

コムテブログ

http://commte.net

• 01/22 15:12Python : duck typing（ダックタイピング） とは
• 01/14 14:21Python : 再帰は大きな問題が小さな問題に収束するように使う
• 01/14 14:21Python : 再帰は大きな問題が小さな問題に収束するように使う
• 12/07 12:50Python: f-string（f 文字列）と「:」の便利な使い方
• 12/06 11:33Python: bytes 型 と str 型の違い。変換方法

IT速報

http://blog.livedoor.jp/itsoku/archives/cat_884375.html

• 05/28 20:40【悲報】痛いニュース、16日間も更新してないのにIT速報よりアクセスが多い。もう終わりだよこの国
• 05/15 19:05【悲報】まとめサイト最大手の「痛いニュース(ﾉ∀`)」、更新が途絶える
• 05/15 19:05【悲報】まとめサイト最大手の「痛いニュース(ﾉ∀`)」、更新が途絶える
• 04/18 17:10【悲報】NTTデータ、SEOコンサルをマナブさんに頼んでいた
• 07/06 19:02WEBの副業だけで月収30万円近く稼いでる大学生やけど質問ある？

CSS Nite

http://cssnite.jp

• 01/17 22:31CSS Nite LP67 「All About XD (update 2020)」のフォローアップを公開します
• 01/17 22:31CSS Nite LP67 「All About XD (update 2020)」のフォローアップを公開します
• 07/15 19:00LP66「デザイントレンド」感想戦（フォローアップ公開記念）
• 07/15 18:15CSS Nite LP66 「デザイントレンド特別版」フォローアップ（3）Webデザイントレンド ［自治体編］
• 07/15 18:15CSS Nite LP66 「デザイントレンド特別版」フォローアップ（2）Webデザイントレンド［特別版］

WPJ

https://www.webprofessional.jp/

• 01/23 03:37WPJ 1970-01-01 09:00:00
• 08/22 14:55「Apple Search Ads」日本上陸！広告運用担当者が押さえたいポイント6つ
• 08/20 11:50手軽になったインスタ「ストーリーズ」広告、設定・出稿方法まとめ
• 08/07 14:04コードを書きながらデザインできる「Hadron」ってどんなツール？
• 05/23 13:51A/Bテストが無料で捗る！「Google オプティマイズ」の設定と使い方

Webディレクターズマニュアル

http://web-d.navigater.info

• 11/08 23:31ディレクターかくあるべし？スキルを可視化する『ディレクション検定』の中身について中の人に聞いてきた
• 11/08 23:31ディレクターかくあるべし？スキルを可視化する『ディレクション検定』の中身について中の人に聞いてきた
• 11/15 23:47ディレクターに求められる『サービスデザイン視点』ってつまり何だ？ 広義のデザインとデザイン経営を体験として学ぶセミナーシリーズについて
• 07/16 17:31プロジェクト失敗を『誰かのせい』で終わらせるディレはきっと、ずっとチームに恵まれない
• 09/12 12:20アドテクはまだ万能じゃない。人が逆算すべき『ユーザーの未来からの施策設計』について

LIG (リグ)

http://liginc.co.jp

• 08/21 06:00WebP（ウェッピー）で画像を軽量化！非対応ブラウザでも切り替える方法
• 08/20 06:01質感や温度を表現するフォントとPhotoshopのレイヤースタイルをご紹介します！
• 08/20 06:00LIGエンジニア主催イベント「LIG SHIP for Engineers」を開催します！！※9/12(木)19:15〜＠いいオフィス上野
• 08/09 06:01文字装飾デザイン基本の10パターンを参考例とともにご紹介します！
• 08/09 06:002019年度、夏休みの予定をお知らせします

Webpark

http://weboook.blog22.fc2.com/

• 05/17 07:25jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
• 05/14 23:02Webpark 1970-01-01 09:00:00
• 10/28 07:25jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
• 09/28 07:41プレゼン資料のデザインに役立つスライド、サイト、記事と私が感じたこと
• 09/28 07:41プレゼン資料のデザインに役立つスライド、サイト、記事と私が感じたこと

Web担当者Forum

http://web-tan.forum.impressrd.jp/

• 04/03 20:39[ユーザー投稿] 「解決が難しい目的」を「解決できる目的」にしてマーケティングを向上させる。
• 04/03 16:03JALとJapanTaxiはITを活用し空と陸上の移動をスマートにする協業を開始
• 04/03 15:56さくらインターネット、キングソフトと協業し、「WPS Office」をさくらVPS for Windows Serverで提供開始
• 04/03 15:51ブレインパッド、統計数理研究所 前所長 樋口 知之氏が顧問として就任
• 04/03 15:37[ユーザー投稿] 狙い通りの原稿を書いてもらうために。依頼用の共有シートを作ろう

markelog（マーケログ）

http://www.nusacm.org

• 10/22 17:44【2018年版】ブログに最適！ブログにおすすめのWordPressテーマ30選／ブログ・日本語対応編
• 10/22 17:44【2018年版】ブログに最適！ブログにおすすめのWordPressテーマ30選／ブログ・日本語対応編
• 10/02 17:41【2018年版】ブログ運営に必須なおすすめのWordPressプラグイン15選
• 09/18 17:08【2018年版】SEOに強い！SEO対策でおすすめのWordPressテーマ30選／SEO対策万全・日本語対応編
• 09/05 11:52【2018年版】有料でおすすめのWordPressテーマ30選／有料・日本語対応編

WEBマーケティング ブログ

http://web-marketing.zako.org

• 05/21 00:05スクリーンショットをフェイクブラウザの枠に収めた画像にする「Screely」
• 05/21 00:05スクリーンショットをフェイクブラウザの枠に収めた画像にする「Screely」
• 04/23 00:05Chromeのタブを開きすぎてしまう人のための拡張機能「xTab」
• 04/16 00:42地図がオンライン・ホワイトボードになる「MapBoard」
• 04/09 01:16サイトのSEOチェックができるChrome拡張機能「Checkbot」

A40

http://katoshun.com

• 02/17 04:02A40 1970-01-01 09:00:00
• 12/22 18:15ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個
• 12/22 18:15ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個
• 07/29 08:30Webデザイナーの私が自分のサイトを持って良かったと思う7つのメリット
• 07/02 23:01書籍「レスポンシブWebデザインテクニックブック」に執筆しました

インターネット・アカデミー

https://www.internetacademy.jp/blog/ja/

• 01/31 16:05アップデートされたPhotoshopの「被写体を選択」機能をご紹介！
• 01/29 11:27様々な企業がAIに注目！高まるIT人材需要
• 01/26 20:29どんどん波及していくITの波！日産の新CMにも変化が！？
• 01/24 20:28Googleが全WebブラウザーのAR体験実装プロジェクトを発表！
• 01/19 17:54自分でプログラミングできるAI搭載ロボット日本上陸！おもちゃ業界まで広がるAIの波

ON Search

http://www.usertest-onsearch.com

• 12/21 14:38【連載】高速ユーザーテスト実践講座　第12回（最終回）「UX活動の始め方」
• 12/07 14:27【連載】高速ユーザーテスト実践講座　第11回「反復設計」
• 11/25 13:23【連載】高速ユーザーテスト実践講座　第10回「再設計」
• 11/09 12:45【連載】高速ユーザーテスト実践講座　第9回「データ分析法（その2）」
• 10/19 12:32【連載】高速ユーザーテスト実践講座　第8回「データ分析法（その1）」

Arch

http://www.ar-ch.org

• 11/01 13:20Arch 1970-01-01 09:00:00
• 10/13 09:36プロダクトの品質を高める『フィードバック』
• 03/03 09:20Sassの色生成ジェネレーターを作りました
• 03/03 09:20Sassの色生成ジェネレーターを作りました
• 01/06 10:10【Photoshop】グラデーションマスクの線状、円状のかけ方

HTML5でサイトをつくろう

http://www.html5-memo.com/

• 10/23 14:51まずはここから始めよう！作業効率を早めるPhotoshopとIllustratorのショートカットまとめ（ファイル操作・コピペ・ズーム関連）
• 07/19 11:33Instagram（インスタグラム）の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。
• 12/28 12:52アプリ風インターフェイスのフォトギャラリーをCSS3で作成する【jQuery連載17】
• 12/24 10:51マウスホイールに動きで横にスクロールの横長ページを作成する【jQuery連載16】
• 07/31 16:24マウスホイールで1画面毎にページを遷移するパララックス風レイアウトを作成する【jQuery連載15】

ウェブデザインライブラリー

http://www.webdesignlibrary.jp

• 08/26 16:42ウェブデザイナーへのカラーガイド
• 06/10 10:382016年のウェブタイポグラフィトレンドのゆくえ
• 05/27 09:58ウェブデザインに影響を与えるモノは何か？
• 05/13 21:34科学的デザインに隠されたウェブサイト最大のリードとは
• 04/15 13:46eコマースのトレンドデザイン2016

scrmble

http://scrmble.jp

• 08/25 15:28ネタに詰まった時に参考になる事例つきデザイン・レイアウト集
• 08/25 15:12これが世界のトップ企業のデザインのこだわり！参考になりすぎるスタイルガイド7選
• 08/25 15:00「天才か」と思わずつぶやきたくなる画期的なアイデアのiPhoneアプリ5選
• 08/25 14:43プレゼン資料はオンラインで作る時代！優秀なプレゼンツール5選
• 08/25 14:26本当に役立つ情報はインタビューにある！時間を見つけて読みたいインタビューサイト9選

Webデザインレシピ

http://webdesignrecipes.com

• 02/20 21:203冊目の著書 – 基礎からのWordPress – を執筆させていただきました！
• 01/04 11:20はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
• 01/04 11:14書籍「サイトのタイプ別につくる Webデザインテクニックブック」に執筆させていただきました
• 12/25 10:042冊目の著書 – やさしくはじめる WebデザイナーのためのjQueryの学校 – あとがき
• 11/26 10:00jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）