プラグイン on qwerty.work

Instagram Graph APIを使う
Instagram ProアカウントとFacebookページを連携させる必要がある
以前は「jquery.instagramFeed.js」や「Instafeed.js」など、シンプルで使いやすいJSがあったようでが、APIの仕様変更で現在は使えなくなっています。JSを使う場合はAPIの仕様変更に気を付ける必要がありそうです。

参考サイト

https://qiita.com/benjuwan/items/a31e23121456f5c29083 https://qiita.com/benjuwan/items/a31e23121456f5c29083

https://arts-factory.net/insta\_api https://arts-factory.net/insta\_api

https://toriton.link/coding/insta\_embed https://toriton.link/coding/insta\_embed

https://engineering.webstudio168.jp/2022/02/2022-instagram-api-js/#google\_vignette https://engineering.webstudio168.jp/2022/02/2022-instagram-api-js/#google\_vignette

【kintone】ルックアップで取得した値を更新するプラグイン

Fri, 06 Jan 2023 00:00:00 +0000

ルックアップで取得元データを編集＆更新

ルックアップで取得したデータは通常、フォームがグレーアウトしていて編集ができませんが、無料の「条件分岐処理プラグイン」を使えば、いちいち取得元のデータベースを開いて編集しなくても、直接編集できるようになります。

プラグインは以下のページよりダウンロードできます。

https://www.tis2010.jp/branchprocess/ https://www.tis2010.jp/branchprocess/

設定方法や使い方の手順は以下のページが参考になりました。

https://fastsystem.funai.site/branchprocess-autolookup/ https://fastsystem.funai.site/branchprocess-autolookup/

ルックアップデータを同期したいときのプラグイン

ルックアップで取得して登録した元データ（コピー元）が更新されたら、コピー先の値も更新したいときが出てきました。そのような時に使えそうな自動更新できる無料のプラグインがあったのメモ。

https://www.tis2010.jp/referenceupdate/ https://www.tis2010.jp/referenceupdate/

以下は有料。

https://m-sol.co.jp/service/kintone/contents/plugin/copy.php https://m-sol.co.jp/service/kintone/contents/plugin/copy.php

その他ルックアップに関する参考ページ

ルックアップの値を条件で絞り込んで表示するプラグインの紹介もありました。

https://www.comdec.jp/comdeclab/kintone-kirarikouchiku/ https://www.comdec.jp/comdeclab/kintone-kirarikouchiku/

MixhostのWebDAVがWindowsで簡単に使えるクライアントソフトのメモ

Thu, 27 Jan 2022 09:51:27 +0900

Windowsで簡単にWebDAVを使いたい

以下の制限されまくりな環境にある2つのWindows PCで、ギガ単位のファイルの移動したいときがありました。

ネットワーク環境が異なる。
USBメモリ使用禁止。
メール容量が一通あたり最大2MBに制限されいる。
メジャーなクラウドストレージはブロックされる。

そこでレンタルサーバーは Mixhost を使っていることもあり、容量もたっぷりあるので自分用のクラウドストレージとしてFTPよりも簡単に使える**WebDAV（Web Disk）**を試してみることにしました。

エクスプローラでWebDAVが使えるけど不調

WebDAVはWindows 10のエクスプローラで普通のフォルダを扱うように扱えますが、たまに固まってしまいます。また、システムに変更を加えず一時的にこっそり使いたい時があり、WebDAVをWindowsエクスプローラで使用するのは辞めました。

Windowsエクスプローラで Mixhost のWebDiskの接続する方法は以下のページが参考になります。

https://cocol.co.jp/server/howoto0008/ https://cocol.co.jp/server/howoto0008/

CarotDAVがなかなかよかった

ネットでいろいろ探してみるとフリーソフトの『CarotDAV』が良いと評価が高かったので、USBメモリに入れて持ち運んだり、インストールしなくても使えるポータブル版をダウンロードしてみましたが、これがなかなか良かったです。

http://www.rei.to/carotdav.html http://www.rei.to/carotdav.html

http://www.vector.co.jp/soft/winnt/net/se430767.html http://www.vector.co.jp/soft/winnt/net/se430767.html

