2020-09

Programming

JSで日本語URLをエンコードして使用可能にする方法

日本語のURLはそのままでは扱うことが出来ません。日本語のURLを使用したい場合はエンコードと言われる処理を行う必要があります。今回はその日本語URLをエンコードする方法を紹介して、日本語URLを使用可能にする方法を解説します。
Programming

完璧なレスポンシブを目指すならmeta viewportも理解しよう

今回の記事では、レスポンシブ対応で影が薄くなりがちなmeta viewport(メタ ビューポート)についてを紹介します。meta viewportは、スマホやタブレットなどのモバイル端末で最適なWeb表示させるために必要なHTMLタグです。
Programming

配列を定義する方法:JavaScriptの基礎24

JavaScriptでは複数の文字列、複数のユーザーデータ、複数のデータの取り扱いを得意とします。 今回の記事では、良く使われるJavaScriptでの配列の定義の仕方紹介します。
WEB

URLの「E%20」の様にグチャグチャな表示の文字列は何?

今回はURLで表示されている「E%20」の様な変な文字列は何なのか?何か意味はあるのか? を解説します。
Programming

WordPressの固定ページと投稿の違いを分かり易く解説

今回はWordPressの管理画面にある"投稿"と"固定ページ"の違いを徹底的に解説します。実は色々と違いがあり、両者とも最適な使い方はあるので今回の記事でしっかり理解して使い分けれる様になりましょう。
Side job

AdSense広告を記事中の好きな場所に表示させる方法

今回はGoogle AdSense広告を記事中の好きな場所に表示させる方法を紹介します。アドセンス広告の中で最もクリック率が高いと言われているのは記事中広告だと言われています。 ただWordPressでブログサイトを作っている素人の方は、基本的にウィジェットや管理画面から決められた位置に記事中広告を配置しているのではないでしょうか?
WEB

【超簡単】XDでアンカーリンクを作成する方法

今回はAdobe XDでページ内のアンカーポイントを行き来するアンカーリンクを作成する方法を紹介します。 アンカーリンクは、WEBサイトでは結構多用する要素なのでXDで方法を覚えておけばワイヤー作成時に分かりやすくなり、作業者との認識違いも減り作業効率が上がります。
Programming

JavaScriptで良く使われる正規表現一覧まとめ

文字列の置き換えや検索などをより便利に行うためにJavaScriptでは正規表現を使用する事が多くあります。例えばアクセスしているブラウザーIOSのものかどうかを判定したいときに「iPhone/iPod/iPad」のユーザーエージェントを判定しますが、従来通りの方法だと各種(3つ)のプログラムを書かないといけないが、正規表現を使う事で一つにまとめる事が出来ます。 他にも特定の文字絵列が含まれているかどうかや、電話番行の構成かどうかや判定できたりします。
WEB

XDでスライド式メインビジュアルを表現

この記事ではAdobe XDでWEBサイトで良くあるスライダー式のメインビジュアルを表現する方法を紹介します。XDを使用すれば約5分と超簡単にスライダーを表現する事が出来ます。 ディレクション時や先方や外注先にスライダーの動きを伝えたい時などに便利なので是非覚えてみて下さい。
WEB

XDで良くあるグロナビを表現(無料サンプル)

この記事ではAdobe XDでWEBサイトで良く使われているグローバルナビゲーションのUIデザインの作成の仕方を紹介します。 またより理解しやすくするために、今回紹介するサンプルのXDデータも配布しています。 実際のデータを確認して実際にいじってみるのが一番理解できるかと思います。
Tool/App

手書きの文字をWEBサイトで表示する方法

今回は紙に書いた手書きのサイン等をWEBサイトに綺麗に表示する方法を紹介します。現実世界で紙に手書きで書いた実筆サインをWEBサイトに表示させたい。といった要望はたまーにあります。
Programming

正規表現で特定の文字列が含まれているか調べる方法

今回はJavaScriptと正規表現を使って本文中に特定の文字列が含まれているかどうかを調べる方法を紹介します。検索の仕組みの基本的な方法なので、しっかり覚えておきましょう。