AMP（Accelerated Mobile Pages）がオープンソースとして立ち上げられてから数年が経ちました。食べログなどの大手Webサービスが対応し、また簡単にAMP対応できるWordPressプラグインが出たことで、今では一般に浸透してきた感じを持っています。 ただ「表示高速化技術」「一瞬で表示する技術」というのは正しくないのでやめませんか？ AMPはWeb Componentsフレームワークまず誤解されがちなのですが、AMPは新たな技術ではなく、Web標準の「Web Components」というAPIを用いて実装されています。AMPのGitHubページにもしっかりと「The AMP web component framework.」（AMPというWeb Componentsを用いたフレームワーク」と掲載されています。 Web Componentsは、再利用可能でカプセル化された
Webサイトをダークモードに対応させよう
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します！ ↑私が10年以上利用している会計ソフト！ とにかく夜間見えづらい！ 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか！こりゃー私には危険だわ
WordPressの“古いプラグインやテーマ”から侵入するサイバー攻撃、ロシアの企業が発表 標的のアドオンリストあり
ロシアのアンチウイルス製品を開発するDoctor Webは、WordPress CMSをベースとしたWebサイトをハッキングする悪意のあるLinuxプログラムを発見したと発表した。 Linuxマルウェアが複数の古いWordPressプラグインやテーマに存在する30の脆弱性を悪用して、悪意のあるJavaScriptを注入していた。その結果、ユーザーが感染ページの任意の領域をクリックすると、他のサイトにリダイレクトされる被害が起きていたという。 このマルウェア（トロイの木馬）は32ビットと64ビットの両方のLinuxシステムをターゲットにしており、そのオペレーターにリモートコマンド機能を与える。主な機能は、ハードコードされたエクスプロイトのセットを使用してWordPressサイトをハッキングし、そのうちの1つが動作するまで連続して実行される。 対象となる脆弱性があるプラグインやテーマは以下の通
Web制作のたびに繰り返し手こずって、時間のかかってしまう作業ってないでしょうか。 作業の効率化や時短において、限界を感じているひとにこそ刺さる、知っておきたい最新オンラインツールをまとめてご紹介します。 面倒な作業もあっという間に終わるだけでなく、どれも無料で利用でき、これまでのWeb制作がガラリと変わるコード不要の「ノーコード」Webページビルダーや、AI技術を活用したサービスも続々増えています。 「Web制作をもっと手早く終わらせたい」と考えているひとは、まずは自分だけのお気に入りツールを見つけてみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール 面倒なWeb制作におさらば！便利すぎる新登
はじめに Gridsome どんな感じで動くのか やってみる データソースとかもろもろ設定してみる ビルドする Wordpressをデータソースに設定してみる まとめ はじめに 前回、Docker + Remote Containersを最高だと紹介したわけですが、今回はGridsomeを紹介します。そもそも前回のブログはこれを試すために環境を整備しなおそうとしたのがきっかけでした。なお、前回のブログはこちら。 www.keisuke69.net どこらへんが最高かっていうと全てのデータソースに対してGraphQLでアクセスできるようになるところ。これって最高じゃないですかね。ま、最終的には静的サイトとしてGenerateしてしまうわけですが。 ちなみに、なぜ、今回Gridsomeを試そうと思ったかというと、最近聞いたとあるPodcastで紹介されてたからです。それだけ。 Gridsome
チャットAI「ChatGPT」は2023年2月には月間1億ユーザーに到達したほど急速に成長しており、Googleのコーディング職の試験にパスしたり、裁判官が判決文を作成する際に使用されたりと、さまざまな事例でその精度の高さが報告されています。アメリカのテクノロジーと国家安全保障政策に携わる政策顧問でコンピュータ科学者のデビッド・ゲワーツ氏は新たに「ChatGPTがWordPressプラグインを5分で作成した」と報告しており、「魅力的で素晴らしく、恐ろしいものです」とコメントしています。 So... this... https://t.co/mzBYpCJay5— David Gewirtz (@DavidGewirtz) I asked ChatGPT to write a WordPress plugin I needed. It did, in less than 5 minutes
サクッと立ち上げられるサーバーレスWordPress！「Shifter」でFAQサイトを1時間で作る | DevelopersIO
Shifterとは ShifterはWordPress環境をサーバーレスで立ち上げ、静的なサイトを生成することができるサービスです。 Shifterを使って下記のようなFAQサイトを作ってみました。アカウント作成からサイト公開まで1時間弱で済みました。この状態まで無料で作成することができます。 よくある質問 – Developers.IO CAFEカスタマーサポートサイト Shifterのアカウント作成 Shifterのアカウントをお持ちでない方は以下のページからアカウントを作成します。 Shifter サイトの作成 新規サイトを作成します。サイトを作成する際はまずプランを選択する必要があります。まずは無料で始めたいのでFree Tierを選びます。 Site nameを入れて完了です。 WordPressの起動 サイトを作成後、下記の画面になります。この画面がShifterで一番よく使う
【実はnoteの他にもある】投げ銭・有料記事を作れる！有料ブログ＆デジタルコンテンツ販売サービス10選 先日、『cakes（ケイクス）』というメディアで連載されている人生相談で、 幡野広志氏がDV被害者に対して二次加害をする、しかもそれを糸井重里氏がTwitterで「サイコー！」と面白がる という事件がありました。 嘘をつかない答えって、嘘に惑わされないことなんだね。相談の文を読んでるときと違和感が、そのまま回答だった。ところで「遊びっていっても深夜に夜釣りしているのか」がサイコー！ https://t.co/c54ZlXkrEs — 糸井 重里 (@itoi_shigesato) October 19, 2020 cakesは、メディアプラットフォーム「note」も運営している、note株式会社が運営しているメディアです。 当然ですが、一般読者はドン引き、cakesやnoteを退会したと
営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 WordPressで予約システムを利用するメリット WordPressで作ったWebサイトに予約システムを設置するメリットについて解説します。 低コ
WordPressで爆速Canonical AMPサイトを構築した方法と3つの理由 - 一休.com Developers Blog
文責 はじめに 『KIWAMINO』をどうやって構築したのか WordPress と AMP プラグインで Canonical AMP サイトを構成した方法 インフラ ミドルウェア WordPress Lighthouse なぜ WordPress と AMP プラグインで Canonical AMP サイトを構成したのか (1) AMP の制約によって、サイトスピードが速くなるから (2) エンジニア・デザイナーの学習および開発コストが低いから (3) 巨大な組織・コミュニティの恩恵を受けられるから おわりに 採用情報 文責 新規プロダクト開発部の伊勢（ id:hayatoise ）です。 新規プロダクト開発部は一休の新規事業の開発とデザインを担当する部署です。現在、新規プロダクト開発部は主に『一休.comスパ』、『一休コンシェルジュ』および『KIWAMINO』を担当しています。 はじめ
WordPressの小ネタ集 - Qiita
この記事は、「CMS Advent Calendar 2023」の21日目の記事で、WordPress に関してもしかするとあまり知られていないかもしれない事を、とりとめもなく独断でまとめたものです。 特に、ここ数年 WordPress に触れておらず、今の WordPress はどうなっているのか? という事を知りたい方向けの情報も少し盛り込んでいます。 クラシックエディターはいつまで使えますか ? Classic Editor プラグインの説明には、この記事を書いている時点で「Classic Editor は公式な WordPress プラグインであり、少なくとも2024年まで、または必要なくなるまでの間、完全にサポート・保守されます。」と記載されています。 それでは2025年以降、クラシックエディターが使えなくなる可能性があるのでしょうか ? 自分は、クラシックエディターは残り続ける
Faust.js + Headless WordPress + Vercel での Jamstack アーキテクチャでプレビューを実現する手順(カスタムポスト作成あり) Faust.jsとは？ Faust.jsとはについては公式サイトのトップに書いてありましたので引用します。 Faust.js is the Headless WordPress Framework. Faust.js provides a set of tools to make building front-end applications with WordPress as the headless CMS a pleasant experience for both developers and publishers. This framework consists of a WordPress plugin, a
テーマ不要になるか？WPのテンプレートプラグイン「LIQUID BLOCKS」 | WordPressやWebデザインなど紹介 Ocadweb
WordPressのGutenberg（グーテンベルク）が導入されてから、htmlなどの知識がなくてもおしゃれなホームページが簡単にできるようになりました。 WordPressテーマは不要になるのか？ WordPress関連のブログ記事でもテーマは不要になるのではないかという意見もでています。（実際には現在、WordPressテーマは必要になります。しかし、いろんなテーマを選ばなくても簡単におしゃれなホームページができるようになるのでは。。。という意味です。） とはいえ、配置やデザインを考えたり、詳細な使い方を勉強したりせずにもっと簡単に作りたいという方に、今回紹介するテンプレートが用意されているWordPressプラグイン「LIQUID BLOCKS」を紹介します。このプラグインのイメージ画像は英語表記されていますが、製作者は日本人のため、もちろん日本語対応。またWordPress公式の
WordPressプラグインとしてSite KitをGoogleが正式公開、WPからSearch Consoleのレポートを確認可能
[レベル: 中級] Google は WordPress のプラグインとして Site Kit を正式リリースしました。 Site Kit を利用すると、Search Console や Google アナリティクスなどの Google のツールによるレポートを WordPress のダッシュボードから確認できます。 Site Kit はベータ版としてこれまでは提供されていました。 Google のサイトから直接ダウンロードしてインストールしました。 正式公開となったので、WordPress の公式プラグインディレクトリから今はインストールできます。 インストールは簡単、WP ダッシュボードから SC のレポートをチェック Site Kit の利用方法は難しくありません。 手順を簡単に説明すると次のようになります。 インストール Google アカウントにアクセス権付与 AdSense・G
記事がインデックスされてない？クロールを呼ばなくっちゃ。ブログを書いている身にとっては切っても切れないインデックス問題。 インデックスって平たく言うと、 自分が書いたブログがGoogle先生によって、 検索表示に乗りますよー、というお墨付きをもらうこと。 これは無料ブログでも有料ブログでも等しく同じ。 インデックスされないことにはいくら良い記事、ブログを書いても、 検索流入は見込めません。 ブログサークルに入っていればブログサークルから、 Twitterやブログランキング、また、無料ブログにあるコミュニティからは来てもらえます。 が、わたしのように日々のブログ閲覧数を検索流入に頼ってる人には大問題。 このインデックスされない問題、調べても調べても謎。 「○○だよ」、と言う人もあれば、「いや、△△だよ」と言う人もいる。 つまりはみんなよくわからない。すべてはGoogle先生の意のままなのでは
この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 これまではむずかしいと思っていたことや、面倒な作業をボタン一発で完了できるなど、デザイン制作の時間短縮にぴったりなツールから、遠隔でのテレワークにも便利な新機能、ユニークなツールやサービスなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Tail Blend CSSmix-blend-modeプロパティをリアルタイムで
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。｜榊原昌彦
面倒なWeb制作におさらば！便利すぎる新登場オンラインツール48個まとめ
Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape
ChatGPTにWordPressプラグインを要求したら数日かかる作業を5分で完了させたという報告
【実はnoteの他にもある】投げ銭・有料記事を作れる！有料ブログ＆デジタルコンテンツ販売サービス10選
WordPressで予約システムを設置できるプラグイン9選＆ツール3選を紹介｜ferret
Faust.js + Headless WordPress + Vercel での Jamstack アーキテクチャでプレビューを実現する手順(カスタムポスト作成あり) - necco note | necco inc.
書いた記事がインデックスされていない問題と、インデックスされやすくなるかも…なお話。
ラクラクWebデザイン制作！便利な最新オンラインツール39個まとめ