ワンクリックでURLを一括で置換え可能! Velvet Blues Update URLs
ワンクリックでURLの置換えが可能な便利過ぎるプラグイン! Velvet Blues Update URLsVelvet Blues Update URLsはURLを一括で置換えができるプラグインです。 サイト内の全てのURLやコンテンツへのリンク、抜粋、及びカスタムフィールドを更新する事が可能です。 データーを移行する時に使用するプラグインなので、通常は然程使用する事はないと思うのですが、 ローカルの環境にWordPressのテストサイトを作る場合や、 WordPressのお引越しの際に、古いサイトアドレスを新しいアドレスに書き換える時に威力を発揮します。 ボタンをクリックするだけの簡単操作なのも嬉しい魅力のひとつです。 因みに、今日はDEMOサイト(wp-demo―みてみた)の方の「みたみた」へのリンクが 39ma.netになったままでしたので、このプラグインを使い、https://m
医療機関向けのVR導入ガイドが登場、今後あらわれる“バーチャル患者”の役割 – 起業家医師から見た医療×VRのいま
Home » 医療機関向けのVR導入ガイドが登場、今後あらわれる“バーチャル患者”の役割 – 起業家医師から見た医療×VRのいま 医療機関向けのVR導入ガイドが登場、今後あらわれる“バーチャル患者”の役割 – 起業家医師から見た医療×VRのいま 医療向けAR/VRは米国を中心に導入が進んでおり、活用範囲の規模と質の両面において進化を続けています。外科医等のトレーニング、手術のシミュレーション、リハビリ、疼痛や不安の軽減など、領域は拡大。AIとの組み合わせで医療機器として承認を得るなど、治療方法としての価値も高まっています。 本記事では医療向けAR/VRの今を、起業家医師の視点で切り取っていきます。 医療機関向け「VR導入ガイド」が登場 米国より、VR導入を検討する医療機関向けに、導入のノウハウをまとめたレポートです。具体的には6点のポイントがあります。 1. VR導入のゴールを設定する 医
このサイトで使用しているWeb技術の備忘録（WordPress, jQuery, CSS） | Our Story's Diary
常日頃からWebで適当に検索して当たった記事に助けられ続けているWebコーダーとして、たまには技術の共有でもしようと思ったのですが、単独記事としてまとめる説明力がないので適当に殴り書き。 思いついた時や思い出した時に更新していきます。需要があれば詳しく書くこともあるかも。 ※PHPに詳しくないためにjQueryで強引に何とかしている場合が多いので、パフォーマンスをミリ秒単位で上げたい方には向いていません。あくまでその場しのぎです。 LazyLoadで後から画像を読み込む際に、要素内スクロールでは読み込みを開始しない 画像の読み込みを遅らせてサイトの読み込みを高速化するLazyLoad技術。プラグインまたはJavaScriptライブラリを使って導入しているサイトは（WordPress以外でも）多いはずです。 ところが思わぬ落とし穴があって、overflow: scrollを設定したポップアッ
スマホ対応の優れもの！クリック・タップの直前にページを先読み、高速表示する超軽量スクリプト -instant.page
ユーザーがリンクをクリックする際のhoverとタップする際のtouchstartに合わせて、クリック・タップする直前にページのHTMLをプリロードし、高速に表示するわずか1kBの超軽量スクリプトを紹介します。 ページに外部スクリプトを1つ加えるだけの簡単実装です。 instant.page instant.page -GitHub instant.pageの特徴 instant.pageのデモ instant.pageの使い方 instant.pageの特徴 instant.pageはprefetchを使用し、ユーザーがクリック・タップする直前にページをプリロードして、ページを高速に表示します。 ユーザーがリンクをクリックする際には、そのリンクの上にマウスを移動します。そのリンクをユーザーが65ミリ秒間ホバーした場合、そのリンクをクリックする確率は1/2であるため、この時instant.p
Shifter – Serverless Static WordPress ホスティングサービス「Shifter」
Serverless Static WordPress Hosting Shifterは世界で一番使われているCMS「WordPress」を、超高速・安全・メンテフリーにするオンラインサービスです。サーバーレスによる全く新しいアプローチで、WordPressユーザーから伝統的なホスティングにつきものの、遅延・停止などソフトウェアやサーバー保守にかかる負担・セキュリティの不安を排除します。 安心・安全性 WordPressとAWSのプロフェッショナルが在籍。経験豊富なスタッフが日本語・英語で安心のチャット対応。無制限の拡張性を定額で利用可能。WordPressで作成したコンテンツをShifterが完全な静的HTMLに変換し、無料のHTTPS通信で配信。伝統的なホスティングにありがちな面倒な手続きや追加の保守、悪質なボット・攻撃者からの脅威を製作者から排除。
WordPressによる静的サイトジェネレーターShifterのイベント #JP_GetShifter 参加リポート – Capital P – WordPressメディア
日本でのWordPressエージェンシーとして長いあいだ先頭を走り続けてきたDigital Cubeが提供しているShifterというサービスがAWSやサーバーレス方面に感度の高い人のあいだでジワジワ知名度をつけている。筆者は先日開催されたコミュニティイベント JP_GetShifter に参加してきたので、そのリポートをお送りする。 WordPressのホスティングサービスShifter CMSの隆盛から静的サイトジェネレーターの誕生 まず、静的サイトジェネレーターについて説明しよう。WordPressが象徴的なのだが、サーバーサイドスクリプト＋RDBMSで動くCMSが2000年代初頭からずっと勢力を伸ばし続けてきた。Web2.0というバズワードを引くまでもなく、それがいかに革新的だったかわかるだろう。人類はHTMLやCSS、そしてFTPといったWeb開発の基本技術を知ることなくWebサ
barba.jsをWordpressで導入してみた。非同期画面遷移で体感速度アップ | 沖縄移住ライフハック
非同期に画面遷移をおこなえるようにするjs。 どんなものかは、公式のデモを見てください。すぐわかります。 Barba.js Demos Circles Demo いいですよね。 読み込み時パッと白くなるような野暮なインタラクションがなくなり、スムーズに画面が遷移していますね。URLのとこもちゃんと変わってるからブログみたいなページものサイトでも使えるし。 オサレやーん Barba.jsをWordpressに導入というわけで本番たたき台でもある、私の個人Wordpressブログ（みなみのひげブログってのが昔あった）で試しました。 参考にしたのはこの辺のページ。 Barbaドキュメント翻訳 | Barba – にほんご。Pjax（非同期画面遷移）でシームレスな画面遷移ができるBarba.jsjQueryとBarba.jsでpjax対応サイトを制作する【demo有り】 | oku-log【爆速】
AjaxでWordPressのページをシームレスに遷移させるコードをおおよそ作成した | 日常の生活と仕事を雑記するコーダーのブログ | CattleMute
仕事での備忘録や田舎住まいの生活などの日常を雑記したコーダーのブログ CattleMuteキャトルミュート WordPressのページをAjaxを利用してシームレス（継ぎ目なし）に遷移したいという話があった。 話が出たとき、「ああ、ついにこういう系のやつが来たか」と思ってげんなり。 まぁ自作のURLを処理するフレームワークとかに実装するなら別に大した問題でもない。 が、WordPressみたいに複雑にパラメータを処理してページを表示するタイプのCMSには、自分が預かり知らぬところの表示処理も考慮して実装するのは案外難しかったりする。 とりあえず、無理なら無理でもいいということだったので、それを行うために山積みの問題と格闘してそこそこ時間を取って作成してみた。 まぁ、時間を取った割に、いろいろな制約が重なって残念ながらお蔵入りになったけど。 制約を守って使う分には使えそうなので、掲載しようと
Animsition
AnimsitionA simple and easy jQuery plugin for CSS animated page transitions.Download on GitHub Tweet 58 different animations Fadefade-infade-outFade Demo Fade upfade-in-up-smfade-in-upfade-in-up-lgfade-out-up-smfade-out-upfade-out-up-lgFade Up Demo Fade downfade-in-down-smfade-in-downfade-in-down-lgfade-out-down-smfade-out-downfade-out-down-lgFade Down Demo Fade leftfade-in-left-smfade-in-leftfade
WordPress を数分で PWA 化するプラグイン Super Progressive Web Apps - FirstLayout
Super Progressive Web Apps とは？Google が推進しているのが PWA 。PWA とは、Web サイトをアプリにする仕組みです。 この PWA を簡単に WordPress に実装するできるのが、プラグインの Super Progressive Web Apps 。WordPress に PWA を実装するための優れたプラグインです。 PWA のホーム画面への追加機能・キャッシュ機能・オフライン機能と、欲しい機能に対応。また、プラグインの OneSignal – Free Web Push Notifications と連携すれば、PWA の Push 通知まで可能です。 さらに、設定が極めて簡単なことも特徴です。今日 WordPress を始めた方も、迷わず設定できるはずです。その上、PWA への対応が不完全な iOS 向けに、自動的に対策をしてくれます。
【コピペでOK】WordPressをPWA対応させる方法（プラグインなし） | SimoSimo
This domain may be for sale!
WordPressサイトをPWA化する方法＋戻るボタンの実装【おすすめ】｜macoblog
そもそもPWAって何？【導入サイト紹介】 PWAとは「Progressive Web Apps」の略でして、簡単に言うとWEB（アプリ）とネイティブアプリ（スマホアプリ）の良い部分をいいとこどりする仕組みのことです。 ネイティブアプリ メリット１：読み込みが早い メリット２：オフラインでも使える デメリット：使用するためにはインストールしないといけない WEBサイト（WEBアプリ） メリット：インストールが不要（アクセスするだけで使える） デメリット１：ネット回線によって読み込み時間が左右される デメリット２：オフラインで使えない（機内モード等） 上記はほんの一部ですが、それぞれ良い所と悪いところがあることが分かります、そこで、「それぞれのメリットだけを合わせ持ったものは最強じゃない？」ってのがPWAの考え方なわけです。 導入例の紹介 百聞は一見に如かずってことで実際にPWA化されたサイト
WordPressサイトを一瞬でPWA化できる PWA for WordPress【プラグイン紹介】 | バシャログ。
今年の春頃、iOSのServiceWorker対応で、PWA（Progressive Web Apps)がWeb界隈を賑わせましたね。 私は6月にAndroid Bazaar and Conferenceに参加してまいりました。 春は東大の本郷キャンパスでしたが、秋は川崎で開催されます。現在も参加登録できます! 申込はconnpassから。 PWA for WordPress WordCamp Tokyo 2018や、私が参加した日本Androidの会9月定例会で紹介がありました。サイトをPWA化するためには、manifest.jsonとservice-worker.js、他にアイコン用の画像などが必要となります。 これらを非常に簡単に設定してくれるプラグインです！ (利用には対象のWordPressサイトがhttps化している必要があります) 使ってみました！ プラグインをインストールし
今更ながら、格子状に並べたボックスをフェードイン・フェードアウトさせてみる | バシャログ。
先日注文した冷凍イカが届いたので、これまでやったことがなかった下処理に挑戦中の kouraku です。 おはこんばんちわ。 さてさて今回は、JSを使って格子状に並べたボックスに対し、見た目簡単なフェードイン・フェードアウトのアニメーションを付けたいと思います。 なお、アニメーションは以下4種です。 順番通りにフェード 横にフェード 縦にフェード 斜めにフェード HTML・CSS 100個のボックスを表示させるために、HTMLは以下のとおり組みます。 [HTML] <div class="wrapper"> <button class="btnOrder">順番</button> <button class="btnHorizon">横</button> <button class="btnVertical">縦</button> <button class="btnSlant">斜め</b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://technote.space/wordpress/pwa-compare
Monaca
Bootstrap 4で実装されているデザインシステム要素すべてをデザイン素材にした無料素材 -Bootstrap Design System