http://www.vector.co.jp/soft/winnt/net/se515377.html http://www.vector.co.jp/soft/winnt/net/se515377.html

何がいいって、エクスプローラライクにドラッグ&ドロップでファイルやフォルダのアップロードやダウンロードができるし、Deleteキーで簡単に削除もできます。メニューが英語ですがWindowsエクスプローラを設定よりも接続設定は簡単に感じました。

また、WebDAVだけではなく、FTP/FTPS、SFTP、OneDrive、Dropbox、GoogleDrive、Box、SugarSync、HubiC、OpenStack Swift、iCloudにも対応しているのが良いです。

設定手順

今回使用した**CarotDAV（Portable版）**のバージョンは Version 1.16.1 です。

1.事前準備

『CarotDAV』の設定に必要な情報の準備として、事前に Mixhost の [cPanel]-[Web disk] で**『Web Diskアカウント』**を作成する必要があります。

2.接続設定

CarotDAV.exeを起動して以下のアイコンをクリックして**『WebDAV』**を選択します。

3.必要項目を入力

Mixhost の**『 cPanelメニュー』の『 Web Disk』で作成したWebDiskアカウント情報を入力**します。

入力項目の説明

  項目名
  説明




  Setting Name
  接続設定名称（適当）


  URI

https://（mixhostの契約アカウント名）.mixh.jp:2078/ https://（mixhostの契約アカウント名）.mixh.jp:2078/

    例 https://qazws.mixj.jp:2078/


  Usename
  cPanelで設定したWeb Diskアカウント名（メールアドレス形式）

    例 webdav@qazws.com


  Password
  cPanelで設定したWeb Diskアカウントのパスワード

4.接続テスト

**『Test』**ボタンをクリックすると接続テストができます。設定内容が正しく、接続に成功したら以下のように表示されます。

5.ダブルクリックして接続

登録した接続名をダブルクリックすると、WebDAV接続が開始されます。

設定内容を変更したい場合は右クリックして**「Property」**を選択すると、接続情報を編集できます。

6.接続完了

以上。

WinSCPもまあまあ

FTPクライアントとしてWinSCPを使用したこともあるので、これも良さそうと思いポータブル版を使ってみましたが、CarotDAVと同じようにドラッグ＆ドロップは使えましたが、操作感に不満を感じました。ただ、ファイルの種類に合わせてアイコン表示されているのはいいなと思いました。これも有名なフリーソフトなので、FTP転送作業のついでに使うならアリかもです。

https://winscp.net/eng/docs/lang:jp https://winscp.net/eng/docs/lang:jp

他のWindows用WebDAVクライアントソフトのメモ

WebDAVに使えるフリーソフトが以下のページにまとめられています。

http://www.nminoru.jp/~nminoru/pc/webdav_clients.html http://www.nminoru.jp/~nminoru/pc/webdav_clients.html

ブラウザを使用する場合

特別なソフトを使用せず、Chromeなどでブラウザでできればいいなと思って探してみたらありました。

Chrome拡張機能

Chromeに登録してみましたが、https://xxxxx.mixh.jp:2078/にアクセスするとWebDAV接続の認証がダイアログが表示され、認証してページにWebDisk上のファイルは表示されましたが、アップロードボタンなどが表示されず、使い物になりませんでした。

https://chrome.google.com/webstore/detail/commerce-cloud-webdav%20/cifnccfbkdjfhjeaolpgjnodlnophbio https://chrome.google.com/webstore/detail/commerce-cloud-webdav%20/cifnccfbkdjfhjeaolpgjnodlnophbio

Chromeウェブストアウェブアプリ

これは使えましたが、認証情報が抜き取られそうでちょっと怖いです。そんなことはないかもしれませんが不安になりました。

https://chrome.google.com/webstore/detail/webdav-client-with-drive/knihlfhkdknhkkjkcbdnoejbmcfcongd/related https://chrome.google.com/webstore/detail/webdav-client-with-drive/knihlfhkdknhkkjkcbdnoejbmcfcongd/related

その他参考ページ

