実はこんなこともできる！MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。バックエンドエンジニアのまうみです。 今回はWordpressでお問い合わせフォームを実装する際の定番プラグイン、MW WP Formの知っておくと便利なカスタマイズを紹介します。 MW WP Formはシンプルなショートコードを生成し、簡単に確認画面付きのフォームを作成できることが特徴です。しかもカスマイズの幅もとてつもなく広く、応用次第で様々な案件に対応できるポテンシャルを持ったプラグインです。 今回は機能別に、「えっ、そんなこともできるの？」というようなMW WP Formのカスタマイズ技をご紹介します！ 出力されるタグのhtml構造を変更したい 例えばデフォルトのタグのDOMの構造を変更して、独自のclassを追加したい……そんなときのためのカスタマイズです。 プラグイン内で管理されているテンプレートパーツを、WordPressのthemeディレクトリにコピーすることで
無料でChrome・Firefoxの操作を自動化＆ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか？」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de
AWS Lambdaとは？メリット・デメリットを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近LIGの業務でAWS Lambdaを使うことが多くなってきました。 知れば知るほど大変便利なサービスです。今回のBlogでは備忘録としてAWS Lambdaの活用方法であったり、使用するにあたっての注意点についてまとめてみました。この記事を読んで、実際の業務ないし設計やアーキテクト検討されているエンジニアの皆さんにも役立ててもられば幸いです。 AWS Lambdaとは何か AWS LambdaとはAWSが提供しているサービスです。SQSやタイマーなどをトリガーとして一時的にAWSがコンピューターリソースを用意し、プログラムを稼働するサービスとなります。 あらかじめサーバーを用意せずともプログラムが稼働するため、俗にサーバーレス型のシステムとして使われています。 AWS Lambdaを使うメリット 具体のAWS Lambdaの特徴はご覧の通りとなります。 AWS内において獲得するコンピュ
知っておくと便利で役に立つHTMLの属性のまとめ
あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。 7 useful HTML attributes you may not know by Mariana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに multiple属性 accept属性 contenteditable属性 spellcheck属性 translate属性 poster属性 download属性 終わりに はじめに HTMLは、Web制作の要です。しかし、多くのプロ
LANDrop - マルチプラットフォームで使えるAirdrop代替
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました パソコンやスマートフォンでファイルを送受信し合うのは意外と面倒です。Apple製品同士であればまだ良いですが、WindowsやAndroidが入ると途端に面倒になります。結局メールで送ったりするのも手間です。 そこで使ってみたいのがLANDropです。LAN内でつながっているデバイスに対してファイルを送信できるソフトウェアです。 LANDropの使い方 ファイルを送ります。 設定画面です。 ファイルをドロップしました。 送信先は同じLANDropを起動しているデバイスです。 受け取り側では確認ダイアログが出ます。 受信完了。 LANDropはWindows/macOS/iOS/Android向けにアプリケーションを用意しています。つまりLANDropをインストールしておけば、これら
<file-attachment> element - GitHub製のWebアップロードコンポーネント MOONGIFT
最近のWebアプリケーションではファイルをWebブラウザにドラッグ&ドロップしてアップロードすることが良くあります。開発するのはさほど難しい訳ではありませんが、ちょっと面倒だったります。かといって、ファイルアップロードライブラリを使うと、周りのデザインと合っていないことも良くあります。 今回紹介する elementはシンプルなファイルアップロード用Web Componentsになります。 elementの使い方 利用例です。Web Componentsとして定義されています。 </file-attachment><file-attachment directory input="upload"> <input id="upload" type="file" multiple/> </file-attachment> 表示です。 ファイルをドロップします。 elementはGitHubが開発
ファイルを分割してアップロードする(Javascript, PHP) | バシャログ。
どうもfujiharaです。本日はファイルを分割してアップロードする方法をご紹介します 背景 ファイルをアップロードするシステムを作るときに容量の要望にアップロードサイズ、アップロード時間の変更で対応するには 大きすぎるサイズだったので分割してアップロードして、結合するという方法にしました。 ファイル構成 以下のようになります。uploadsはアップロード先になりますので作成しておいて下さい。 ├── js │ └── upload.js ├── index.html ├── upload.php └── uploads HTML まずは簡易HTMLです <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Upload</title> </head> <body> <p>input size <sp
OpenDrop - Pythonで実装されたAirDrop
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました macOSやiOS間でファイルを送受信するのに便利なのがAirDropです。しかしWindowsでは使えないという問題があります。また、macOSでも標準実装されているAirDrop機能を使わないとならず、Finderを立ち上げたりするのが面倒です。 そこで使ってみたいのがOpenDropです。PythonによるAirDrop実装です。 OpenDropの使い方 OpenDropを立ち上げます。まずfindで対象になるデバイスを探します。 $ opendrop find Looking for receivers. Press enter to stop ... 後は send または receive を使います。sendはファイルを指定し、receiveはファイルが送られてきます
無料で最大2.5GBのデータを共有できるセキュリティ面もバッチリなファイル共有サービス「Firefox Send」が正式リリースされる
ウェブブラウザのFirefoxを開発するMozillaが、テストパイロット実験として進めてきたファイル転送サービスの「Firefox Send」を正式にリリースしました。Firefox Sendはユーザーが任意のブラウザから安全かつ簡単にファイルを共有できるようにする、無料の暗号化ファイル転送サービスです。 Introducing Firefox Send, Providing Free File Transfers while Keeping your Personal Information Private - The Mozilla Blog https://blog.mozilla.org/blog/2019/03/12/introducing-firefox-send-providing-free-file-transfers-while-keeping-your-persona
zipShare - 認証レスなファイル共有サービス
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました パスワードが暗号化されていない挙げ句に情報漏洩した宅ファイル便ですが、利用者は多かったので別なサービスへの乗り換えを余儀なくされていることでしょう。アカウントやパスワードを登録する系統のサービスはリスクが大きいと言えます。 そこで使ってみたいのがアカウントを登録しないで使えるファイル共有サービスのzipShareです。 zipShareの使い方 最初にアップロードするファイルを指定します。Zipファイルでなくとも大丈夫です。 アップロードするとキーワードが表示されます。今回はcoverpageです。 このcoverpageを入力すればダウンロードページに移動できます。 coverpageというのはパスワードのようなものですが、覚えやすいのが良いです。後はこのキーワードのパターンを増
無料でAndroid端末のファイル管理や端末間のファイル転送が可能なファイル管理ソフト「Files Go」を使ってみた
Googleが開発したAndroid端末専用のファイル管理アプリ「Files Go」の正式版が、2017年12月5日(火)より全世界で提供開始されました。端末のストレージを圧迫する不要なファイルの管理・削除を手軽に行える上に、iOSに搭載されているAirdropに似た端末間のファイル転送機能もあるとのことで、早速使ってみました。 Files Go by Google: Free up space on your phone - Google Play の Android アプリ https://play.google.com/store/apps/details?id=com.google.android.apps.nbu.files 「Files Go」がどんなアプリになっているのかは、以下のムービーを見るとわかります。 Files Go by Google: Free up space
iTunesなしでも無料で超簡単にiPhoneとPC間で写真のやり取りができる「DearMob iPhone Photo Manager」を使ってみた
PCとiPhoneで画像を共有したいときにiCloudで画像を同期すると、Wi-Fi環境がなければ画像の閲覧ができなかったり、閲覧に通信料がかかってしまったりします。また、カメラの高画質化に伴って画像のファイルサイズが大きくなっているにもかかわらず、iCloudの無料ストレージは5GBしか利用できないという点も気になります。そうなると内部ストレージを使ってしまうものの、端末に直接画像を保存するという手もアリ。そういったときは主にiTunesで画像のやり取りを行いますが、フォルダごとにしか画像を転送できなかったり、画像が勝手に同期されて不要な画像まで転送されてしまったり、という点に不満を覚えた人もいるかもしれません。そんな不満を解消したというPC・iPhone間の画像転送専用のフリーソフト「DearMob iPhone Photo Manager」を使ってみました。 DearMob iPho
Firefox Send - Mozilla製のセキュアなファイル共有
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近はプライベートでメールをあまり使うことがありません。チャットなどでメッセージをやり取りすることが多いですが、ファイルの送信で困ることがあります。サイズ制限や送れるファイルの種類に制限があると面倒です。 そこで使ってみたいのがファイル共有サービスになります。今回はMozillaの開発しているFirefox Sendを紹介します。 Firefox Sendの使い方 メイン画面です。ファイルをドロップします。 アップロード中…。 アップロードが終わるとURLが生成されます。これを教えてあげましょう。 URLにアクセスするとダウンロードが開始できます。 ダウンロードしました。 URLは一度しか使えません。 Firefox Sendの特徴はファイルが暗号化されているので安全であるというこ
Uppy - クラウドストレージも使える高機能なファイルアップローダー MOONGIFT
HTML5は素のままではあまりUXは向上していません。APIを使って開発者自身で拡張しなければなりません。しかしその開発もそう簡単ではありません。そこですでに他の方が開発したものを積極的に使っていくのが良いでしょう。 今回は多機能なファイルアップロード機能が手に入れられるUppyを紹介します。 Uppyの使い方 利用しているところです。Google DriveやInstagram、Webカメラなどを入力ソースとして指定できます。 画像はプレビューも表示されます。 ファイル名を変更したりすることもできます。 Google Driveの場合は認証を行います。 ディレクトリを辿ってファイルを指定できます。 アップロードを開始しました。順番にファイルがアップロードされていきます。 すべてのファイルがアップロードされました。 UppyはGoogle DriveやDropbox、Instagramをデ
無料で使えてアカウントも不要! 大きなデータを手間なく送れるファイル転送サービス5選
大容量のファイルをインターネット経由で相手に送る際、なにかと重宝するのがファイル転送サービスだ。最近はファイルの受け渡しにオンラインストレージの共有機能を使う人も多いだろうが、オンラインストレージではファイルサイズの大きさがネックとなってファイルをアップロードできないことも少なくない。こうした場合に、ギガ単位のファイルも送れてしまうファイル転送サービスは便利なことこの上ない。 今回は、1GBを超える容量のファイルでも問題なくアップロードでき、かつ会員登録不要で利用できる5つのファイル転送サービスを紹介しよう。いずれも日本語サービスなので、初心者でも迷わず使えることだろう。サービスの性質上、時間帯によっては混雑している場合もあるので、複数のサービスを使い分けつつ活用してほしい。 広告なし、シンプルなUIで使える「tenpu」 最大2GBまでのファイルに対応。発行されたダウンロードURLをコピ
WordPressのファイルアップロードでファイル名をリネームする方法
WordPressのファイルアップロードでファイル名をリネームする方法を紹介します。 １．問題点 WordPressのファイルをまとめてアップロードしたいのですが、ファイル名をアップロード時のタイムスタンプに統一したいと思ってます。 ということで、ファイルアップロードでファイル名をリネームする方法を紹介します。 参考までに、WordPressのアップロード先は、 wp-content/uploads/YYYY/MM です。 ２．ファイルアップロードでファイル名をリネームする ファイル名をリネームするには、function.phpに下記のコードを追加します。 function rename_file($filename) { $pathinfo = pathinfo($filename); return date("YmdHis") . "." . $pathinfo['extension'
Resumable.js - HTML5 File APIを使ったリジューム付きファイルアップローダー MOONGIFT
Webで面倒に感じるのがファイルのアップロードです。特に途中でネットワークが切れた時には大きなストレスになります。1回で数百MB、数GBの大きなファイルをアップロードするとなればリジューム機能が欲しくなるはずです。 そこで使ってみたいのがResumable.jsです。HTML5のFile APIを使ってリジューム機能を実現します。 Resumable.jsの使い方 デモです。大きなファイルをアップロードします。 ファイルをアップロード中。一時停止もできます。 ネットワーク側では巨大なファイルを細かくアップロードされているのが分かります。 ファイルの内容が細かくなっていますので、サーバ側で結合する必要があります。そのための実装がnodeやPHPなど各種言語向けに提供されています。Resumable.jsを使えば巨大なファイルもアップロードしやすくなるでしょう。 Resumable.jsはHT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
blymp.io - とても簡単に使えるデバイス間ファイル送受信ツール MOONGIFT)
Beam Cafe - サーバにアップロードせずにデバイス間でファイルを送受信 MOONGIFT
https://promosis.github.io/