Clik here to view.
【JavaScriptの基本】イベントリスナー
前回の記事でイベントハンドラを登録する方法について解説しましたが、もう一つイベントリスナーと呼ばれるハンドラを登録する方法があります。 HTML属性やDOMプロパティの場合、一つのイベントに一つしかハンドラを割り当てることができませんが、イベントリスナーでは複数のハンドラを割り当てることができます。 今回は、イベントリスナーの使い方について解説していきます。 イベントリスナー...
View ArticleClik here to view.
【JavaScriptの基本】イベントオブジェクト
イベントが発生し、イベントハンドラやイベントリスナーが呼び出されると、イベントオブジェクトというものが渡されます。 イベントオブジェクトには、イベントの詳細情報が保管されています。例えば、登録されている要素やイベントの種類などの情報です。 今回は、イベントオブジェクトについて解説していきます。 イベントオブジェクト イベントを適切に処理するためにも、今何が起こっているのか調べたい時があります。...
View ArticleClik here to view.
WordPressの固定ページのIDを確認・取得する方法
固定ページは、その性質からお問い合わせやLP等、独立したページに使われることが多いです。 そのため、各固定ページを識別して、特定のページにだけ処理を加えたいことがあります。その判別に便利なページIDを取得する様々な方法についてご紹介します。 固定ページのIDはどこで確認できるのか？...
View ArticleClik here to view.
WordPressで投稿や固定ページのタイトルを取得する方法
投稿や固定ページの編集画面には、そのページの見出しを入力する箇所が設けられています。この見出しが記事タイトルや一覧ページの各タイトルに利用されるんですね。 今回は、その個別ページのタイトルを取得・表示する方法についてご紹介します。 個別ページのタイトルを取得する方法 投稿や固定ページ、カスタム投稿等、各個別ページのタイトルは全て下記で取得できます。順番に使い方をご紹介します。 the_title()...
View ArticleClik here to view.
WordPressのデバッグモードでエラーを確認する方法
WordPressでサイトを作っていると、不具合が発生することもありますよね。それらを修正（デバッグ）するためには、その原因がどこにあるのかを探る必要があります。 そこで便利なのが、WordPressのデバッグモードです。管理画面内にエラー内容を表示できるので、そこから原因の究明に繋げられるわけです。 当記事で、デバッグモードを有効化して、エラーを確認する方法を解説いたします。...
View ArticleClik here to view.
Twitterの転載、埋め込み、RTは著作権違反になるのか？
「Twitterに上がっている投稿は転載・埋め込みしてもOK」 というのは、多くの人の共通認識となっています。それはある意味で正しく、ある意味で間違っています。 なぜなら、現実には裁判で判決がひっくり返る可能性があるからです。 本記事では、これまでの事例とTwitter社の公式見解を交えながら、Twitterの投稿の著者権について整理できればと思います。 Twitterの公式見解...
View ArticleClik here to view.
Points of Xとは？5つのベネフィットと差別化のヒントを事例付きで解説
どんな事業でも競合の存在を無視することはできません。 企業はこぞって「他社よりも魅力的」な商品やサービスの開発に勤しんでいるものですよね。競合と差別化できれば、市場で勝ち抜いていける要素になります。 自社が他社より優れている点を発見するのに役立つのが「Points of X」というフレームワークです。消費者と企業の双方で価値となる差別化ポイントを見つけるのは、どんな思考や方法があるのでしょうか。...
View ArticleClik here to view.
WordPressサイトの使用テーマやプラグインがわかる「WP-Search」
特定のWordPressサイトが使用しているテーマ、プラグインを調べたい時ってありますよね。そんな時には、以下の記事で調べることができます。2018.04.10特定のWordPressサイトが使っているテーマやプラグインを調べる4つの方法WordPressを使って普段からサイトを構築している方なら、競合サイトがどのようなWordPressテーマを利用しているかやはり気になりますよねWordPress...
View ArticleClik here to view.
【JavaScriptの基本】バブリングとキャプチャリング
イベントは一つの要素のみで発生しているわけではありません。 イベントが発生する時、きっかけとなる要素から他の要素にも伝搬していくような仕組みになっています。 今回は、イベント伝搬のキーワードとなるバブリングとキャプチャリングの仕組みについて解説していきます。 イベント伝搬 イベント伝搬とは、ある要素からイベントが伝わり広がっていくことです。...
View ArticleClik here to view.
【JavaScriptの基本】Event.targetとEvent.currentTarget
イベント操作の中では、イベントが発生してる箇所を調べたい時が度々あります。 そのような時、Event.targetやEvent.currentTargetで検証を行うことが良くありますが、それらの性質は少し異なります。 今回は、Event.targetとEvent.currentTargetについて解説していきます。 Event.targetとEvent.currentTarget...
View ArticleClik here to view.
WordPressのカテゴリーの整理方法と注意点
記事の数が増えてくると、カテゴリーの見直しが必要になってきます。カテゴリーを整理しないまま記事の数が増えていくと、ユーザービリティは下がってしまいます。 常にどこに何のコンテンツがあるのか、見やすく整理しておくことが重要です。...
View ArticleClik here to view.
YouTubeのBGMに使える無料音楽素材サイト12選
Youtube動画ではテロップや効果音以外にも、BGM（background music）を使うことも多いですよね。 BGMひとつで映像の雰囲気もガラッと変わります。そこで今回は、無料かつ登録不要で、商用利用が可能な音楽素材サイトをまとめてみました。音楽素材探しにご活用いただけると嬉しいです。...
View ArticleClik here to view.
【JavaScriptの基本】イベント移譲
バブリングによって、イベントはターゲット要素から親要素に伝搬されます。 しかし、子要素がいくつもある場合、各子要素にハンドラを割り当てて親要素までイベントを伝搬させるのは少し手間です。 そこでイベント移譲という仕組みを使って、より多くの要素を処理できるようにします。 今回は、イベント移譲について解説していきます。 イベント移譲...
View ArticleClik here to view.
【JavaScriptの基本】デフォルト動作のキャンセル
ブラウザには、リンクをクリックするとURLへアクセスしたり、フォームの送信ボタンをクリックすると情報がサーバーに送られるなどのデフォルト動作が設定されています。 しかし、JavaScriptでイベント操作を行う際に、このようなブラウザのデフォルト動作は必要ないことがあります。 今回は、デフォルト動作をキャンセルするための方法について解説します。 Event.preventDefault()...
View ArticleClik here to view.
非エンジニアも使えるバージョンの書き方を解説
アプリやソフトウェアでよく目にするバージョン。「働き方2.0」や「Web3.0」などの表現にも使われていますよね。 バージョンはエンジニアだけのものではなく、書き方を覚えれば、一般的なファイルや資料の管理等にも役立ちます。というわけで今回は、誰もが使えるバージョンの書き方ついてご紹介いたします。 バージョンの書き方...
View ArticleClik here to view.
iOS標準アプリ「ショートカット」の使い方解説
「ショートカット」アプリは、iPhoneやiPadでの面倒な複数の操作を自動化してくれる、とても便利なツールです。 アクションを組み合わせてショートカットをつくることによって、例えば、次のようなことがショートカットアイコンをワンタッチするだけ実行できます。 Wi-Fiをオンにする カレンダーを開かずに予定を入れる 特定の誰かにすぐメッセージ 近くのコンビニまでの最短ルートを調べる...
View ArticleClik here to view.
誤ったトピッククラスターは危険！よくある間違いと正しい実践方法を解説
トピッククラスター（topic cluster）と呼ばれる概念がSEOにはあります。 トピックは話題、クラスターは群れ、集まりという意味。トピッククラスターを直訳すると「話題の集まり」となり、SEOにおいては以下のような手法を指します。...
View ArticleClik here to view.
【JavaScriptの基本】新しいイベントの発生
イベントはブラウザを見ているユーザーの操作によって発生しますが、JavaScriptで新しいイベントを作成し、特定の対象でイベントを実行することもできます。 今回は、新しいイベントの発生方法について解説していきます。 新しいイベントの作成 新しいイベントを発生させるためには、まずイベントの作成が必要です。 Eventオブジェクトのコンストラクタを使用します。 new...
View ArticleClik here to view.
【JavaScriptの基本】マウスイベント -ボタン操作
イベント概要シリーズではイベントの全体的な操作について見てきましたが、その中では主にクリックイベントを使用して解説しました。 クリックイベントはマウスイベントの一つで、マウスイベントにもさまざまな種類や特徴があります。 そこで今回は、マウスイベントのボタン操作について解説します。 ボタン操作イベントの種類 マウスイベントには数多くの種類があります。主にボタン操作とカーソル移動に分けられます。...
View ArticleClik here to view.
実機に近いモバイルデザインを簡単に再現できる拡張機能「Mobile FIRST」
ホームページやWebサイトは、スマホやタブレットなど、様々なデバイスで閲覧されることを考える必要があります。 Chromeのデベロッパーツールでもモバイルデザインのシミュレーションはできますが、多機能な反面、操作画面は少し煩雑な印象です。Webサイトの資料やプレゼンとして見せたいときにはあまり向いていません。 そこで今回は、モバイルデザインの再現のみに特化したChromeの拡張機能「Mobile...
View Article