oEmbed機能の仕組みに見る、WordPressが圧倒的に安全な理由
WordPressを使っていて便利なのが、YouTubeやTwitterのURLをペーストするだけで埋め込めること。ただ便利なだけでなく、安全性にも気を配った仕組みなのです。 自分のWordPressのサイトにいつも投稿している人なら、外部コンテンツを埋め込む必要を頻繁に感じていることでしょう。 YouTubeやVimeoからの動画、SoundCloudやSpotifyからのミュージッククリップ、TweetやVine、Instagram上のFlickr、なんであれ、あっという間に埋め込めます。埋め込みたいコンテンツのURLをWordPressの記事にコピー＆ペーストするだけで完成です。 この記事では、WordPressの「embed」（埋め込み）と「oEmbed」機能に関する詳細をすべて、徹底的に紹介します。 WordPressに「embed」機能が必要な理由 これまで使ってきたほかのCM
ロリポップ！レンタルサーバーで全国TV放送に耐えられた訳 – ecogrammer
今日、会社の商品が日本テレビ系「スッキリ」で紹介されたのですが、さすがに全国放送されると、レンサバ（ロリポップ！レンタルサーバー）を利用しているのでアクセス過多で500エラーになるだろうと、覚悟していたのですが…。 結論、落ちませんでした。 見出しの通り、表示されない。といった状況になることなく、もちろんSNSでも「表示されない」「商品を買えない」などのコメントも一才ありませんでした。もっというと「表示が遅い」こともありませんでした。これ、かなりすごいことなのではないかと..。 去年、苦い経験をした 去年、同じく全国放送されたことがあるのですが、その時はほとんど対策を行うことなく当日を迎え、案の定サイトは表示されない事態になりました。 今回なぜ落ちなかったのか もちろん事前準備を全くしていなかった訳ではありません。特に難しいことをした訳でもありません。ではどのような準備をしていたのかという
The Humble <img> Element And Core Web Vitals — Smashing Magazine
Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy Osmani’s new book (also, check a free PDF preview). We’re happy and honored to have teamed up with Addy to publish
トレンドウェブサイトから学べ！ JavaScriptで作る本格スクロール演出 - ICS MEDIA
「かっこいいウェブサイト」とはどのようなものでしょう？ ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう？」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう？」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか！」と身近に感じられるようにな
How to Use Xdebug for Advanced PHP Debugging | Delicious Brains
You could just debug your PHP code using dump debugging functions such as error_log, print, and var_dump, and let’s be honest, we’ve all done it a lot! While helpful sometimes, they often just aren’t enough and can actually slow you down while developing. There must be a better way, surely?! Enter Xdebug, the rather awesome step debugging and profiling tool for PHP. In this post, I’m going to take
MacOS に anyenv + phpenv で PHP 7.4.1 をインストールする - Qiita
MacOS に anyenv + phpenv を使って PHP 7.4.1 をインストールしてみました。 @dounokouno さんの macOS に phpenv で PHP 7.4 をインストールする を大いに参考にしましたが、環境の違いなのか PHP のバージョンの違いなのか、依存パッケージを幾つか追加でインストールする必要があったので、その差分をメモします。 環境 MacOS: 10.15.2 zsh: 5.7.1 anyenv: 1.1.1 phpenv: v0.9.0-rc.1 php-build: v0.11.0dev 先に結論 多分これでいけると思います。 $ anyenv install phpenv # 既に phpenv をインストール済みの場合は不要 $ brew install autoconf bzip2 icu4c krb5 libedit libicon
Headless Form Submission With the WordPress REST API | CSS-Tricks
If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that would take a ton of effort to build from scratch. They render the HTML, validate the data, store the submissions, and provide integration with third-party services. But suppose we plan to use WordPress as a headless CMS. In this case, we wil
表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時（画面内に要素が入りそうになった時）に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
MAME – Coffee
MAME means ‘beans’ in Japanese. The reference to the Japanese culture means for us dedication towards coffee and to never stop improving. We love participating in coffee competitions, as we believe it is a great way to push our knowledge forward. Through competitions we also gain friendships and baristas. COMPETITION COFFEES Emi, The World Brewers Cup Champion 2018 and Mathieu, Word Barista Finali
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
zshでno match found とでたときの解決方法 - めーぷるのおもちゃばこ
SQL Query Optimization for Faster WordPress Sites
https://www.wpgraphql.com/2021/03/09/gutenberg-and-decoupled-applications
DevRel/Online #3 〜オンラインハンズオンのベストプラクティス〜 - 資料一覧 - connpass
WordPress VIP Documentation
Update on Gutenberg accessibility audit - WPCampus 2020 Online - July 29-30 - Where WordPress meets higher education
Insert Font Awesome Icons Into the Block Editor via the JVM Gutenberg Rich Text Icons Plugin
10 Best Gutenberg Blocks Plugins to Make the Editor Better
https://blockbasedthemes.courses/tutorials/gutenberg-colour-settings/
Standart Japan
Raw Sugar Roast