https://gungii.com/webdav-info/ https://gungii.com/webdav-info/

【jQuery】画像のスライドを実現するSlick.js

Fri, 05 Nov 2021 13:50:27 +0900

画像のスライダー

画像のスライドを簡単に実現できるJSないかな～と探してみたら、あっさり見つけることができたのでメモ。

jQueryに依存するもの

Slock.js

Slick.jsを使った参考例

https://coco-factory.jp/ugokuweb/move01/6-1-6/ https://coco-factory.jp/ugokuweb/move01/6-1-6/

公式サイト

https://kenwheeler.github.io/slick/ https://kenwheeler.github.io/slick/

jQueryが不要なもの

Swiper.js

Slick.jsを使った参考例

https://www.rectus.co.jp/archives/496 https://www.rectus.co.jp/archives/496

https://digipress.info/tech/introducing-swiper-js/ https://digipress.info/tech/introducing-swiper-js/

公式サイト

https://github.com/nolimits4web/swiper https://github.com/nolimits4web/swiper

【JS】Lightboxみたいにテキストをモーダルウィンドウに表示するプラグインメモ。

Tue, 02 Nov 2021 14:58:54 +0900

Ligthbox風にテキストを表示したい

参考サイト

https://goworkship.com/magazine/open-source-modal-window/ https://goworkship.com/magazine/open-source-modal-window/

https://www.willstyle.co.jp/blog/2254/ https://www.willstyle.co.jp/blog/2254/

これもjQueryがあれば使えます。フォームのモーダルとかに使えて機能も豊富そうです。機会があれば是非使ってみたいです。

https://dimsemenov.com/plugins/magnific-popup/ https://dimsemenov.com/plugins/magnific-popup/

ダウンロードページ

https://github.com/dimsemenov/Magnific-Popup https://github.com/dimsemenov/Magnific-Popup

リファレンス参考

https://dimsemenov.com/plugins/magnific-popup/documentation.html https://dimsemenov.com/plugins/magnific-popup/documentation.html

PHPのバージョンを5系から7系に変更したらWordPressのページが500エラーになった

Sun, 29 Dec 2019 11:45:06 +0900

ズバリ、結論から言うと今回の原因は『Exec-PHP』で解決方法あります。

PHPをバージョンアップしたら500エラーが出る

WordPressで公開しているサイトのレンタルサーバーのPHPを7.系にするとエラーになりました。現時点でレンタルサーバーはMixhostを使っており、コントロールパネルでPHP5.6からPHP7.0→7.1→7.2→7.3と順に設定を変えてみました。バージョン7系はどれもWordpressの公開ページにアクセスすると以下のような画面になってしまいました。

サイトに重大なエラーがありました。詳細については、サイトの管理者のメール受信ボックスを確認してください。

WordPressでのデバッグをさらに詳しく見る。

PHP7系のバージョンによっては以下のエラーページが表示されました。

サイトに重大なエラーがありました。

WordPressでのデバッグをさらに詳しく見る。

放置していたこの問題を本気で対処することに

以前からこの問題はあったのですが面倒くさくて原因を探らず、ずっとPHP5.6のまま使っていました。WordPressのバージョンアップとかで『そのうち自然に解消するだろう』と思っていましたが、まったく解消の気配がなく、WordPressのダッシュボードにも『PHPの更新が必要です』と注意表示が出ていたので、『そろそろ本腰入れて対処するか』と解決方法を探ることにしました。

プラグイン『PHP Compatibility Checker』で互換性を調べてみる

テーマがPHP7に対応していないのかな？とインストール済みのプラグインとテーマのPHPの互換性を調べてくれるプラグイン『PHP Compatibility Checker』で、スキャンしてみました。すると現在使用している『Basic』というテーマで以下の警告が出ました。

21 | WARNING | Function create_function() is deprecated since PHP 7.2; Use an anonymous function instead

21 | 警告| 関数create_function（）はPHP 7.2以降廃止されました。 代わりに匿名関数を使用してください

テーマを更新してして、PHP7.0→7.1→7.2→7.3と各バージョンを試しましたが、結局状況は変わりませんでした。テーマ以外に別に問題があるのかな？と今度はプラグインを疑いました。

