Webに関するQWI00424のブックマーク (152)

  • ELevating CentOS 7 to AlmaLinux 9 | AlmaLinux Wiki

    QWI00424
    QWI00424 2024/07/12
  • Local by Flywheel, nortonsafe.search.ask.com

    QWI00424
    QWI00424 2024/07/04
  • 「Wocker」の検索結果 | WordPress.org 日本語

    いつもお世話になっております。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 — 【質問の主旨】 WooCommerceで支払い方法を設定するときに「WooCommerce PayPal Checkout Gateway」をインストール・有効化すると、Noticeで始まる注意文が表示されます。 WooCommerce PayPal Checkout Gatewayはこのまま有効化して使い続けても良いのでしょうか?それとも有効化を解除してプラグインの削除をした方が良いでしょうか? 【質問の補足】 1. Noticeで始まる注意文はこちらのリンクで確認することができます。 2. 現在、インストール・有効化をしているプラグインは以下の通りです。いずれも最新バージョンにアップデートしています。 – Facebook for WooCommerce – Jetpack by

    「Wocker」の検索結果 | WordPress.org 日本語
    QWI00424
    QWI00424 2024/07/04
  • VCCWでWordPress開発環境を作る方法 | 有限工房

    Windows10 ProにVagrantを入れ、VCCW(WordPress開発用仮想マシン)を動かすまでの手順の説明です。 VagrantとVCCWで何が出来るのか Vagrantは凄くザックリ言うとVirtualBoxやHyper-Vなどの異なる仮想マシンを統一されたコマンドでコントロールするためのラッパー(コマンド集)です。 仮想マシンの作成と初期設定の手順を構成ファイルに記録しておくことで、環境構築を自動的にできるようになります。 VCCWはその構成ファイルで、これを使うとWordPressの開発に必要な仮想マシンをコマンド一発で作成できます。 VCCWで作成した仮想マシンには最初から下記の環境が整っていますので、よくあるWordPress案件に対応できるでしょう。 UbuntuWP-CLI と WordPressPHP 7MySQL 5.7.xApache 2.4.xNodeJ

    VCCWでWordPress開発環境を作る方法 | 有限工房
    QWI00424
    QWI00424 2024/07/04
  • 游ゴシックや游明朝を CSS で指定する時の注意 | レコチョクのエンジニアブログ

    最新のIT技術を駆使して音楽関連サービスを展開しています。 日々の活動内容から得た知識をお届けする開発ブログです。 游ゴシック・游明朝とは 游ゴシックおよび游明朝とは、字游工房さんで販売されているフォントです。 ディスプレイで見ても、印刷してもとても綺麗なフォントで、私もよく使います。 (メイリオは、ディスプレイでの映りを重視しすぎて、印刷するとなんか微妙です) このフォントは2013年ごろより急激に知名度が上がりました。その切っ掛けは Windows 及び Mac に標準でバンドルされたことです。 Windws であれば Windows 8.1 以降に、Mac であれば OSX Marverics 以降に標準で入っています。 Windows にも Mac にも入っている綺麗なフォントというのは、Web サイトを作成する人にとって素晴らしいものです。 とりあえず游ゴシックや游明朝を指定して

    游ゴシックや游明朝を CSS で指定する時の注意 | レコチョクのエンジニアブログ
    QWI00424
    QWI00424 2024/06/14
  • LocalとWordmoveでサイトデータを同期する方法 | オレインデザイン

    Wordmoveをインストール $ gem install wordmove 僕の場合、こちらのコマンドを入力してインストールを進めようとしたら、以下のようにエラーが出てきまして。 Rubyの権限が云々と言われるので、rbenvでrubyを管理するようにします。 $ brew update $ brew install rbenv ruby-build rvenv で管理されている Ruby のバージョンを確認します。 $ rbenv versions * system 現状はシステムのRubyを利用していることがわかります。ですので、rbenv管理下にRubyをインストールしてみましょう。 インストールできるバージョンを確認してみましょう。 $ rbenv install -l すると以下のように出ました(記事執筆時)。 2.6.9 2.7.5 3.0.3 3.1.0 jruby-9.3

    LocalとWordmoveでサイトデータを同期する方法 | オレインデザイン
    QWI00424
    QWI00424 2023/10/28
  • Closure Library を使うべき 10 の理由 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ

  • ランディングページ(LP)とは?10分でわかるLPの目的・メリット・作り方 | LISKUL

    ランディングページとは「広告の飛び先ページ(リンク先ページ)」を指す言葉です。ユーザーが広告などのリンクをクリックしたときに表示される、1枚の縦に長いWebページのことをランディングページと呼びます。略してLP(エルピー)・ランペとも呼ばれます。 【保存版】ランディングページ構成の王道パターン3選 ランディングページでは、アピールしたい商品・サービスの訴求を行い、コンバージョン(成約)まで完結させることを狙います。売上アップに直結する重要な役割を果たすのが、ランディングページです。 ランディングページを正しく理解し、売れるランディングページの作り方を身に付けることは、Web上のあらゆる施策で成果を挙げるために必須のスキルとなります。ランディングページを理解せずして、売上を上げることはできません。 よって記事では、売上を作るうえで最も重要だと断言していい「ランディングページ」について、基礎

    ランディングページ(LP)とは?10分でわかるLPの目的・メリット・作り方 | LISKUL
    QWI00424
    QWI00424 2023/09/26
  • フレックスボックスの基本概念 - CSS: カスケーディングスタイルシート | MDN

    CSS チュートリアル CSS の基 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    フレックスボックスの基本概念 - CSS: カスケーディングスタイルシート | MDN
    QWI00424
    QWI00424 2023/06/09
  • ドメイン名のしくみ - JPNIC

    郵便で手紙を送る時に住所が必要であるのと同様に、 インターネットでは、電子メールを送ったりウェブサイトを見たりするために、 相手がインターネット上のどこにいるのかを特定する必要があります。 ドメイン名は、言ってみれば「インターネット上の住所」にあたるものです。 ドメイン名の構成 ドメイン名は、以下のように表示されます。(下線の部分がドメイン名) 電子メールアドレスの場合 taro@example.co.jp ウェブアドレスの場合 www.example.co.jp ピリオド(.)で区切られた部分は「ラベル」と呼ばれます。 一つのラベルの長さは63文字以下、ドメイン名全体の長さは、 ピリオドを含めて253文字以下でなければなりません。※1 ラベルには、英字(A~Z)、数字(0~9)、 ハイフン( - )が使用できます(ラベルの先頭と末尾の文字をハイフンとするのは不可)。 ラベル中では大文字・

    QWI00424
    QWI00424 2022/05/09
  • 無線LAN中継器の役割と選び方-ELECOM WEB SITE!

    無線LAN中継器の役割と選び方 Wi-Fi(無線LAN)を使えば、場所を気にせずに、パソコンやスマホをインターネットに接続することができます。 しかし、部屋の間取りやWi-Fiルーターの設置場所によっては、なかなか電波が届かない部屋も出てくるでしょう。 そのような場所に電波を届ける役割を果たすのが「無線LAN中継器」です。 ここでは、快適なインターネット環境を実現する、無線LAN中継器の使い方についてご紹介します。 無線LAN中継器とは? 無線LAN中継器は、Wi-Fiルーターから飛んできた電波を一旦受け止め、その電波を離れた場所にあるパソコンやスマホなどの端末に中継する機器となります。Wi-Fiルーターの電波が届く範囲を拡大してくれるため、「リビングから離れている寝室で通信が途切れがち」「階上の部屋に電波が届かない」という不満も解消してくれます。 無線LAN中継器の選び方 無線LAN中継

  • Product - Schema.org Type

    Any offered product or service. For example: a pair of shoes; a concert ticket; the rental of a car; a haircut; or an episode of a TV show streamed online. A property-value pair representing an additional characteristic of the entity, e.g. a product feature or another characteristic for which there is no matching property in schema.org. Note: Publishers should be aware that applications designed t

    QWI00424
    QWI00424 2021/12/13
    “URL”
  • itemprop - HTML: ハイパーテキストマークアップ言語 | MDN

    QWI00424
    QWI00424 2021/12/13
  • 商品(Products)の構造化データをマークアップする方法

    商品(Products)の構造化データをマークアップする方法を紹介します。 商品の構造化データをマークアップすると、Googleは検索結果で商品に関する詳細な情報を提供できるようになります。 たとえば、検索結果の上部に画像付きで商品のショッピングページへのリンクが表示されます。 また、商品のレビューや価格をリッチスニペットとして表示することがあります。 商品ページをマークアップする 商品単体について記載したページ(Single Product Page)をマークアップします。 JSON-LDでマークアップする JSON-LDはページのどこに記述しても問題ありませんが、通常は<head>タグ内に記述します。 <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "

    商品(Products)の構造化データをマークアップする方法
    QWI00424
    QWI00424 2021/12/13
  • Google における商品の構造化データの概要 | Google 検索セントラル  |  ドキュメント  |  Google for Developers

    フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Product の構造化データについて 商品ページに構造化データを追加すると、Google 検索の検索結果(Google 画像検索や Google レンズ含む)に表示される商品情報がより充実したものになります。ユーザーは、価格、在庫状況、レビューの評価、配送情報などを検索結果ですぐに確認できます。 使用するマークアップを決定する 商品の構造化データには、主に次の 2 つがあります。お客様のユースケースに最適な方の要件に準拠してください。 商品スニペット: ユーザーが直接商品を購入できない商品ページに使用このマークアップには、レビュー情報を指定するためのオプション(商品のエディター レビューページに掲載されている長所と短所など)が多く用意されています。 販売者リスティング: ユーザーが商品

    Google における商品の構造化データの概要 | Google 検索セントラル  |  ドキュメント  |  Google for Developers
    QWI00424
    QWI00424 2021/12/13
  • WordPress のエディター

    ドキュメンテーションを現在英語版から翻訳中です。どなたでもご協力いただけます。 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションからお知らせください。 WordPress エディターはまったく新しいパブリッシング体験です。WordPress エディターを使用すると、メディアを駆使したページや投稿を作成し、簡単にレイアウトを管理できます。投稿やページのすべての要素にそれぞれのブロックができたため、テキスト、引用、画像の配置や構成を気にすることなく、作成に集中できます。 各ブロックを移動、編集、カスタマイズすると、エディターには実際のサイトで見えるようにビジュアル要素が表示されるため、今まで「公開」ボタンをクリックする前にコンテンツのプレビューと再確認に費やしていた時間を節約できます。 WordPress Version 5.5 の新機能 ブロックディレクトリプレビ

    WordPress のエディター
    QWI00424
    QWI00424 2021/09/27
    ブロックエディター
  • レスポンシブ画像 - ウェブ開発を学ぶ | MDN

    完全な初心者はこちらから!ウェブ入門ウェブ入門基的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基CSS の基JavaScript の基ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH

    レスポンシブ画像 - ウェブ開発を学ぶ | MDN
    QWI00424
    QWI00424 2021/09/22
  • 携帯電話IPアドレス帯域リストを更新しました|OpenPNE

    2021年07月月01日、docomoのIPアドレス帯域追加に伴いOpenPNEのIPアドレス帯域リストを更新しました。 OpenPNEの携帯版を利用している方はSNSに反映お願いします。 今回追加したIP docomoのIPアドレス帯域変更についての詳細は以下のURLを御覧ください。 https://www.nttdocomo.co.jp/service/developer/make/content/ip/index.html 203.138.204.160/27 ダウンロード https://www.openpne.jp/pne-downloads/mobile_ip_list/ こちらのページからIPアドレス帯域リストをDLできます。 IPアドレス帯域リストの更新方法 OpenPNE3 OpenPNEのパッケージ内にある以下のファイルを、ダウンロードしたIPアドレス帯域リストに置き換

    QWI00424
    QWI00424 2021/07/31
    2021/07/01 IP帯域リストがダウンロードできるバージョンは限られています。それ以外は各自で追加作業が必要とのこと。
  • HTML5のアウトライン構造だけでなくセクションもチェックできるChrome拡張&Firefoxアドオン

    HeadingsMapとは HeadingsMapは、HTMLドキュメントの「HTML5アウトライン」や「見出し構造」のナビゲートマップを表示してくれるブラウザ拡張です。 HeadingsMapは、Chrome拡張版と、Firefoxアドオン版があります。 これまでよく利用されていたHTML5 Outliner(Chrome拡張)等のツールは、アウトライン構造のみが表示されていましたが、HeadingsMapは、アウトライン構造に加えてセクション情報も表示してくれます。 例えば、HTML5 Outlinerで、表示させた場合は、単にアウトライン構造だけが表示されていました。 一方、HeadingsMapで表示すると、見出しで使われているタグまで見ることができ、構造をより詳細に表示することができます。 また、section、nav、article、asideのようなセクション要素が利用されて

    HTML5のアウトライン構造だけでなくセクションもチェックできるChrome拡張&Firefoxアドオン
    QWI00424
    QWI00424 2021/07/13
  • Google Web フォント完全ガイド!使い方や 参考にしたいサンプル例まとめました。

    どんなデザインにおいても、ただしいフォント選びが成功の鍵となります。見た目だけでなく、読みやすさも考えながら、フォントの組み合わせを考えるのに悩んでしまうこともしばしばです。 フォントの組み合わせについては、これまでにもいくつか(1/2/3)の記事を紹介していますが、今回は、Google Web フォントを利用した、実用的でデザインも美しいサンプル例をまとめています。 目次 Google フォントとは? Google フォントの実装方法 実用で使える、Google フォントの組み合わせ パート1 実用で使える、Google フォントの組み合わせ パート2 Google Web フォントを見つけやすくする Font Library Google 謹製、日語 Web フォント「Noto Sans JapaneseGoogle Font とは? 通常、ブラウザで表示できるフォントは、ユーザ

    Google Web フォント完全ガイド!使い方や 参考にしたいサンプル例まとめました。
    QWI00424
    QWI00424 2021/07/04