searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

cancel

ホームページ制作全般

THEME
help
ホームページ制作全般
テーマ名
ホームページ制作全般
テーマの詳細
ホームページ制作に関することなら何でもOKです。 HTML、スタイルシート(CSS)、CGI、JavaScript、Web2.0、Ajax、Web API、SEO/SEM、アクセシビリティ・ユーザビリティ、デザイン、レイアウト、ブログカスタマイズ、各種ツール類、などなど。
テーマ投稿数
3,346件
参加メンバー
325人
管理人
SEOブログ管理画面

にほんブログ村 テーマ機能

テーマは、参加ランキングのカテゴリー・サブカテゴリーに関係なく、記事のテーマが合えばどなたでも参加することができます。

▼ ブログ村テーマへのリンク方法

あなたのブログに「ホームページ制作全般」テーマのバナーを掲載しませんか?
テーマのバナーやリンクをINポイントランキングの対象にしたいメンバーの方は、ログインしてからリンクタグを取得してください。
・バナーを変更したい場合は、必ず画像に「テーマ」の文字かバナーロゴを重ねてください。
・テキストリンクに変更されたい方は、以下のテキストに変更いただき掲載してください。
 「ホームページ制作全般 デザインブログ・テーマ」
※以前より掲載いただいているテキストリンクについてはそのままご利用いただけます。

▼ リンクタグ … ここから下、リンクタグをコピーしてお貼りください

ホームページ制作全般の記事