エラーの原因はプラグイン『Exec-PHP』だった

以下のメールがサーバーから届いていました。

WordPress 5.2から、サイトでプラグインやテーマが致命的なエラーを発生させた場合にそれを検知してこの自動メールでお知らせする機能が追加されました。

今回の場合、WordPress がプラグイン Exec-PHP でエラーを捉えました。

まずはじめに、ご自分のサイト (https://sample.com) を開き、目に見える問題がないか確認してください。次に、エラーが発生したページ (https://sample.com/wp/wp-admin/index.php) を開き、同様に問題がないか確認してください。

この問題をさらに調査するにはサーバーホストに連絡してみてください。

もしサイトが壊れていてダッシュボードに正常に接続できない場合、WordPress には特別な『リカバリーモード』があります。これによりダッシュボードに安全にログインし、さらに調査をすることができます。

https://sample.com/wp/wp-login.php?action=enter_recovery_mode&rm_token=L**M0yRRK1L*yzS5*Qj*Gw&rm_key=iwaXrgB*RNDhO**tnm*Iwi https://sample.com/wp/wp-login.php?action=enter_recovery_mode&rm_token=L**M0yRRK1L*yzS5*Qj*Gw&rm_key=iwaXrgB*RNDhO**tnm*Iwi

サイトを安全に保つため、このリンクは 1日で有効期限が切れます。ですが、心配なく。有効期限後にこのエラーが再度発生すれば新しいリンクをお送りします。

この問題を解決しようとする際、以下の情報を聞かれるかもしれません。 WordPress バーション5.3.2 現在のテーマ: Basic (バージョン 1.3.10) 現在のプラグイン: Exec-PHP (バージョン 4.9) PHP バージョン7.3.11

エラー詳細

===============

エラータイプ E_PARSE が /home/abcdefg/public_html/sample.com/wp/wp-content/plugins/exec-php/exec-php.php ファイルの 22 行目で発生しました。エラーメッセージ: syntax error, unexpected ’new’ (T_NEW)

WordPressのテーマや記事内でPHPのコードを使用できるようにするプラグイン『Exec-PHP』がPHP7系に対応していませんでした。これに関する検索をしてみたら、プラグインが『PHP7に対応していない』とか『危険』『セキュリティ上問題あり』とかのページがぼろぼろ出てきました。

問題ありのプラグインでもその場しのぎで使う

『Exec-PHP』を無効にすればPHP7.3にしてもWordPressのページは表示されるようにはなるけど、レイアウトが崩れました。PHPでレイアウトに関連したコードをインクルードしていたので当然ですね。『Exec-PHP』を入れることで投稿内にPHPを書いて実行できる環境になってしまうのでセキュリティ上、危険らしいのですが、対策としてコードをプラグイン化したり、ショートコードの自作とかすぐにできないので、『何とかこの場を凌げないかな？』と調べていたら『Exec-PHP』を改造・修正する方法を見つけました。

『Exec-PHP』のファイルを修正する方法

『Exec-PHP』のPlugin内のファイルにあるソース=&がエラーの原因でした。=&から&を削除して=に修正することで、エラーを解消できました。

“=&“があるファイル

/wp-content/plugins/exec-php内にある以下の10ファイルが修正の対象です。Dreamweaverで対象のファイルを開くと、=&がある行はエラーがあることを示す赤色で行番号が表示されていました。

修正対象ファイル

admin.php
ajax.php
cache.php
config_ui.php
exec-php.php
manager.php
runtime.php
script.php
user_ui.php
write_ui.php

各ファイルの修正箇所

admin.phpの修正部分

/wp-content/plugins/exec-php/includes/admin.php

40行目

$this->m_cache =& $cache;
     ↓
$this->m_cache = $cache;

53行目

$this->m_common_script =& new 
     ↓
$this->m_common_script = new

56-57行目

$this->m_write_ui =& new ExecPhp_WriteUi($this->m_cache, $this->m_common_script);
$this->m_user_ui =& new ExecPhp_UserUi($this->m_cache);
     ↓
$this->m_write_ui = new ExecPhp_WriteUi($this->m_cache, $this->m_common_script);
$this->m_user_ui = new ExecPhp_UserUi($this->m_cache);

63-64行目

$this->m_style =& new ExecPhp_Style();
$this->m_config_ui =& new ExecPhp_ConfigUi($this->m_cache, $this->m_common_script);
     ↓
$this->m_style = new ExecPhp_Style();
$this->m_config_ui = new ExecPhp_ConfigUi($this->m_cache, $this->m_common_script);

79行目

$this->m_admin_script =& new ExecPhp_Script(ExecPhp_ID_SCRIPT_ADMIN,
				ExecPhp_ID_L10N_ADMIN, $this->m_admin_l10n, '/js/admin.js', array('sack'));
     ↓
$this->m_admin_script = new ExecPhp_Script(ExecPhp_ID_SCRIPT_ADMIN,
				ExecPhp_ID_L10N_ADMIN, $this->m_admin_l10n, '/js/admin.js', array('sack'));

ajax.phpの修正部分

/wp-content/plugins/exec-php/includes/ajax.php

23行目

$this->m_cache =& $cache;
     ↓
$this->m_cache = $cache;

56行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

64行目

$user =& new WP_User($i->user_id);
     ↓
$user = new WP_User($i->user_id);

cache.phpの修正部分

/wp-content/plugins/exec-php/includes/cache.php

22行目

$this->m_option =& new ExecPhp_Option();
     ↓
$this->m_option = new ExecPhp_Option();

39行目

$this->m_usermetas[$user_id] =& new ExecPhp_UserMeta($user_id);
     ↓
$this->m_usermetas[$user_id] = new ExecPhp_UserMeta($user_id);

config_ui.phpの修正部分

/wp-content/plugins/exec-php/includes/config_ui.php

32-33行目

$this->m_cache =& $cache;
$this->m_script =& $script;
     ↓
$this->m_cache = $cache;
$this->m_script = $script;

35行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

69行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

78行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

145行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

exec-php.phpの修正部分

/wp-content/plugins/exec-php/exec-php.php

22行目

$GLOBALS['g_execphp_manager'] =& new ExecPhp_Manager();
     ↓
$GLOBALS['g_execphp_manager'] = new ExecPhp_Manager();

manager.phpの修正部分

/wp-content/plugins/exec-php/includes/manager.php

36,37,38,39行目

$cache =& new ExecPhp_Cache();
$this->m_ajax =& new ExecPhp_Ajax($cache);
$this->m_runtime =& new ExecPhp_Runtime($cache);
$this->m_admin =& new ExecPHP_Admin($cache);
     ↓
$cache = new ExecPhp_Cache();
$this->m_ajax = new ExecPhp_Ajax($cache);
$this->m_runtime = new ExecPhp_Runtime($cache);
$this->m_admin = new ExecPHP_Admin($cache);

runtime.phpの修正部分

/wp-content/plugins/exec-php/includes/runtime.php

23行目

$this->m_cache =& $cache;
     ↓
$this->m_cache = $cache;

68行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

script.phpの修正部分

/wp-content/plugins/exec-php/includes/script.php

22行目

$this->m_id =& $id;
     ↓
$this->m_id = $id;

user_ui.phpの修正部分

/wp-content/plugins/exec-php/includes/user_ui.php

25行目

$this->m_cache =& $cache;
     ↓
$this->m_cache = $cache;

43行目

$usermeta =& $this->m_cache->get_usermeta($profileuser->ID);
     ↓
$usermeta = $this->m_cache->get_usermeta($profileuser->ID);

74行目

$usermeta =& $this->m_cache->get_usermeta($user_id);
     ↓
$usermeta = $this->m_cache->get_usermeta($user_id);

write_ui.phpの修正部分

/wp-content/plugins/exec-php/includes/write_ui.php

28-29行目

$this->m_cache =& $cache;
$this->m_script =& $script;
     ↓
$this->m_cache = $cache;
$this->m_script = $script;

74行目

$usermeta =& $this->m_cache->get_usermeta($current_user->ID);
     ↓
$usermeta = $this->m_cache->get_usermeta($current_user->ID);

107行目

$option =& $this->m_cache->get_option();
     ↓
$option = $this->m_cache->get_option();

修正ファイルをアップロードしたら正常に表示された

上記10ファイルのソースを修正してサーバーにPUTしたところ、PHP7.3にしてもエラーは出ず、正常にページが表示されました。

参考ページ

https://usado.jp/spdsk/2019/03/22/post-5117/ https://usado.jp/spdsk/2019/03/22/post-5117/

https://accelboon.com/tn/wirdpressphp7-1%E3%81%A7%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E7%99%BA%E7%94%9F%E3%80%8Cexec-php%E3%80%8D%E3%82%92%E4%BF%AE%E6%AD%A3/ https://accelboon.com/tn/wirdpressphp7-1%E3%81%A7%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E7%99%BA%E7%94%9F%E3%80%8Cexec-php%E3%80%8D%E3%82%92%E4%BF%AE%E6%AD%A3/

https://help.mixhost.jp/hc/ja/articles/115003742472-WordPress%E3%81%A7500%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E7%99%BA%E7%94%9F%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88-%E7%A9%BA%E7%99%BD%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E5%AF%BE%E5%87%A6%E6%B3%95 https://help.mixhost.jp/hc/ja/articles/115003742472-WordPress%E3%81%A7500%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E7%99%BA%E7%94%9F%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88-%E7%A9%BA%E7%99%BD%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E5%AF%BE%E5%87%A6%E6%B3%95

Exec-PHPに代わるプラグイン候補

『Exec-PHP』のページでは『このプラグインは2018年12月14日に閉鎖されたため、ダウンロードできません。理由：セキュリティの問題。』と出ていたので、別のプラグインに乗り換えることも検討が必要です。またゆっくり代替のプラグインを探していいのが見つかったら乗り換えたいと思います。

WordPressの『PHP関連』のプラグイン検索結果ページ

https://ja.wordpress.org/plugins/search/PHP/ https://ja.wordpress.org/plugins/search/PHP/

背景に幾何学的なアニメーションを表示するparticles.js

Sun, 26 Feb 2017 00:41:09 +0900

ドメインの所有者を調べるWhoisサイトのdomaintools.comを見て気になったマウスカーソルに合わせて動くワイヤーフレームのような幾何学模様のアニメーションについて調べてわかったことをメモ。

「particles.js」というやつらしいです。

jQweryやCSSでできるやつかと思って蜘蛛の巣とか、ラインアートとか、ワイヤーフレームとかポリゴンとか組み合わせてかなり検索しましたが見当たらず、domaintools.comのソースを見ていると以下のソースが気になりました。

<canvas id="spiders" class="hidden-xs"></canvas>

そこでspidersを検索すると同じように探している方がいるようで海外の質問サイトのページがヒットしました。

http://stackoverflow.com/questions/28567642/how-to-create-shapes-around-mouse-cursor http://stackoverflow.com/questions/28567642/how-to-create-shapes-around-mouse-cursor

ここでparticles.jsということがわかりました。

particles.js

http://vincentgarreau.com/particles.js/ http://vincentgarreau.com/particles.js/

https://github.com/VincentGarreau/particles.js/ https://github.com/VincentGarreau/particles.js/

http://codepen.io/VincentGarreau/pen/pnlso http://codepen.io/VincentGarreau/pen/pnlso

domaintools.comは少し違う動きをしていますが、多分カスタマイズしているんだと思います。

カスタマイズの参考

https://liginc.co.jp/191958 https://liginc.co.jp/191958

https://qiita.com/sapisapi/items/17a1ee6fc539fb104397 https://qiita.com/sapisapi/items/17a1ee6fc539fb104397

Particleground

particles.jsと同じようなParticlegroundというのも見つけました。

http://jnicol.github.io/particleground/ http://jnicol.github.io/particleground/

カスタマイズの参考

https://blog.mismithportfolio.com/web/20150129particleground https://blog.mismithportfolio.com/web/20150129particleground

他にも気になるスクリプトのまとめ

http://www.nxworld.net/tips/background-custom-and-effect-scripts.html http://www.nxworld.net/tips/background-custom-and-effect-scripts.html

http://qiita.com/syui/items/f0baae5cdb4bfd193e35 http://qiita.com/syui/items/f0baae5cdb4bfd193e35

https://ics.media/entry/11172/ https://ics.media/entry/11172/

https://www.webcreatorbox.com/tech/javascript-particles https://www.webcreatorbox.com/tech/javascript-particles

水面に波紋が広がるようなもの

jQueryのファイルとjQuery Ripplesのファイルを読み込めばOK。

http://sirxemic.github.io/jquery.ripples/ http://sirxemic.github.io/jquery.ripples/

Wordpressの新着情報リストを表示する方法。

Wed, 20 Feb 2013 22:55:49 +0900

ワードプレスに投稿した記事を新しい順にリスト形式で表示する方法のメモ。

<h2>新着情報</h2><br>
<?php<br>
  $posts = get_posts('numberposts=5&category=');<br>
  global $post;<br>
?>
<br>
<?php if($posts): ?><br>
  <ul><br>
    <?php foreach($posts as $post):<br>
      setup_postdata($post); ?><br>
      <li><?php the_time('Y年m月d日');?>&nbsp;<a href="<?php the_permalink();?>"><?php the_title(); ?></a></li><br>
    <?php endforeach; ?><br>
  </ul><br>
<?php endif; ?>

『numberposts』は表示する『件数』

『cat』は表示したい『カテゴリ』の指定しなければ全投稿で、「1,3,5」などカンマで区切れば細かく指定することもできるようです。

初歩的なことですが、Wordpressの固定ページ編集の欄に記述したPHPを動かすには『Exec-PHP』などPHPを有効にするためのプラグインを入れないと、ソースが表示されるだけで動きません。

ネットショップ構築用のカートシステム

Mon, 15 Oct 2012 20:55:32 +0900

PHPがベースでオープンソースのインターネットショッピングサイト（ECサイト）構築用のカートシステムを探して見つけたいくつかのサイトをメモ。

EC-CUBE

日本初のECオープンソースかなり高機能。クレジットカード決済各社との連携など、多数のモジュール（プラグイン）があり。

https://www.ec-cube.net/ https://www.ec-cube.net/

CS-Cart

日本製でページや管理画面がシンプルで良さそう。フリー版と有料のプロ版がある。

https://www.cs-cart.jp/ https://www.cs-cart.jp/

Welcart

日本初のWordPress専用ショッピングカート。ブログをショッピングサイトとして利用することができます。

https://www.welcart.com/ https://www.welcart.com/

SOY Shop

無償で使用でき、なおかつカスタマイズ自由なオープンソース型ショッピングカートCMS。

https://www.soyshop.net/ https://www.soyshop.net/

SKELETON CART

MovableTypeとWordPressをECサイトにできるカートプラグイン

https://skeleton.juxtaposition.jp/ https://skeleton.juxtaposition.jp/

Zen Cart（ゼン・カート）

オープンソースで開発が続けられている統合型ECサイト構築システムです。 osCommerceから派生しており、SEO対策、豊富なプロモーション機能、デザインの拡張性など、日々進化しています。

https://zen-cart.jp/ https://zen-cart.jp/

osCommerce

国際的なコミュニティで開発が進められているECオープンソースです。ソース・コードが公開されているため、自由にカスタマイズして利用することができます。

https://www.oscommerce.com/ https://www.oscommerce.com/

Magento（マジェント）

米国Varien社が開発したオープンソースECソリューション。

https://www.magentocommerce.com/ https://www.magentocommerce.com/

Open Cart

https://www.opencart.com/ https://www.opencart.com/

MultiBlog（プラグイン）を使ってMovableType内の別ブログの最新記事リストを表示する

Sat, 27 Jun 2009 10:48:29 +0900

Movable Typeでブログを構築している
同じサイト内に複数のMovable Typeのブログがある
「ブログ1」のページに「ブログ2」の「最近の記事」を表示したい

そんなときに使えるMovable Typeのプラグイン**「MultiBlog」**。標準のプラグインで別途インストールする必要がなく、簡単な設定を行い、表示した部分にタグを埋め込むだけ

「ツール」メニューの中に「プラグイン」がある

その中に「MultiBlog」がある

「設定」で「再構築トリガー」に「ブログ2」が更新されたらインデックスを再構築するように設定し、保存。

そして、「ブログ2」の「最近の記事」を表示したい部分に以下のタグを記述。

<MTMultiBlog include_blogs="2"><br />  <MTEntries lastn="5"><br />
    <h4><MTEntryDate format="%Y-%m-%d">:<a href="<MTEntryPermalink>"><MTEntryTitle></a></h4><br />
    <MTEntryExcerpt><a href="<MTEntryPermalink>">続きはこちら⇒</a><br />
  </MTEntries><br /></MTMultiBlog>

参考ページ

http://cms-mt.com/multiblog.html http://cms-mt.com/multiblog.html

http://www.movabletype.jp/documentation/designer/multiblog/multiblog_template_tags.html http://www.movabletype.jp/documentation/designer/multiblog/multiblog_template_tags.html

プラグイン on qwerty.work

Instagramの最近の投稿をサイトに埋め込むプラグイン/ウィジェット

クラウドサービス

Wordpressプラグイン

TCD参考ページ

その他まとめサイト（参考）

Javascriptで埋め込む場合

参考サイト

【kintone】ルックアップで取得した値を更新するプラグイン

ルックアップで取得元データを編集＆更新

ルックアップデータを同期したいときのプラグイン

その他ルックアップに関する参考ページ

MixhostのWebDAVがWindowsで簡単に使えるクライアントソフトのメモ

Windowsで簡単にWebDAVを使いたい

エクスプローラでWebDAVが使えるけど不調

CarotDAVがなかなかよかった

設定手順

1.事前準備

2.接続設定

3.必要項目を入力

4.接続テスト

5.ダブルクリックして接続

6.接続完了

WinSCPもまあまあ

他のWindows用WebDAVクライアントソフトのメモ

ブラウザを使用する場合

Chrome拡張機能

Chromeウェブストア ウェブアプリ

その他参考ページ

【jQuery】画像のスライドを実現するSlick.js

画像のスライダー

jQueryに依存するもの

Slock.js

Slick.jsを使った参考例

公式サイト

jQueryが不要なもの

Swiper.js

Slick.jsを使った参考例

公式サイト

【JS】Lightboxみたいにテキストをモーダルウィンドウに表示するプラグインメモ。

Ligthbox風にテキストを表示したい

参考サイト

Magnific Popup

ダウンロードページ

PHPのバージョンを5系から7系に変更したらWordPressのページが500エラーになった

PHPをバージョンアップしたら500エラーが出る

放置していたこの問題を本気で対処することに

プラグイン『PHP Compatibility Checker』で互換性を調べてみる

エラーの原因はプラグイン『Exec-PHP』だった

問題ありのプラグインでもその場しのぎで使う

『Exec-PHP』のファイルを修正する方法

“=&“があるファイル

各ファイルの修正箇所

admin.phpの修正部分

ajax.phpの修正部分

cache.phpの修正部分

config_ui.phpの修正部分

exec-php.phpの修正部分

manager.phpの修正部分

runtime.phpの修正部分

script.phpの修正部分

user_ui.phpの修正部分

write_ui.phpの修正部分

修正ファイルをアップロードしたら正常に表示された

参考ページ

Exec-PHPに代わるプラグイン候補

WordPressの『PHP関連』のプラグイン検索結果ページ

背景に幾何学的なアニメーションを表示するparticles.js

particles.js

カスタマイズの参考

Particleground

カスタマイズの参考

他にも気になるスクリプトのまとめ

水面に波紋が広がるようなもの

Wordpressの新着情報リストを表示する方法。

ネットショップ構築用のカートシステム

EC-CUBE

CS-Cart

Welcart

SOY Shop

Chromeウェブストアウェブアプリ