ホームページ制作全般

【コピペでできる】楽天市場の帯バナー

楽天スーパーセールやポイントアップキャンペーンのとき、お店の賑わい感を出すことができるバナーといえば何でしょうか？特に販促効果が高いバナーといえば上下に伸びる帯バナーです。本記事では楽天市場の商品ページ、カテゴリページに設置できる帯バナーの

【Gulp】browser-syncのLiveReloadが動かないときの直し方

Gulpのbrowser-syncのLiveReloadがうまく動かないということはありませんか？browser-syncの記述は正しいにも関わらずLiveReload機能が働かないのはHTMLが原因かもしれません。browser-sync

【Yahoo!ショッピング】好きな色をリンク色に指定する

Yahooショッピングは一括でテキストリンクの文字色を変更できますが、好きな箇所のリンク色を自由に変更できたらいいと思いませんか？今回紹介するのは好きな箇所のリンク色を変更できる方法です。リンク色を変更するための事前準備Yahooトリプルに

コピペでOK！楽天市場の検索窓デザイン

楽天GOLDページにオリジナルの検索窓を設置したい。検索窓を自由にカスタマイズしたい。という悩みを解決します。デフォルトの検索窓は必要最低限の装飾しかしておらず、正直使いづらいです。また、検索窓をデザインしてカスタマイズするにはHTML、C

【楽天市場】ページ下部固定バナーを設置する

楽天市場のPCページ、商品・カテゴリページの下部にバナーを固定設置する方法をデモを交え解説します。ページ下部バナーは常に目に留まるところに表示されるため、セールやキャンペーンを効果的にお客様に訴求することができます。HTMLとCSSのみで設

中国上海のメイソウ（名創優品）に行ったら著作権無視のパクリ商品の天国だった！？

メイソウ（名創優品）のロゴは赤いバック形と白文字のロゴのデザインはユニクロのそれと、名前はダイソーと無印良品を混ぜたものと、どこか日本で見たことのあるものです。 カタカナで”メイソウ”と書かれていますが、日本の企業ではなく中国の企業です。 ただし、本社は東京の銀座に置かれており、日本製品への信頼を寄せる層…

Uber Eatsで配車リクエストが全然鳴らない原因と試すべき７つの解決方法。カギは評価と現金払い。Uber Driverで賢く稼ぐためのアドバイス

副業でウーバーイーツの配車を初めて半年くらい立ちますが、ときどき依頼がまったくこないってことありますよね。さっきまでアプリにリクエストが入りまくってたのにどうして？システム障害でも起きてるの？って不満に感じたことはUber Driverをやっている方なら一度や二度ではないはず。 私は週末に都内の飲食店が多いエリアでウー…

毎月同じ日に表示／非表示を切替えるJavaScript

セールなどのイベント日だけ表示させたい画像やバナーはありませんか？JavaScriptを使えば毎月同じ日だけバナーを表示することができます。楽天市場の「5と0のつく日」や「毎月1日のワンダフルデー」、Yahoo!ショッピングの「5のつく日」

スマホ対応 誰でも簡単プログラミング講座 目次[初心者向けJavaScript解説 初級編]

誰でも簡単プログラミング講座 スマホ対応[初心者向けJavaScript解説 初級編]シンプルに短く、わかりやすく解説 【YouTubeプレイリスト】 paiza.io 超初心者向けのプログラミング学習・解説向けの動画・テキストを公開することにした。 プログラミングをまったく知らない人でも段階を踏んで確実に学んでいけるように、シンプルに、短く、わかりやすく解説。 書いたプログラムをスマホですぐ実行する方法についても詳細説明。 プログラムを書いて実行する環境は、ブラウザ上で動く「paiza,io」というサイトのサービスを利用。 目次 第1回 プログラミング言語の基礎（テキスト版） プログラミングの基本的な考え方やプログラミング言語の仕組み、そして変数（へんすう）について

スマホ対応 誰でも簡単プログラミング講座 第1回 プログラミング言語の基礎 [初心者向けJavaScript解説 初級編]

【YouTubeプレイリスト】 paiza.io 今回からプログラミングに興味のある方に向けて、初心者向けの解説を行っていきたいと思います。 できるだけシンプルにわかりやすく説明し、スマホでも実行可能な形で進めていきますので、しばらくお付き合いください。 プログラミング言語 プログラムとは、コンピュータに対する指示の集合体であり、それはプログラミング言語と呼ばれる独特な言葉と文法に基づいて記述していきます。 この講座では「JavaScript」（ジャバスクリプト）という、今、最も需要が高いと考えられるプログラミング言語を用いて説明していきます。 準備 せっかくプログラムをつくっても、それを実際に動かす＝実行する環境がなければ意味がありません。 そこで、ここからは「paiza.io」（パイザ・アイオー）というウェブ上で簡単にプログラムを実行できるサービスを利用していきます。 ログインの必要なく、そのサイトにアクセスするだけで、すぐプログラムをつくり、すぐ実行できるという優れものです。 https://paiza.io/ja/projects/new ご覧のURLにアクセスしてください。スマートフォンでも、問題なく表示されるはずです。 最初にアクセスした時点では、左上の緑のボタンに「PHP」と表示されているかもしれません。 これは別のプログラミング言語ですので、そのボタンをタップして「JavaScript」に変更してください。 これで、プログラムを実行する準備が整いました。 ちなみに、エディタの1行目と2行目にいろいろ書かれていますが、これはpaizaで必要な処理が記されているだけですので気にしないでください。 実際にあなたが自分のプログラムをする場合は、これの3行目から書いていきます。 プログラミング解説：変数 それでは、さっそく具体的なプログラミングについて解説に入っていきましょう。 最も初歩的でありながら、今後、最も必要になる「変数」（へんすう）についてです。 いきなり聞きなれない言葉が出てきましたが、気にする必要はありません。 妙な名前が付いているだけであって実際には単純です。 変数とは、一種の「データを入れる箱」です。 プログラミングでは、数値や文章などのデータを扱いますが、そのために一時的にデータを格納しておく箱が必要なのです。 変数の宣言 基本的にどのプログラミング言語でも、この変

PayPayモールはiframeが使えない

今回はPayPayモール出店にともなうiframeタグの扱いについて紹介。Yahoo!ショッピングは多くの制約がありますが、PayPayモールはそれ以上です。Yahoo!ショッピングでiframeタグを使っていたショップならPayPayモー