一行追加でコンタクトフォームを実装できる【Formspree】
2023年11月8日 Webサイト制作, 便利ツール Webサイトにコンタクトフォームを設置する方法として、以前「初心者でも簡単！日本語で手軽に設置できるフォーム作成サービス3選」という記事にて外部サービスを紹介しました。でもHTMLとCSSだけで設置できるなら、初心者でもカスタマイズしやすいですよね。ということで今回は「Formspree」を使った設置方法を紹介します！ ↑私が10年以上利用している会計ソフト！ Formspreeとは FormspreeはPHPなどのサーバーサイドのコーディングなしで、簡単にWebサイトにフォームを設置できるサービスです。どれくらい簡単かというと、通常HTMLでフォームを設置するときに使う form タグに、以下のような action 属性を追加するだけです！ <form action="https://formspree.io/f/あなたのID" me
Advanced Custom Fields Proを用いたGutenbergのブロック開発 - Qiita
Gutenbergが嫌われている件について WordPress5.0にてGutenbergが搭載されてから早4年が経ちました。 今ではGutenbergをフル活用した「フルサイトエディター (FSE)」なるものが実装されつつあり、もはやWordPressを使用する人にとって、Gutenbergの理解は必須です。 しかし、、、世の中はGutenbergが嫌いな人が多い印象を抱きます Gutenberg内の機能開発が活発であり、運用の工数がかかる クラス名が勝手に割り振られてしまい、CSSでの制御が難しい アップデートによりブロックの見た目が崩れることがある Classic Editorよりも、投稿画面のカスタマイズがしにくい カスタムフィールドを設置しても、場所が見にくい（ページ下部とサイドバーにしか出せない）ので編集しにくい などが主に嫌われる理由だと思います。 ※余談ですが、フルサイトエ
【無料・有料】文章校正ツールおすすめ6選の機能比較！AIでのカスタマイズ校閲時代がやってきた
「冷たい印象になるから」と、若い人はメッセージのやりとりで句読点をつけたがらない。そんな話を聞いて「俺、もしかして冷たい人間と思われているかも？」とショックを受けました…。 どうも✋おじさん構文マイスターことエディター✍のヒロです(^_^)💦💦🍺 10年以上の紙媒体編集者歴を経てWeb編集者に転身した自分ですが、いまだに戸惑うことがあります。それは、Web編集ならではのスピード感です。 なかでもスピード不足を自覚しているのが、原稿の校正校閲業務。紙媒体編集者の宿命ともいえるのですが、「ミスは絶対に許されない」の気迫で校正校閲に臨むため、どうしても時間がかかります。「ミスっても気づいたら後で直せばよくね？」なWebのチャラいノリに賛同できないわけですね。（句読点の抜け漏れもやっぱり許せません！） 「Webのスピード感で校正したい」「でも紙媒体クオリティは死守したい」、この狭間で葛藤し、
Midjourney（ミッドジャーニー）で思い通りに画像生成できる徹底ガイド
Midjourney（ミッドジャーニー）とは、とても簡単に言えば、入力した文字だけで画像を生成できるAIツールです。 たとえば「ライオン」と文字入力するだけで、あらゆるスタイルのライオンを、１分もかからずに、AIが自動で作成します。 GoProで真正面、しかも超近距離で撮影したようなライオン 入力する文字、プロンプト（英: Prompt）を組み合わせることで、全く雰囲気の違う「ライオン」を生成でき、まるで呪文を唱える魔法のよう。 サイバーパンクなキャラクター風ライオンに プロンプトの組み合わせは自由自在で、あらゆるスタイルの「ライオン」に仕上げることが可能です。 狩りをするライオン「水彩スケッチ」風 Web制作向けUIデザインの自動生成にはじまり、Midjourneyを使い込んでいくうちに、「思い描いたデザインを生成する」ためのコツやポイントが、すこしずつ掴めてきたのでシェア。 ステンドグ
フォントが大好物な人に！ 横組み・縦組みの読みやすさにこだわった「靜明朝（しずかみんちょう）」無料版と有料版がリリース
横組みに適した「靜明朝大かな」、縦組み適した「靜明朝小かな」、読みやすさにこだわった明朝体の日本語フォントを紹介します。 明朝体で少し新しい雰囲気を出したいな、という時にぴったりのフォントです。 無料版と有料版の2種類があります。無料版は1ウェイト、収録文字数は有料版と同じで、商用プロジェクトでも無料で利用できるフリーフォントです。 「余韻かな」（紹介記事）などでお馴染みのREN FONT様から新作フォントがリリースされました！ ※画像の掲載にあたっては、REN FONT様に許諾を得ております。 「靜明朝大かな」は横組みに適したフォントで、「靜明朝小かな」は縦組みに適したフォント。特に長文での読みやすさに配慮してデザインされています。 靜明朝大かな 無料版と有料版の2種類があり、どちらも商用プロジェクトで利用できます。無料版は収録文字数も同じで、違いはプロポーショナルメトリクス・ペアカーニ
おしゃれで実用的なフォントが欲しい人の新作リスト（Adobe Fontsも）
フリーフォントを、もっと効果的に使いたいと悩んでいる方は、多いのではないでしょうか。 しかし、毎月追いつけないほどの新作フォントがリリースされ、本当に必要な素材がなかなか見つからないという声をよく聞きます。 そこでこの記事では、実践的に使えるオススメ最新フリーフォント30個をまとめました。 デザインをおしゃれに、かっこよくしたいという人に、まず試してほしいフリーフォントを中心に厳選しています。 おすすめ新作フリーフォントまとめ Power Dsiplay Typeface モコッとしたロゴに最適なディスプレイ書体は、６つの太さに対応し、文字幅も3スタイルから選ぶことが可能。 より柔軟にカスタマイズできるVariableフォントもダウンロードできます。 ※ 個人、商用利用可能 Gantari Free Font 直線、円を描くカーブ曲線など、幾何学的なデザインのサンセリフ体で、太さに応じて7
漢字もたっぷり揃った新作筆文字フォント！ 7000文字すべて完全手書き、商用利用可の日本語フォント -しょかき ささぶね
「しょかきさらり」「しょかき鱗片」「しょかきうたげ」「しょかき楷月」（すべて無料版あり）をリリースされているぼんのう堂様から、新作フォント「しょかき ささぶね」がリリースされました！ ひらがな・カタカナ・英数記号文字、漢字はJIS第一・第二水準のおよそ7,000文字が揃った筆文字POPフォントで、〼、㐂、咖喱、囍、梻、糕、豉、餺飥などの第三・第四水準にも一部対応しています。 有料版と無料版が用意されています。 有料版は販売開始セールとして9/16まで、1,000円オフの2,500円！ 無料版は文字数は少なくなりますが、商用利用可の太っ腹です！ しょかき ささぶね -BOOTH ↑「〼」みたいにレアな字にも対応してい〼。 他のしょかきフォントと同様に、「しょかき ささぶね」も作者様の完全手書き。笹の葉のような筆画と、流れるようなイメージから「ささぶね」と命名されました。 というわけで、さっそ
KIYAC | わずか数分でプライバシーポリシーや利用規約を簡単作成
KIYACは、弁護士が監修する法律文書ジェネレータです。いくつかの質問に答えるだけで、プライバシーポリシーや利用規約など、ウェブサイト運営に必須の法律文書を生成できます。さらに、KIYACで生成された文書のリーガルチェックを弁護士に依頼することもできます。
【超簡単】WPでブロックエディタを自作できる、ACFとは？手順も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！「御徒町」を「つれづれまち」と読んでいたバックエンドエンジニアのまうみです。 今回はみんな大好きなWordPressプラグイン「Advanced Custom Fields PRO」（以下、ACFと省略）を使った、自作ブロックエディタの設定方法を紹介したいと思います。 ブロックエディタを自作する方法はいくつかあります。しかし、Reactの知識やjsをbuildするための環境構築が必要ですし、WordPressの実装経験がある方でも、ハードルが高い印象を受けるかもしれません。 また、WordPress本体のアップデートに合わせてメンテナンスをしていく必要もあります。いくらブロックエディタ自体の利便性が良くても、制作やメンテナンスにコストがかかるのは極力避けたいですよね。 そういったハードルをACFを使用することで解決し、簡易的にブロックエディタを開発することが可能です。ゼロからブ
無料と有料のおすすめ動画編集ソフト・アプリ8選！選び方のポイントも | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、みおです！ 今回の記事では、これから動画編集にチャレンジしたいけれども、たくさんありすぎでどのソフトがいいのか分からない！とお悩みの方に向けて、動画編集ソフトを選ぶポイントやおすすめの編集ソフトを紹介していきます。 初心者〜プロ向けのソフトまで無料と有料に分けて幅広く紹介していきますが、どちらかと言えば動画編集ソフトを触ったことが無い初心者の方向けの記事となっています。ぜひ自分に合うソフトを探してみてください！ 動画編集ソフトを選ぶ前に 動画編集ソフトといっても初心者の方に優しいものからプロ仕様のものまでたくさんあります。まずは、自分に合うソフトを選ぶために選ぶポイントを把握することが大事です。 PCのOS（WindowsかMacか)やスペックは？ 自分のPCがWindowsかMacか、そしてスペックを確認しましょう。 自分のPCのOSやスペックによって使える動画編集ソフトは変
Photoshopは不要？代用できる画像編集ツール15選（目的・用途別）
Photoshopでできる便利な機能 まずはPhotoshopができる、よく利用する便利な機能の一部がこちら。 代用ツールにあるとうれしい機能と言えるでしょう。 Photoshopのレイヤーを使った非破壊編集 写真から被写体を消す 写真加工とレタッチ AIによる「生成塗りつぶし」新機能 スマートオブジェクト機能 色の置き換え フィルタ機能 なぞるだけで不要なモノや人を消す「削除ツール」 クローンや覆い焼きなどの描画モードをつかった肌のレタッチ ソーシャルメディア向けグラフィックの作成 モックアップの作成 テキストの追加、文字加工 背景を切り抜く JPEGやTIFF，PDF、PNG、GIFなどのファイル対応 Photoshopを無料ではじめる方法 「フォトショップをまず使ってみたい」というときは、無料ではじめる方法があります。 ずばり、Photoshopを7日間無料で試せる無料体験版をダウン
無料かつロイヤリティフリーなアニメーションつきベクター画像をダウンロード可能な素材サイト「Pixel True」
拡大しても線や色を滑らかなまま保つことができるベクター画像で描かれたイラストを集めたサイトが「Pixel True」です。無料でダウンロードできる画像が多くそろえられており、画像はすべてロイヤリティフリーで使用できます。 Pixel True - Beautiful illustration packs https://www.pixeltrue.com/illustrations Pixel Trueは上記URLからアクセス可能。無料でダウンロードできる画像の一覧を見るには「Free illustration」をクリックします。 無料でダウンロードできる画像は記事作成時点で100種類以上あり、中にはアニメーションつきの画像もありました。UFOにさらわれる牛や落ちたアイスクリームなど、独特なラインナップ。 アニメーションつきの画像は、画像にマウスオーバーすればアニメーションを再生可能。 以
Bypass Paywalls Clean for Chrome - ペイウォールを乗り越えるChrome機能拡張
多くのニュースサイトではペイウォールと呼ばれる仕組みを導入しています。毎月、決まった記事数は読めるものの、一定数以上読もうとすると支払いを迫る仕組みです。サーバ側で制御している場合もありますが、多くはWebブラウザだけで簡易的に行っています。 そんな簡易的な制御を破るのがBypass Paywalls Clean for Chromeです。この機能拡張をインストールしていると、ペイウォールに阻まれなくなります。 Bypass Paywalls Clean for Chromeの使い方 インストールしました。多くのWebサイトに対応しています。 後は普段通りWebブラウジングします。 Bypass Paywalls Clean for Chromeの仕組みとしてはCookieを毎回削除することで、購読回数をリセットしているようです。また、月額購読を迫るダイアログを非表示にもしています。もちろ
国内ASP唯一のレンタルECサイトプラットフォーム 「aishipRENTAL」を試しみたらやりたいこと全部できた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
国内ASP唯一のレンタルECサイトプラットフォーム 「aishipRENTAL」を試しみたらやりたいこと全部できた。 こんにちは、Webディレクターのともぞうです。 いきなりですがWebサイトをゼロから制作するって大変ですよね。特にECサイト……。 さらに近年増えてきたのが、 カーシェアや民泊などシェアリングエコノミーの盛り上がりにより、年々大きくなるレンタル市場。特にファッション業界では、結婚式やパーティーに来ていくドレスだけでなく、普段着もレンタルして常に最新のものを！という人も増えてきたそう。さらにキャンプ用品や家具、ドローン、GoPro、カメラ、自転車など様々な業種でのレンタルが盛り上がっているとのこと。 同年代の20代女性に聞いてみたところ、結婚式に来ていくドレスをネットでレンタルして、毎回違う格好で参加することが当たり前になっているそうです。 このような時代の変化により、レンタ
テレワークのミーティングに役立つツールが全部無料で使える！Adobe XDの協業用プラグインが登場 -Whiteboard
テレワークで困るのが、複数人でのミーティングやアイデア出しなどの意見を交わす場を持てないことです。Adobe XDの便利なプラグインが登場しました！ Whiteboardの名の通りホワイトボードをはじめ、ブレインストーミング、カードソーティング、ワイヤーフレーム、フローチャート、マインドマップなど、Webサイトやスマホアプリのミーティングで使用するさまざまなツールが簡単に利用できます。 複数人での使用はもちろん、個人で使用するのにも便利です。 Adobe XDのビジュアル協業プラグイン「Whiteboard」 Adobe XDのプラグイン「Whiteboard」とは Adobe XDのプラグイン「Whiteboard」のダウンロード Adobe XDのプラグイン「Whiteboard」の使い方 Adobe XDのプラグイン「Whiteboard」とは Adobe XDはAdobeユーザーは
Figmaがこれからの人にも、すでに使用中の人にもいい！公式より快適に動作するmacOS用アプリ -Figmac
Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。 .figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。 Figmaは無料で利用でき、Figmacも無料で利用できます。 Figmac Sketchファイルを開きたいけど、Sketchがない人にも便利です。 Windowsの場合は、下記をご覧ください。 SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy Figmacの特徴 Figmacのダウンロード Figmaとは Figmacの使い方 Figmacの特徴 Figmacは、BlocsやSolisなどのmacOS用のUIデザインツールを開発したNorm氏の新しいアプリで、Figmaの公式アプ
デザイナーにおすすめ！大量のフォント・画像ファイルを収集・管理できるWindows , macOS対応のソフトウェア -Eagle
デザイナーをはじめ、大量のフォント・画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単です。 .psd, .ai, .xdをはじめ、.pdf, .mp4, .ttf, .otfなどPDFや動画やフォントファイルも表示できます。私はmacOSでLynとTiatを使用していますが、Eagleの方が使いやすく快適で、乗り換えを検討中です。 Eagle 追記: 検討中でしたが、購入しました！ さまざまなフォーマットに対応しているだけでも便利ですが、なんとWindowsとmacOSで共有できました。画像やフォントや動画など、WinとMacの両方でこのEagleで管理できます！ やり方は簡単、ライブラリをDropboxやGoogleドライブなどのクラウドに定義するだ
フォトショップの写真加工・レタッチ向けプレミアムプラグイン、拡張ツール55個まとめ【保存版】
この記事では、Photoshopによる写真加工やレタッチに役立つプレミアムプラグイン、拡張ツールをジャンル別にまとめて55個ご紹介します。普段撮影している何気ない写真を、まるでプロカメラマンが撮影したような、魅力的な見た目に仕上げることができるツールが揃います。 各プラグインはそれぞれジャンル分けしているので、目的や用途に合わせて使ってみてはいかがでしょう。通常のフォトショップではなかなか難しい作業も、より手軽に行うことができます。 コンテンツ目次 1. 万能プラグインまとめ 2. 自動写真編集プラグインまとめ 3. 自動写真編集プラグインまとめ 4. HDR系プラグインまとめ 5. 拡大・ズーム系プラグインまとめ 6. ノイズ軽減ツールまとめ 7. アート系ツール 8. ファイル圧縮プラグインまとめ 9. マスキング系プラグインまとめ 10. その他のツール 11. 無料プラグインも利用
mojimo - ちょうどいい文字を、ちょうどいい価格で
mojimoとは？ ちょうどいい文字を ちょうどいい価格で 「mojimo（もじも）」は、フォントワークスが提案する、フォントの新しいサービスです。 「ちょうどいい文字を、ちょうどいい価格で」をコンセプトに、 特定の用途ごとに最適な書体、最適な価格を実現しました。 定額制プランでご提供します。 あなたにぴったりフィットする ちょうどいい書体をパックにしました 人それぞれ、目的やシーンによって、文字の表現は異なります。 表現したいことが違うのに、みんな同じフォントでは、表現の幅も狭まります。 いまあなたが作ろうとしているもの、伝えたいことに最適なフォントのみを 目的ごとにセレクトし、専用のパックにしました。 定額制で、 好きなときだけ、好きなものだけ。 これまでフォントは、「プロのためのもの」というイメージが強くありました。 mojimoは、目的に合った最適なフォントを、使いやすい価格帯でご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新作日本語フリーフォント「はっぴかな」がリリース！ お祭りをモチーフにした楽しいフォント、配置するだけで踊り出す