1件〜50件

  • ブログタイトルをタイピング風のアニメーションに変えてみた
    2020/06/29 22:03
    ブログタイトルをタイピング風のアニメーションに変えてみた

    ブログタイトルをカッコよくするために一文字ずつ入力されていくタイプライター風のアニメーションに変更してオリジナリティを出していきます。 JavaScriptのみで実現していますのでよかったら使ってみてください。

    そそたた

    プログラマーそそたた

  • パソコン シャットダウン時の「LogTransport2.exe」エラー対処法
    2020/06/21 06:55
    パソコン シャットダウン時の「LogTransport2.exe」エラー対処法

    最近、パソコンを終了(シャットダウン)する時に、必ず「LogTransport2.exeアプリケーションエラーが発生しました」「LogTransport2.exeが終了できません」というような旨のエラーが表示されるように […]

    PC上手

    PC上手

  • オフィスワーカーの皆様へ朗報 ~JPG・PDFの文字を拾う方法~
    2020/06/19 08:23
    オフィスワーカーの皆様へ朗報 ~JPG・PDFの文字を拾う方法~

    \初めての方はこちらをどうぞ/ もなかは、PCに張り付いている私を心配して見にきてくれます。 …と、思ったら、鳥のYoutubeにハマっているだけでした。 ま、そんなもん。 さてさて、猫ボランティア関係のお仕事です。 世にあるリーフレットを写し、アレンジする…という作業をしていたのです。 ところが。 JGPデータまたは文字の拾えないタイプのPDFデータしかないじゃないか…! JPGデータだと、コピペができません。 つまり、こういう↑データの場合は、文字を読みながら打っていかないといけないのです。 いや、1~2ページならいいですよ。 しかし、今回こういうデータが10ページくらいあるんだもん。 そ…

    りんご

    あんもなさん家

  • iPhone等のスマホでタグの動画が表示されない場合の対処法
    2020/06/07 20:29
    iPhone等のスマホでタグの動画が表示されない場合の対処法

    HTML5ではタグを使うことで、WEBサイトに動画を埋め込むことが出来ます。ただ、記述方法に気を付けないと、WindowsやAndroidスマホでは表示されても、iPhoneやiPadなどでは動画が表示されない、という現象が発生してしまいます。 日本では、スマホでのiPhoneのシェアはかなりのものになりますので、iPhoneやiPadで意図せずに動画が表示されないのは困りますよね。そんなわけで、

    Piyo

    WEB上手

  • スマホ対応 誰でも簡単プログラミング講座 第2回  数値の計算と比較[初心者向けJavaScript解説 初級編]
    2020/05/26 04:00
    スマホ対応 誰でも簡単プログラミング講座 第2回 数値の計算と比較[初心者向けJavaScript解説 初級編]

    【動画】今回の内容をまとめたもの 前回は、データを入れる箱である変数に「1」などの単純な数値を設定しました。 そこで今回は、算数の計算結果を入れられるようにその方法について学びま...

    takasho

    Ouka Studio

  • WooCommerceのマイアカウントにログインできない場合の対処法
    2020/05/22 20:32
    WooCommerceのマイアカウントにログインできない場合の対処法

    WooCommerce プラグインを利用することで、WordPressで簡単にショッピングカートシステムを構築することが出来ます。ある日「お客さんからマイアカウントにログインが出来ない」というお問い合わせがきました。 今まで、特に問題なくマイアカウントにログインは出来ていたと思うのですが、なぜできなくなってしまったのでしょうか。試しにパスワードを再発行して、ログインをし直してもログインが出来ません

    Piyo

    WEB上手

  • [CSS] ピクセルは1画素を表していない 実はすべて実寸基準 ptもpxも同じ基準
    2020/05/21 04:00
    [CSS] ピクセルは1画素を表していない 実はすべて実寸基準 ptもpxも同じ基準

    【結論】 実はWeb(HTML/CSS)では、ピクセル pxを使った指定は画面上の1画素(ドット=物理ピクセル)を表しておらず、現実の長さの単位(物理単位)でしかない。 つまり、ポ...

    takasho

    Ouka Studio

  • 楽天GOLDにオリジナルの買い物かごを設置する方法
    2020/05/18 22:51
    楽天GOLDにオリジナルの買い物かごを設置する方法

    楽天GOLDにオリジナルの買い物かごを設置したい方向け。楽天GOLDに作成した特集ページなどに買い物かごを設置することで購入経路が増え、売上UPの効果が見込めます。それでは詳しく解説していきます。デザインの一例としてサンプルデモもご用意しま

    ざきひー

    ネットショップ語り

  • http://site.oukasei.com/?p=2312
    2020/05/07 04:00
    http://site.oukasei.com/?p=2312

    記事の情報が取得されるまで、しばらくお待ちください。

    takasho

    Ouka Studio

  • Yahooショッピングのカートを外部化する方法
    2020/04/27 19:19
    Yahooショッピングのカートを外部化する方法

    Yahooショッピングのトリプルページや外部サイトにYahooショッピングのカートを設置したい方向け。カートを外部化して設置することで購入経路が増え、売上UPの効果が見込めます。それでは詳しく解説していきます。Android版PayPayモ

    ざきひー

    ネットショップ語り

  • 岡田准一などの芸能人の自宅界隈のカフェで秋のひと時(再訪):プースカフェ(PAUSE CAFE)
    2020/04/02 07:41
    岡田准一などの芸能人の自宅界隈のカフェで秋のひと時(再訪):プースカフェ(PAUSE CAFE)

    「岡田准一・ユーミン・内野聖陽など芸能人の自宅と隠れ家風カフェ:世田谷区岡本(散策)」で書いたプースカフェ(PAUSE CAFE)を訪れ(世田谷区 岡本 2-33-23 社会福祉法人泉会 泉の家1階)、今年(2019年)、この界隈に引っ越してきた岡田准一・宮崎あおい夫妻の家などを探訪しながら、秋の散策をしてきました。「岡田准一・ユーミン・内野聖陽など芸能人の自宅と隠れ家風カフェ:世田谷区岡本(散策)」と重複する部分が...

    カツQ

    「東京散歩」と「踏ん張り投資」

  • 【備忘録】WordPressテーマのアップデートに伴うカスタマイズ(再設定)
    2020/03/31 22:33
    【備忘録】WordPressテーマのアップデートに伴うカスタマイズ(再設定)

    WordPressテーマをアップデートすると、HTMLを直接編集した箇所は上書きされて消えます。ああぁ!涙 次も同じことを繰り返さないように、1)アナリティクスの設定 2)パンくずリスト「項目『id』がありません」対策 3)All in one SEO packのメタタグ重複 について備忘録です!涙

    久利生杏奈

    紅龍堂書店の日々

  • ありがとうございます、FAQページを更新しました!
    2020/03/31 22:33
    ありがとうございます、FAQページを更新しました!

    特別なお報せは、火曜日と決めています。紅い龍が「火」を噴く曜日――せめて語呂を掛ければ、覚えて頂けるかしらと試行錯誤したのは3ヵ月前。あの時は、まだHPの訪問者さんはゼロでした。こんな辺境の小さな、所在すら怪しい書店の扉を、叩いて下さるあなたがいる。奇跡のようなことだと思っています。本当に、本当にありがとうございます。

    久利生杏奈

    紅龍堂書店の日々

  • WooCommerceで商品カテゴリーの順番を並び替えるプラグイン
    2020/03/28 06:29
    WooCommerceで商品カテゴリーの順番を並び替えるプラグイン

    WooCommerceを使えば、WordPressで簡単にショッピングサイトが構築できます。ただ、なぜか「商品カテゴリー」の順番を並び替える機能がないんですよね。。。そもそもWordPressにも、カテゴリーの順番を並び替える機能がないのが不思議です。 そこで今回はプラグインを使って、WooCommerceで商品カテゴリーの順番を簡単に並び替える方法をご紹介します。 商品カテゴリーの順番を並び替え

    Piyo

    WEB上手

  • 楽天PCページに使えるスクロール追従ナビゲーションの作り方
    2020/03/23 21:13
    楽天PCページに使えるスクロール追従ナビゲーションの作り方

    お客様にもっと楽天ショップ内を回遊してもらいたい。そんな時に選択肢に挙がるのがスクロールに追従するナビゲーションです。常にページ上に固定表示されるため別店舗への離脱を減らし、自店舗の別ページに誘導する効果が見込めます。本記事ではRMSでも利

    ざきひー

    ネットショップ語り

  • FileZillaのエクスポートでパスワードの致命的エラーになってしまう対処法
    2020/03/20 07:50
    FileZillaのエクスポートでパスワードの致命的エラーになってしまう対処法

    サーバーにFTP接続する際に「FileZilla(ファイルジラ)」を使っています。 以前は「FFFTP」を使っていたのですが、「FileZilla」はとても快適です。 >> 【FTPクライアント】FileZilla(ファイルジラ)の転送速度に感動 そんなFileZillaですが、新しいパソコンにFTP情報などの設定をエクスポートすると、「致命的なエラー(サーバーに接続できませんでした)

    Piyo

    WEB上手

  • 「ジンドゥー(Jimdo)・Wixでホームページを作る前に知っておきたい3つのこと」無料PDF公開しました
    2020/03/17 14:35
    「ジンドゥー(Jimdo)・Wixでホームページを作る前に知っておきたい3つのこと」無料PDF公開しました

    サイトでお伝えしてきた「ジンドゥー(Jimdo)・Wixでホームページを作る前に知っておきたい3つのこと」をPDFで無料

    とどけるデザイン

    簡単なのにちゃんと伝わるホームページの作り方

  • [30分で作成]ジンドゥー(Jimdo)AI ビルダーで趣味のホームページを作ってみました
    2020/03/17 14:35
    [30分で作成]ジンドゥー(Jimdo)AI ビルダーで趣味のホームページを作ってみました

    趣味で撮影している写真がたまってきたので、ホームページにしてみることにしました。 AI ビルダーで約30分。 子供達が千

    とどけるデザイン

    簡単なのにちゃんと伝わるホームページの作り方

  • 【HTMLだけ】フォームの送信をクリック後に任意の位置に移動する方法
    2020/03/14 13:17
    【HTMLだけ】フォームの送信をクリック後に任意の位置に移動する方法

    お問い合わせなどのフォームで使えるテクニック。フォームの送信をクリック後にページ内の任意の位置に移動することができます。例えば、必須項目未入力で送信をクリックした場合、フォームの頭に移動させる。ということもできます。それでは「必須項目未入力

    ざきひー

    ネットショップ語り

  • Windows 10 でMySQL Workbench 8 が起動しない時の対処法
    2020/03/14 07:19
    Windows 10 でMySQL Workbench 8 が起動しない時の対処法

    Windows 10でMySQL Workbench 8を新規でインストールしたのですが、アプリを起動させようと思っても起動しない現象がありました。起動しようとしているようですが、途中で終了してしまっている感じです。MySQL Workbench 8は、DBにアクセスして、MySQLを操作できる便利なツールなのですが、使えないと困ります。。。 ということで、今回はWindows 10でMySQL

    Piyo

    WEB上手

  • [JavaScript] 定数の扱い方:constとは? Object.freeze()との違いも解説
    2020/03/05 04:00
    [JavaScript] 定数の扱い方:constとは? Object.freeze()との違いも解説

    定数というのは、あえて単純化して言えば「変数の参照先を変更できなくする」こと。 変数の「中身」が対象なのではなく、「変数」そのものが対象だ。 厳密には、「変数を定数とする」というのはおかしな言い方だが、こう考えたほうがわかりやすい。 基本的に、変数(variable number)に対して定数(constant number)と呼ぶ。 定数にオブジェクトを割り当てた場合、あくまで「変数」が定数としてロックされるのであって、そのオブジェクト自体がロックされるのではけっしてない。 よって、オブジェクトのプロパティなどを変更することができるのは、むしろ当然なのだ。 [javascript] const example = {abc : 1, bcd : 2}; // 変更可能 example.abc = 3; // エラー:const指定の変数(定数)exampleの参照先は変えられない example = {cde : 4}; [/javascript] C++の経験者なら、この辺のことはすでに把握していることだろう。 C++では、変数や引数をconst指定することと、オブジェクト(クラス)をconst指定することはまったく意味が異なるからだ。 [cpp] const Example* const ex = new Example(); [/cpp] この例の場合、exというポインタ変数を定数とすることでその参照先(Exampleクラスのインスタンス)を変えられなくしている。 ここまではJavaScriptと似たようなものだが、その上でExampleインスタンスもconst指定することで、その中身(メンバ変数)の状態を変更できなくしている。 (厳密には、変更できてしまうメンバ変数・メンバ関数の呼び出しを禁止している) 残念ながら、JavaScriptにはこうした文法は存在しない。 だが、実は「Object.freeze()」というメソッドが存在し、これを使うと事実上同じことができる。 [javascript] const example = {abc : 1, bcd : 2}; Object.freeze(example); [/javascript] このようにすると、既存のプロパティの中身=参照先を変更できないだけでなく、新規のプロパティも追加できない。 ただ、この場合、オブジェクトの中身を変更しようとして

    takasho

    Ouka Studio

  • Enfoldの「Please prove that you are human by solving the equation」を変更する方法
    2020/03/01 16:10
    Enfoldの「Please prove that you are human by solving the equation」を変更する方法

    WordPressのテンプレートで、企業向けサイト制作に最適なテーマの一つに「Enfold」があります。「Enfold」は、制作するWEBサイトに合わせて、最適なデザインを選択することができたり、「Avia Layout Builder」と呼ばれるビジュアルエディタにより、簡単にレイアウトを組めるようになっています。 有料のテーマ($59)ではありますが、日本のテーマでももっと高いものもありますし

    Piyo

    WEB上手

  • [無料CDN] 画像のみ対応のクラウドサービスまとめ:画像配信を最適化 リサイズ・切り抜きなどの機能も WordPressプラグイン対応のものも[おすすめ]
    2020/02/20 04:00
    [無料CDN] 画像のみ対応のクラウドサービスまとめ:画像配信を最適化 リサイズ・切り抜きなどの機能も WordPressプラグイン対応のものも[おすすめ]

    ここでは、画像ファイルの配布に特化したCDNについて紹介。 * CloudFlareのようなサイト全体をキャッシュするようなクラウドサービスそのものは除外している。 Postimage.org WordPressプラグイン:simple-image-upload(最終更新2012年) 各種掲示板やブログに公開する画像をアップロードするためのストレージとして、2004年に開始されたサービス。 有志が非営利で運営しているらしく、そのためか驚くほど制限が少ない。 画像用CDNとしては、ほぼこれで十分といえる。 アップロードできる画像数に制限はなく、同時に送信できる数は1000、最大画像サイズは1万ピクセル×1万ピクセル、1ファイルの最大容量は12MBと、かなりの大盤振る舞い。 またphpBBなど、有名な掲示板システム用のプラグインも公式に提供されているので、アップロードしやすい(WordPress向けには古いプラグインしかない)。 ログイン不要で手軽に利用できるが、アカウント登録すれば、自分がアップロードした画像を「ギャラリー」という名のカテゴリーに分けて管理することが可能になる。 一方、ログインしていない状態でアップロードしてしまうと他の画像系CDNと同じく、自分では削除できなくなってしまうので注意しよう。 使い方 トップページかログインしたページに、アップロードしたいファイルをドラッグ&ドロップするか、フォームから選択するだけ。 送信が完了すると、フルサイズの画像やサムネイルのURL、短縮URLなどが一覧表示される。 Cloudinary CloudFlareとは異なり、画像や動画のストレージに特化したサービス。 CDNとしての単なるキャッシュサービスではなく、サーバーサイドでの画像変換にも対応している。 料金プランの考え方がやや特殊で、いわゆる「コスト制」。 以下のそれぞれの基準を1か月あたり「1クレジット」という単位で計算し、翌月になるとリセットされる。 画像変換:1000回 容量:1GB 転送量:1GB 動画変換:処理にかかった時間500秒 無料プラン(Free Plan)の場合、1か月あたり25クレジットまで使えるので、かなり使い勝手がいい。 画像変換の機能は、URLに各種パラメーターを付けてアクセスするだけ(REST API)。 そうすると自動で処理されたうえでクラウドストレージに保存され、次

    takasho

    Ouka Studio

  • 【楽天】商品ページ作りは売れてるお店から盗め!
    2020/02/17 05:04
    【楽天】商品ページ作りは売れてるお店から盗め!

    オルセー、moma、ロンドン ナショナル・ギャラリー、ヴァチカン、ルーヴル、まるで本当にその場所を訪れているような素晴らしく臨場感豊かな高画質4k動画を集めました。40代氷河期WEBデザイナー。フリーランス活動をするも挫折。会社でも勤務するも挫折。現在クラウドソーシングとブログで試行錯誤中です。

    hide-ung

    運ゲーな

  • ネットショップのバナーを無料で簡単に作る方法教えます【Canva】
    2020/02/17 05:04
    ネットショップのバナーを無料で簡単に作る方法教えます【Canva】

    今回はネットショップやWebサイトのバナー画像を無料で簡単に作れる方法をご紹介します。Canvaは世界179ヵ国、1000万人のユーザーがいるオーストラリア生まれのグラフィックツールです。40代氷河期WEBデザイナー。フリーランス活動をするも挫折。その後会社でも挫折。現在クラウドソーシングとブログでなんとか

    hide-ung

    運ゲーな

  • エンジニアが選ぶプログラミングスクール3校
    2020/02/10 22:10
    エンジニアが選ぶプログラミングスクール3校

    独学でプログラミングを学んでいるけどなかなか技術が向上しない。本格的に学びたいけどおすすめのプラグラミングスクールはどれ?という疑問にお答えします。独学でプログラミングを学ぶことは大変です。限界を感じることもあるかもしれません。そこで候補に

    ざきひー

    ネットショップ語り

  • [HTML] h1要素の正しい使い方:基本は1ページにひとつのみ() h2以降が基準になる見出しタグ – SEO効果も 一方、Web標準は
    2020/02/08 04:00
    [HTML] h1要素の正しい使い方:基本は1ページにひとつのみ() h2以降が基準になる見出しタグ – SEO効果も 一方、Web標準は

    【基本】 ひとつのウェブページ内に、h1要素はひとつのみ。 通常は、head要素のtitle要素と同一にする。 理由 それを想定している場合が多いから 実際の仕様はともかく、開発者や検索エンジンはh1要素がひとつだと想定していることが多いようだ。 こういった仕様に関する部分は、特に理由がなければ主流派に合わせたほうが無難だろう。 Google検索のサイト内目次ではh2が基準になるから SEOでは最も重要なGoogleの検索結果の表示では、各ページの概要の下にページ内リンクの見出しが表示されることがある。 調べてみると、各ページのh2要素が使われているようだ。 結果的にSEOの面では、h1はページ内の各見出しのトップではなく、ページタイトルにのみ使ったほうがいいということになる。 解説 標準化団体によって仕様が異なる Web技術の標準化団体には、大きく分けてW3C(World-Wide Web Consortium)とWHATWG(Web Hypertext Application Technology Working Group)の2つがある。 前者が先に設立されたが、「開発者のことを考えていない」として不満を持ったAppleやGoogleが中心となって後者の団体がつくられた。 以前W3Cは、HTML5でsection要素で囲めばh1の複数利用を認めていたが、HTML5.1ではその部分を削除。 つまり、h1要素は1ページにひとつのみとしている。 しかし、対するWHATWGでは、以前からh1の複数利用を認めている。 WHATWGが技術使用の策定を一括で担うことに 2019年になって、大きな変化があった。 WHATWGに技術仕様の策定を一任することが、両者の合意で決定したのだ。 よって、今後は一律に「WHATWGの仕様が正しい」ということになる。 要するに、W3CによるHTML5.1の勧告は無視してよく、仕様の面ではこれではっきりとした。 Google関係者は「いくつでもいい」 ただ、上記のことはあくまで建前の話。 気になるのは、検索サイト最大手Googleの考え方だ。 実は、関係者がTwitterで直接的にそのことについて語っている。 As many as you want. 「つけたいだけつけていい」とのこと。 換言すれば、SEO的に影響するような要素ではないということだ。 結論 できればh1をひと

    takasho

    Ouka Studio

  • Android スマホで明朝体を表示させたい場合の対処法
    2020/01/18 21:46
    Android スマホで明朝体を表示させたい場合の対処法

    Andorid スマホには、以前から明朝体のフォントがインストールされていません。その為、font-familyで「serif」などの明朝体フォントを指定しても、ゴシック体で表示されてしまいます。 パソコン版では、明朝体で綺麗に表示されているのに、スマホで閲覧する場合にはゴシック体で表示されてしまうと、せっかくのサイトの雰囲気が台無しになってしまいますよね。。。 そこでAndorid スマホでも明

    Piyo

    WEB上手

  • POTI-boardのレス先検索
    2020/01/02 15:12
    POTI-boardのレス先検索

    <?php $fp = fopen("hoge/tree.log", "r"); //ログファイルの場所 while ($line = fgets($fp)) { //ログファイルの書式から変数を取得 $tree = explode(",", $line);//コンマ区切&…

  • 副業したサラリーマンは確定申告が必要。納税の仕組みを知って賢く節税する方法
    2019/12/31 22:20
    副業したサラリーマンは確定申告が必要。納税の仕組みを知って賢く節税する方法

    サラリーマンの副業が解禁された2019年。皆さんはばっちり稼ぐことができましたか? でも、稼いだからには税金を払わなければいけないのがこの国のルール。払わないと脱税になっていしまいます。 「え、せっかく副業でお小遣いを稼いだのに税金がかかるの??」と思わるかもしませんが、 副業でも一定の基準を超えている方は税を納める必要があります。 今回は、そんな副業にまつわる税金のお話を簡単にまとめたいと思います…

    はてごる

    マンモスと歩く夢を見た

  • CSSでページ全体に設定を適用する方法:html要素に指定-全称セレクタの問題点[スタイルシート]
    2019/12/23 04:00
    CSSでページ全体に設定を適用する方法:html要素に指定-全称セレクタの問題点[スタイルシート]

    推奨する方法 html要素に適用する。 [css] html { font-size: 14pt; } [/css] 理由 単位「rem」の基準はhtml要素 フォントサイズを指定する際の単位のひとつ「rem」は、html要素のフォントサイズを基準として指定する相対サイズのこと。 それが「1rem」の値になり、小数点以下も指定可能。 [css] html { font-size: 14pt; } div { font-size: 0.8rem; } [/css] この例の場合、html要素の子になるdiv要素のフォントサイズは「11.2pt」と指定したのと同じになる。 フォントサイズ以外にも使える このrem、あくまでhtml要素のフォントサイズが基準となっているだけで、marginなどのサイズ指定にも使うことができる。 [css] html { font-size: 14pt; } div { margin: 1.2rem; } [/css] em、%は親要素のサイズが基準 remとは異なり、emと%は親要素の該当プロパティのサイズを基準とした単位のこと。 フォントサイズが基準となっているわけではない。 指定サイズが親要素に依存するということは、HTML構造の親子関係(DOMツリーの入れ子状態)を把握していないと、実際にどのサイズになるのかわかりづらいという欠点がある。 [css] div.parent { width: 500px; height: 250px; } div.child { width: 0.8em; height: 80%; } [/css] 全称セレクタを使う方法には問題がある [css] * { font-size: 14pt; } [/css] 低速 html要素に指定する場合に比べて低速になる。 ただし、現在ではブラウザのレンダリングエンジンが最適化されてきたことで、全称セレクタを使ってもたいして遅くはならないので、気にするほどのことでもないらしい。 自動的な継承より優先される HTML・CSSでは、基本的にHTMLのDOMツリーで親の要素に指定されたスタイルシートは、特に記述がなくても子など下位の要素へ自動的に引き継がれる。 例: [html] ...

    takasho

    Ouka Studio

  • [CentOS 8] Django アプリのデプロイ 〜 Apache (httpd) 編 〜
    2019/12/14 18:37
    [CentOS 8] Django アプリのデプロイ 〜 Apache (httpd) 編 〜

    Django /ˈdʒæŋɡoʊ/ は、 Python で実装された Web アプリケーションフレームワーク で、 model-view-controller デザインパターン に緩やかに従っています。また、ファイルやデータのモデルにいたるまで、Python が一貫して用い...

  • 【悲報】PayPayモールでにぎわい感を出すためにはB-Space必須
    2019/11/28 22:08
    【悲報】PayPayモールでにぎわい感を出すためにはB-Space必須

    PayPayモールに出店するにあたり、「PayPayモールでもYahoo!ショッピングと同じようににぎわい感を出したい。」と思いませんか?にぎわい感を出すことで、購入率滞在時間回遊率上の項目の改善、向上が見込めます。そして本題のPayPay

    ざきひー

    ネットショップ語り

  • Googleタグマネージャーで403 ForbiddenエラーになるのはWAFが原因の可能性
    2019/11/23 07:50
    Googleタグマネージャーで403 ForbiddenエラーになるのはWAFが原因の可能性

    最近、レンタルサーバーでは、WAF(Web Application Firewall、ワフ)が標準で搭載されていることが多くなりました。WAFを有効にすることで、WEBサイトを不正な攻撃から守ってくれる為、セキュリティの向上に大いに役立ちます。 ところが、このWAFが誤検知を起こしてしまい、正常なアクセスでも「403 Forbiddenエラー」となってしまうことがたまにあるので注意が必要です。 G

    Piyo

    WEB上手

  • 【楽天】テキスト占有率をカウントしながら商品画像を作るグリッド活用術
    2019/11/21 00:47
    【楽天】テキスト占有率をカウントしながら商品画像を作るグリッド活用術

    楽天市場の「商品画像登録ガイドライン」制定に伴い、商品画像の1枚目に含むことができるテキスト要素が20%以内に制限されました。本記事ではテキスト要素20%以内の商品画像を作るために僕が現場で実践しているおすすめのグリッド活用術を解説します。

    ざきひー

    ネットショップ語り

  • 17分で簡単にホームページを作る【実例公開】
    2019/11/20 21:57
    17分で簡単にホームページを作る【実例公開】

    たった17分でホームページを作ることができる方法を実例つきで解説します。ペライチはHTML、CSSを学んだことがない方でも自分のホームページを持つことができます。ホームページ作りに挫折した方、手早くホームページを公開したい方におすすめです。

    ざきひー

    ネットショップ語り

  • Surface laptop3開封の儀。サイズや使い勝手をSurface Pro2と徹底比較。良い点と悪い点をレビュー。
    2019/11/17 20:12
    Surface laptop3開封の儀。サイズや使い勝手をSurface Pro2と徹底比較。良い点と悪い点をレビュー。

    2013年10月の発売直後に購入したSurface Pro2。仕事にブログの執筆にと活躍してくれていましたが、気づけば丸6年。半年くらい前から電源ボタンを押しても反応しなかったり、タイプキーボードの接触が怪しくなったりと、かなり老朽化していました。 次は買うんならSurface Proシリーズで…

    はてごる

    マンモスと歩く夢を見た

  • 【合格ブログ】webクリエイター能力認定試験エキスパート(体験談)
    2019/11/07 20:17
    【合格ブログ】webクリエイター能力認定試験エキスパート(体験談)

    Web職業訓練校で勉強中の、ワラデザです。 個人ブログなので、小声で自慢してもよいでしょうかm(__)m 学校で受けた『

    くんれん

    Web訓練ブログ

  • 【コピペでできる】楽天市場の帯バナー
    2019/10/31 22:21
    【コピペでできる】楽天市場の帯バナー

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

    ざきひー

    ネットショップ語り

  • 【Gulp】browser-syncのLiveReloadが動かないときの直し方
    2019/10/26 23:56
    【Gulp】browser-syncのLiveReloadが動かないときの直し方

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

    ざきひー

    ネットショップ語り

  • 【Yahoo!ショッピング】好きな色をリンク色に指定する
    2019/10/25 23:07
    【Yahoo!ショッピング】好きな色をリンク色に指定する

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

    ざきひー

    ネットショップ語り

  • コピペでOK!楽天市場の検索窓デザイン
    2019/10/23 22:21
    コピペでOK!楽天市場の検索窓デザイン

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

    ざきひー

    ネットショップ語り

  • 【楽天市場】ページ下部固定バナーを設置する
    2019/10/20 23:23
    【楽天市場】ページ下部固定バナーを設置する

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

    ざきひー

    ネットショップ語り

  • 中国上海のメイソウ(名創優品)に行ったら著作権無視のパクリ商品の天国だった!?
    2019/10/20 17:02
    中国上海のメイソウ(名創優品)に行ったら著作権無視のパクリ商品の天国だった!?

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

    はてごる

    マンモスと歩く夢を見た

  • Uber Eatsで配車リクエストが来ないときに試す7つの事。Uber Driverで賢く稼ぐためのアドバイス
    2019/10/13 18:59
    Uber Eatsで配車リクエストが来ないときに試す7つの事。Uber Driverで賢く稼ぐためのアドバイス

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

    はてごる

    マンモスと歩く夢を見た

  • 毎月同じ日に表示/非表示を切替えるJavaScript
    2019/10/08 18:45
    毎月同じ日に表示/非表示を切替えるJavaScript

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

    ざきひー

    ネットショップ語り

  • POTI-boardのforをforeachに書き直し
    2019/10/07 22:19
    POTI-boardのforをforeachに書き直し

    forで配列の反復をしているところがたくさんあったので、配列のcountをしてそれから…というのは可読性が落ちる。 配列の書き直しなら参照渡しを使えばシンプルにまとめる事ができる。キーを取得しなくてもいいのでスマート…。 と思ったら…。PHPの繰り返し処理大全 - Qiita foreachでリファレンスが…

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

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

    takasho

    Ouka Studio

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

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

    takasho

    Ouka Studio

  • PayPayモールはiframeが使えない
    2019/10/03 00:39
    PayPayモールはiframeが使えない

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

    ざきひー

    ネットショップ語り

カテゴリー一覧
商用