HOME
ホーム
LETTER
FrankuL通信
INTERVIEW
先輩インタビュー
FOR FREERANCE
フリーランスの基礎知識
TIPS
便利ツール

FrankuL

NOT FOUND

投稿が見つかりませんでした。

プロフィール

FrankuL

先輩フリーランスのインタビュー/WEBクリエイターの便利ツールやサービスなど、在宅ワークや副業、独立・開業を目指すWEBクリエイターのみなさんに役立つ情報を発信しています。

フォローはこちらから

オフィシャルサイト

FrankuL – フランクル – | フリーランスWEBクリエイターチーム

FrankuL-フランクル-はフリーランスのWEBクリエイターチームです。WEBディレクター・WEBライター・WEBデザイナー・WEBコーダーそれぞれの個性と経験、スキルを組み合わせて、WEB制作・WEBクリエイター育成、オウンドメディア配…

ホームページ・ECサイト・運用

＼制作のご依頼承ります／

FrankuL WEB｜フランクルウェブ – 個人事業主・フリーランス・起業まもないみなさまの活動を支えるホームページ制作

FrankuL WEB フランクルウェブは、個人事業主・フリーランス・起業まもないみなさまの活動を支えるホームページ制作を行っています。フットワークの軽いフリーランスの私たちならではスピードと細やかなサポートで、お客様専属のWeb制作チーム…

web.frankul.net

カテゴリー

カテゴリー

過去の記事

過去の記事

人気タグ

お役立ちツール51 Web知識46 フリーランス46 FrankuL28 WordPress27 Webコーダー25 個人事業主24 Webデザイナー17 Webライター16 デザイン15 Be:come12 CSS11 ポートフォリオ11 Web制作10 HTML10 Webクリエイター10 お仕事レポ8 ECサイト制作7 Webエンジニア7 ホームぺージ制作6 キャンペーン5 無料サーバー3 確定申告3 Laravel3 WordPressカスタマイズ3 PHP3 食事会2 ECサイト2 退職金2 jQuery2 青色申告2 フリーランス新法2 リモートワーク2 Mac2 案件獲得2 旅するWebクリエイター2 DM営業2 ランチ会2 チーム開発2 資産運用2 投資信託2 ホームページリニューアル2 ホームページ制作2 function.php2 javascript2 slick2 テーマファイルエディター1 クリスマスランチ1 ランチビュッフェ1 新NISA1 業務委託事業者1 特定業務委託事業者1 発注事業者1 コミュニティ1 特定受託事業者1 特定受託事業者に係る取引の適正化等に関する法律1 Wifi1 海外旅行1 SIM1 VPN1

Instagram

出版記念パーティ用ペーパーアイテム制作事例のご紹介
✨KILANA風雅堂茂木先生✨
（@nori.aura.churiju ）

日頃よりホームページ運用や事務局運営をお任せいただいているKILANA風雅堂様。今回は、出版記念パーティにおいて、事務局運営業務を一括して担当いたしました。

⌛️課題
・大人数（200名）の受付混雑を避けたい
・煩雑な名簿チェックの手間をなくしたい
・特別感を演出しながらお土産の渡し忘れを防ぎたい

💡 解決策
スムーズな受付フローの設計とペーパーアイテム制作で一括対応！
1️⃣ ロゴ入り紙袋をデザイン・発注（特別感を演出）
2️⃣ ネームカードを制作し、事前にお名前をセット
3️⃣ 名札受け取りのみのシンプル受付を実現（名簿チェック廃止）

🌟 効果
受付時間が大幅に短縮！ 200名対応もスムーズに完了。
参加者満足度が向上！名札で交流がしやすくなりました。

受付の負担が減り、来賓対応に集中できる体制に。

効率化と忘れ物防止を両立！

🤝 フランクルの想い
事務局運営もペーパーアイテム制作も、イベントの「顔」となる大切な要素です。

専属デザイナーがイベントのテーマに合わせたオリジナルデザインをご提案し、会場全体を統一感のある世界観で演出します。告知段階からアフターフォローまで、企画の顔を支える裏方業務をトータルサポートいたします✨

⌘---------------------------------⌘
　詳細は@frankul_blog のURLから
　制作事例をご覧ください！
⌘---------------------------------⌘

#イベント事務局
#イベント運営代行
#ペーパーアイテム制作
#受付効率化
#出版記念パーティ

些細なこともお気軽に
私たちフランクルウェブにご相談ください:sparkles:

専門的な知識と
私たち自身の起業経験を活かした

・女性目線の丁寧なサポート
・女性好みのデザイン
・シンプルな料金設定

でお悩みを解決します:two_hearts:

どうぞお気軽にご相談ください

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
Frankul Web - フランクルウェブ -
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

✅ホームページ制作
✅ランディングページ制作
✅ECサイト構築/導入支援
✅サイト運用/更新作業
✅バナー作成
✅ロゴ、名刺作成
✅SEOライティング
✅コラム執筆
✅SNS運用

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻
#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

:computer:Supported by
Designer @asako.design
Writer @fusae1220
Creator @my.life_trip @aoraetoa.crafts
Creator @shina.web
Creator @yuki_wataiko
Creator naaasurvey
Engineer/ Director @frankul_tomo

こんにちは😊❗️ FrankuL-フランクル-

こんにちは😊❗️
FrankuL-フランクル-
Webクリエイターの、かつまたです。

／
ブログ更新のお知らせです📝❣️
＼

フリーランスの羅針盤ブログ
-FrankuLOG-

FrankuLOG大人気のコピペシリーズ✨

今回のテーマは…
『CSSとJavaScriptのあるあるアニメーション5選』
をご紹介します🙇‍♀️

Webサイトでよくみかけるあるあるな動き（アニメーション）を厳選しました☺️

✅ コピペで簡単にアニメーションを実装したい！
✅ サンプルと仕組みを合わせて確認したい！
✅ あるあるな動きって、そもそも何！？

そんな方のための記事となっています。

すべてWebデザインのギャラリーサイトに選ばれるようなサイトで実装されているものです♪

CSSだけでおしゃれな動きも、JSと組み合わせることでできる複雑な動きも、とりあえず簡単に実装できちゃいます♪

／
📘 目次はこちら
＼
📌 この記事でご紹介する5つのアニメーションはこれ！
1.【CSSだけ！】文字リンクのホバーエフェクト
2.【CSSだけ！】画像のホバーエフェクト
3. スクロールされてから再生！ふわっと表示とスライドイン表示
4. 虫めがねアイコンをクリックすると検索フォームが出てくるパーツ
5. ハンバーガーメニュー（スライドインと全画面メニュー付き）
📌 【CSSだけ！】文字リンクのホバーエフェクト（解説）
📌 【CSSだけ！】画像のホバーエフェクト（解説）
📌 スクロールされてから再生！ふわっと表示とスライドイン表示
📌 虫めがねアイコンをクリックすると検索フォームが出てくるパーツ
📌 ハンバーガーメニュー（スライドインと全画面メニュー付き）
📌 CSSで実装すべき？それともJavaScript？と悩んだ時
📌 おまけ：アニメーションで酔う！？そんなユーザー様のための対処法！
📌 FrankuLのコピペで簡単シリーズはこちら✨️
📌 まとめ

-—————————

この記事では『CodePen』というツールを使ってご紹介しています。
『CodePen』は、ブラウザー上でHTML、CSS、JavaScriptをリアルタイムで結果を確認できるWebサービス。

登録してなくても、CodePenのサイトに飛ぶことでご自身でも色々お試しができるので週末の空いた時間にでも、ぜひ、お試しください✨️

※編集した内容をご自分用に保存したい場合は、アカウントの登録が必要となります。

-—————————

✏️このテーマについて、コメントいただけましたら嬉しいです！🌝

次回も
フリーランスWebクリエイターに
役立つ情報をお届けいたします📝✨️

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
FrankuL-フランクル-
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

▶ホームページ制作
▶ランディングページ制作
▶ECサイト構築/導入支援
▶サイト運用/更新作業
▶UI/UXデザイン
▶バナー作成
▶ロゴ、名刺作成
▶SEOライティング
▶コラム執筆
▶ドローン撮影
▶PR動画/インタビュー動画
▶動画編集
▶SNS運用
▶オウンドメディア配信

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻

#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

#名刺制作 #ロゴ制作 #チラシ制作
#LinkTree #リットリンク #インスタ運用代行

💻Supported by
Designer @asako.design
Writer @fusae1220
Creator @tabi_film @aoraetoa.crafts
Creator @yuki_wataiko
Creator @shina.web
Creator naaasurvey
Engineer / Director @frankul_tomo

📢 レンタルサーバー移行作業代行
事例のご紹介

✨KILANA風雅堂様✨
@nori.aura.churiju

日頃よりホームページ更新やECサイト運用をお任せいただいているKILANA風雅堂様。
契約更新のタイミングで、現在のサーバー環境にいくつかの課題が見つかりました。

⏳ 課題
・修正が反映されるのが遅い
・PHPを更新するとサイトが表示されない
・アクセス集中時に動作が重くなる

💡 解決策
フランクルが新サーバ契約から移行作業まで一括対応！
1️⃣ 新サーバの契約・初期設定
2️⃣ データ（ファイル・DB）の移行
3️⃣ ドメイン設定（DNS切り替え）
4️⃣ 動作確認（サイト表示・メール送受信）
5️⃣ 公開後の監視・微調整

深夜帯に作業することで、サイト停止時間を最小限に抑えました。

🌟 効果
・安定感と信頼性が高いサーバ環境を実現
・更新・予約・アクセス集中時もスムーズに対応
・安心して運営を続けられる体制が整いました

🤝 フランクルの想い
事務局運営やサーバ移行は、体制を整えて終わりではありません。
日々のやり取りを通じて、より良い環境にレベルアップしていくことが大切です。

これからもクライアント様、エンドユーザ様の声に耳を傾けながら、
寄り添い、かゆいところに手が届く運営サポートを心掛けてまいります✨

⌘---------------------------------⌘
　詳細は @frankul_blog のURLから
　制作事例をご覧ください！
⌘---------------------------------⌘

#サーバー移行
#レンタルサーバー
#webサイト改善
#webサポート
#安心サポート

些細なこともお気軽に
私たちフランクルウェブにご相談ください✨

専門的な知識と
私たち自身の起業経験を活かした

・女性目線の丁寧なサポート
・女性好みのデザイン
・シンプルな料金設定

でお悩みを解決します💕

どうぞお気軽にご相談ください

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
Frankul Web - フランクルウェブ -
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

✅ホームページ制作
✅ランディングページ制作
✅ECサイト構築/導入支援
✅サイト運用/更新作業
✅バナー作成
✅ロゴ、名刺作成
✅SEOライティング
✅コラム執筆
✅SNS運用

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻
#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

💻Supported by
Designer @asako.design
Writer @fusae1220
Creator @my.life_trip @aoraetoa.crafts
Creator @shina.web
Creator @yuki_wataiko
Creator naaasurvey
Engineer/ Director @frankul_tomo

📨送信完了ページを追加したら…フォームの内容が消えない⁉️

こんにちは🌿
FrankuL-フランクル-
Webライターのこやまえりこです🕊️

秋の風を感じる今日この頃。
今日は、
いしや〜きいも♪ おいもっ♪
と懐かしい歌声が聞こえてきました！

さて、みなさんは
フォーム送信後にサンクスページへ遷移させたのに、
「戻るボタンを押すと、入力内容が残っている…」
そんな現象、経験ありませんか？

ブログFrankuLOG更新しました！

今回は、
📌Contact Form 7 × Multi-Step Forms利用時の
「送信後にフォーム内容が消えない問題」について、
キャッシュ制御・JSリダイレクトを使った解決策を紹介しています✨

📗記事内容
✔️ 問題の原因は「ブラウザキャッシュ」だった
✔️ HTMLメタタグによる no-cache 設定
✔️ JavaScriptによる履歴制御のコツ
✔️ マルチステップフォームと相性の良い解決方法

WordPressでマルチステップのお問い合わせフォームを作っている方、ぜひチェックしてみてください☺️

コメント欄でのご感想もお待ちしています💌

次回もフリーランスWebクリエイターに役立つ情報をお届けします！

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
FrankuL-フランクル-
FOLLOW ME 👉 @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー
個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

▶ホームページ制作
▶ランディングページ制作
▶ECサイト構築/導入支援
▶サイト運用/更新作業
▶UI/UXデザイン
▶バナー作成
▶ロゴ、名刺作成
▶SEOライティング
▶コラム執筆
▶ドローン撮影
▶PR動画/インタビュー動画
▶動画編集
▶SNS運用
▶オウンドメディア配信

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻

#FrankuL
#フランクル
#pr
#プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル #web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ
#名刺制作
#ロゴ制作
#チラシ制作
#LinkTree
#リットリンク
#インスタ運用代行

💻Supported by
Designer @asako.design
Writer @fusae1220 Creator @tabi_film @aoraetoa.crafts Creator @yuki_wataiko
Creator @shina.web
Creator naaasurvey
Engineer / Director @frankul_tomo

📢 事務局運営サポート事例のご紹介

📢 事務局運営サポート事例のご紹介

✨KILANA風雅堂様✨
@nori.aura.churiju

ホームページ・ECサイト運用に加えて、
フランクルに事務局運営を一括でお任せいただきました！

⏳ 課題
・個人LINEやメッセンジャーでバラバラに来るお問い合わせ
・予約開始日や方法が分かりにくく混乱
・受講間隔が空いてしまい不安につながるケースも

💡 解決策
1️⃣ LINE公式アカウントで予約・イベント情報を一括配信
2️⃣ LINE・フォーム・メールの3窓口でスムーズな問い合わせ対応
3️⃣ 新規・継続に合わせた受付体制＋2ヶ月先の優先予約制度を導入

🌟 効果
・すべてのお客様に公平に予約情報が届く体制を実現
・「予約できない」という不満がなくなり顧客満足度アップ
・運営側も効率的に管理できる仕組みが整いました

🤝 フランクルの想い
事務局運営は体制を整えて終わりではなく、
日々のやり取りの中でより良い環境へと進化させていくことが大切です。

今後もクライアント様やお客様の声に耳を傾け、
寄り添いながら、かゆいところに手が届く運営を心掛けてまいります✨

⌘---------------------------------⌘
　詳細は @frankul_blog のURLから
　制作事例をご覧ください！
⌘---------------------------------⌘

#事務局運営
#予約管理
#顧客管理
#業務効率化
#バックオフィス
#安心のサポート
#顧客満足度向上

些細なこともお気軽に
私たちフランクルウェブにご相談ください✨

専門的な知識と
私たち自身の起業経験を活かした

・女性目線の丁寧なサポート
・女性好みのデザイン
・シンプルな料金設定

でお悩みを解決します💕

どうぞお気軽にご相談ください

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
Frankul Web - フランクルウェブ -
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

✅ホームページ制作
✅ランディングページ制作
✅ECサイト構築/導入支援
✅サイト運用/更新作業
✅バナー作成
✅ロゴ、名刺作成
✅SEOライティング
✅コラム執筆
✅SNS運用

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻
#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

💻Supported by
Designer @asako.design
Writer @fusae1220
Creator @my.life_trip @aoraetoa.crafts
Creator @shina.web
Creator @yuki_wataiko
Creator naaasurvey
Engineer/ Director @frankul_tomo

こんにちは。

FrankuL-フランクル-

Webライターの齋藤ふさえです🌿

毎日暑くてぐったりしていますが、ベランダで育てている朝顔は元気でいっぱい！いまだに花を咲かせています✨

朝顔を見習いたいものですね。

さて、

フリーランスの羅針盤ブログ
- FrankuLOG -

ブログ更新しました🆙

【タイトル】
AIライティングは難しくない！初心者でも今日から使える活用術を解説🤖

AIはアイデア出しから文章作成までをサポートし、あなたの執筆時間を大幅に短縮してくれます。

しかし、使いこなすにはちょっとしたコツが必要です。

この記事ではAIを使うコツを具体的に解説。

ChatGPT・Claude・Geminiを使用し、同じお題で記事を作成した様子も紹介しているので、ぜひご覧ください。

📒目次
✔AIライティングとは？
✔さっそく実践！AIライティングを始めよう
✔徹底比較！同じお題で主要AIライティングツールを試してみた
✔今日からAIライティングを始めてみよう！

同じAIでも、プロンプトやツールによって回答は大きく異なります。仕事だけでなく日常でも使用することで、より効率の良い使い方がわかってくるはずです🌟

まずはAIと仲良くなるところからはじめましょう😊

本記事が少しでもお役に立ちますように。

では、また。

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

Frankul Web - フランクルウェブ -

FOLLOW ME @frankul_blog

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える

Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し

デザインからコーディング

サイト公開後の運用まで

安価でお任せいただけるのが

フリーランスチームの特徴です

✅ホームページ制作

✅ランディングページ制作

✅ECサイト構築/導入支援

✅サイト運用/更新作業

✅バナー作成

✅ロゴ、名刺作成

✅SEOライティング

✅コラム執筆

✅SNS運用

DMもしくは

プロフィールのホームぺージより

お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻

#FrankuL #フランクル
#pr #プロモーション

#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル

#web制作
#webサイト
#webサイト制作

#webクリエイター
#webデザイン
#webデザイナー

#フリーランス女子
#フリーランスママ

💻Supported by

Designer @asako.design

Writer @fusae1220

Creator @my.life_trip @aoraetoa.crafts

Creator @shina.web

Creator @yuki_wataiko

Creator naaasurvey

Engineer/ Director @frankul_tomo

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

Instagram でフォロー

Instagram

出版記念パーティ用ペーパーアイテム制作事例のご紹介
✨KILANA風雅堂茂木先生✨
（@nori.aura.churiju ）

日頃よりホームページ運用や事務局運営をお任せいただいているKILANA風雅堂様。今回は、出版記念パーティにおいて、事務局運営業務を一括して担当いたしました。

⌛️課題
・大人数（200名）の受付混雑を避けたい
・煩雑な名簿チェックの手間をなくしたい
・特別感を演出しながらお土産の渡し忘れを防ぎたい

💡 解決策
スムーズな受付フローの設計とペーパーアイテム制作で一括対応！
1️⃣ ロゴ入り紙袋をデザイン・発注（特別感を演出）
2️⃣ ネームカードを制作し、事前にお名前をセット
3️⃣ 名札受け取りのみのシンプル受付を実現（名簿チェック廃止）

🌟 効果
受付時間が大幅に短縮！ 200名対応もスムーズに完了。
参加者満足度が向上！名札で交流がしやすくなりました。

受付の負担が減り、来賓対応に集中できる体制に。

効率化と忘れ物防止を両立！

🤝 フランクルの想い
事務局運営もペーパーアイテム制作も、イベントの「顔」となる大切な要素です。

専属デザイナーがイベントのテーマに合わせたオリジナルデザインをご提案し、会場全体を統一感のある世界観で演出します。告知段階からアフターフォローまで、企画の顔を支える裏方業務をトータルサポートいたします✨

⌘---------------------------------⌘
　詳細は@frankul_blog のURLから
　制作事例をご覧ください！
⌘---------------------------------⌘

#イベント事務局
#イベント運営代行
#ペーパーアイテム制作
#受付効率化
#出版記念パーティ

些細なこともお気軽に
私たちフランクルウェブにご相談ください:sparkles:

専門的な知識と
私たち自身の起業経験を活かした

・女性目線の丁寧なサポート
・女性好みのデザイン
・シンプルな料金設定

でお悩みを解決します:two_hearts:

どうぞお気軽にご相談ください

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
Frankul Web - フランクルウェブ -
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

✅ホームページ制作
✅ランディングページ制作
✅ECサイト構築/導入支援
✅サイト運用/更新作業
✅バナー作成
✅ロゴ、名刺作成
✅SEOライティング
✅コラム執筆
✅SNS運用

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻
#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

:computer:Supported by
Designer @asako.design
Writer @fusae1220
Creator @my.life_trip @aoraetoa.crafts
Creator @shina.web
Creator @yuki_wataiko
Creator naaasurvey
Engineer/ Director @frankul_tomo

こんにちは😊❗️ FrankuL-フランクル-

こんにちは😊❗️
FrankuL-フランクル-
Webクリエイターの、かつまたです。

／
ブログ更新のお知らせです📝❣️
＼

フリーランスの羅針盤ブログ
-FrankuLOG-

FrankuLOG大人気のコピペシリーズ✨

今回のテーマは…
『CSSとJavaScriptのあるあるアニメーション5選』
をご紹介します🙇‍♀️

Webサイトでよくみかけるあるあるな動き（アニメーション）を厳選しました☺️

✅ コピペで簡単にアニメーションを実装したい！
✅ サンプルと仕組みを合わせて確認したい！
✅ あるあるな動きって、そもそも何！？

そんな方のための記事となっています。

すべてWebデザインのギャラリーサイトに選ばれるようなサイトで実装されているものです♪

CSSだけでおしゃれな動きも、JSと組み合わせることでできる複雑な動きも、とりあえず簡単に実装できちゃいます♪

／
📘 目次はこちら
＼
📌 この記事でご紹介する5つのアニメーションはこれ！
1.【CSSだけ！】文字リンクのホバーエフェクト
2.【CSSだけ！】画像のホバーエフェクト
3. スクロールされてから再生！ふわっと表示とスライドイン表示
4. 虫めがねアイコンをクリックすると検索フォームが出てくるパーツ
5. ハンバーガーメニュー（スライドインと全画面メニュー付き）
📌 【CSSだけ！】文字リンクのホバーエフェクト（解説）
📌 【CSSだけ！】画像のホバーエフェクト（解説）
📌 スクロールされてから再生！ふわっと表示とスライドイン表示
📌 虫めがねアイコンをクリックすると検索フォームが出てくるパーツ
📌 ハンバーガーメニュー（スライドインと全画面メニュー付き）
📌 CSSで実装すべき？それともJavaScript？と悩んだ時
📌 おまけ：アニメーションで酔う！？そんなユーザー様のための対処法！
📌 FrankuLのコピペで簡単シリーズはこちら✨️
📌 まとめ

-—————————

この記事では『CodePen』というツールを使ってご紹介しています。
『CodePen』は、ブラウザー上でHTML、CSS、JavaScriptをリアルタイムで結果を確認できるWebサービス。

登録してなくても、CodePenのサイトに飛ぶことでご自身でも色々お試しができるので週末の空いた時間にでも、ぜひ、お試しください✨️

※編集した内容をご自分用に保存したい場合は、アカウントの登録が必要となります。

-—————————

✏️このテーマについて、コメントいただけましたら嬉しいです！🌝

次回も
フリーランスWebクリエイターに
役立つ情報をお届けいたします📝✨️

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
FrankuL-フランクル-
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

▶ホームページ制作
▶ランディングページ制作
▶ECサイト構築/導入支援
▶サイト運用/更新作業
▶UI/UXデザイン
▶バナー作成
▶ロゴ、名刺作成
▶SEOライティング
▶コラム執筆
▶ドローン撮影
▶PR動画/インタビュー動画
▶動画編集
▶SNS運用
▶オウンドメディア配信

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻

#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

#名刺制作 #ロゴ制作 #チラシ制作
#LinkTree #リットリンク #インスタ運用代行

💻Supported by
Designer @asako.design
Writer @fusae1220
Creator @tabi_film @aoraetoa.crafts
Creator @yuki_wataiko
Creator @shina.web
Creator naaasurvey
Engineer / Director @frankul_tomo

📢 レンタルサーバー移行作業代行
事例のご紹介

✨KILANA風雅堂様✨
@nori.aura.churiju

日頃よりホームページ更新やECサイト運用をお任せいただいているKILANA風雅堂様。
契約更新のタイミングで、現在のサーバー環境にいくつかの課題が見つかりました。

⏳ 課題
・修正が反映されるのが遅い
・PHPを更新するとサイトが表示されない
・アクセス集中時に動作が重くなる

💡 解決策
フランクルが新サーバ契約から移行作業まで一括対応！
1️⃣ 新サーバの契約・初期設定
2️⃣ データ（ファイル・DB）の移行
3️⃣ ドメイン設定（DNS切り替え）
4️⃣ 動作確認（サイト表示・メール送受信）
5️⃣ 公開後の監視・微調整

深夜帯に作業することで、サイト停止時間を最小限に抑えました。

🌟 効果
・安定感と信頼性が高いサーバ環境を実現
・更新・予約・アクセス集中時もスムーズに対応
・安心して運営を続けられる体制が整いました

🤝 フランクルの想い
事務局運営やサーバ移行は、体制を整えて終わりではありません。
日々のやり取りを通じて、より良い環境にレベルアップしていくことが大切です。

これからもクライアント様、エンドユーザ様の声に耳を傾けながら、
寄り添い、かゆいところに手が届く運営サポートを心掛けてまいります✨

⌘---------------------------------⌘
　詳細は @frankul_blog のURLから
　制作事例をご覧ください！
⌘---------------------------------⌘

#サーバー移行
#レンタルサーバー
#webサイト改善
#webサポート
#安心サポート

些細なこともお気軽に
私たちフランクルウェブにご相談ください✨

専門的な知識と
私たち自身の起業経験を活かした

・女性目線の丁寧なサポート
・女性好みのデザイン
・シンプルな料金設定

でお悩みを解決します💕

どうぞお気軽にご相談ください

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
Frankul Web - フランクルウェブ -
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

✅ホームページ制作
✅ランディングページ制作
✅ECサイト構築/導入支援
✅サイト運用/更新作業
✅バナー作成
✅ロゴ、名刺作成
✅SEOライティング
✅コラム執筆
✅SNS運用

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻
#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

💻Supported by
Designer @asako.design
Writer @fusae1220
Creator @my.life_trip @aoraetoa.crafts
Creator @shina.web
Creator @yuki_wataiko
Creator naaasurvey
Engineer/ Director @frankul_tomo

📨送信完了ページを追加したら…フォームの内容が消えない⁉️

こんにちは🌿
FrankuL-フランクル-
Webライターのこやまえりこです🕊️

秋の風を感じる今日この頃。
今日は、
いしや〜きいも♪ おいもっ♪
と懐かしい歌声が聞こえてきました！

さて、みなさんは
フォーム送信後にサンクスページへ遷移させたのに、
「戻るボタンを押すと、入力内容が残っている…」
そんな現象、経験ありませんか？

ブログFrankuLOG更新しました！

今回は、
📌Contact Form 7 × Multi-Step Forms利用時の
「送信後にフォーム内容が消えない問題」について、
キャッシュ制御・JSリダイレクトを使った解決策を紹介しています✨

📗記事内容
✔️ 問題の原因は「ブラウザキャッシュ」だった
✔️ HTMLメタタグによる no-cache 設定
✔️ JavaScriptによる履歴制御のコツ
✔️ マルチステップフォームと相性の良い解決方法

WordPressでマルチステップのお問い合わせフォームを作っている方、ぜひチェックしてみてください☺️

コメント欄でのご感想もお待ちしています💌

次回もフリーランスWebクリエイターに役立つ情報をお届けします！

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
FrankuL-フランクル-
FOLLOW ME 👉 @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー
個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

▶ホームページ制作
▶ランディングページ制作
▶ECサイト構築/導入支援
▶サイト運用/更新作業
▶UI/UXデザイン
▶バナー作成
▶ロゴ、名刺作成
▶SEOライティング
▶コラム執筆
▶ドローン撮影
▶PR動画/インタビュー動画
▶動画編集
▶SNS運用
▶オウンドメディア配信

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻

#FrankuL
#フランクル
#pr
#プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル #web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ
#名刺制作
#ロゴ制作
#チラシ制作
#LinkTree
#リットリンク
#インスタ運用代行

💻Supported by
Designer @asako.design
Writer @fusae1220 Creator @tabi_film @aoraetoa.crafts Creator @yuki_wataiko
Creator @shina.web
Creator naaasurvey
Engineer / Director @frankul_tomo

📢 事務局運営サポート事例のご紹介

📢 事務局運営サポート事例のご紹介

✨KILANA風雅堂様✨
@nori.aura.churiju

ホームページ・ECサイト運用に加えて、
フランクルに事務局運営を一括でお任せいただきました！

⏳ 課題
・個人LINEやメッセンジャーでバラバラに来るお問い合わせ
・予約開始日や方法が分かりにくく混乱
・受講間隔が空いてしまい不安につながるケースも

💡 解決策
1️⃣ LINE公式アカウントで予約・イベント情報を一括配信
2️⃣ LINE・フォーム・メールの3窓口でスムーズな問い合わせ対応
3️⃣ 新規・継続に合わせた受付体制＋2ヶ月先の優先予約制度を導入

🌟 効果
・すべてのお客様に公平に予約情報が届く体制を実現
・「予約できない」という不満がなくなり顧客満足度アップ
・運営側も効率的に管理できる仕組みが整いました

🤝 フランクルの想い
事務局運営は体制を整えて終わりではなく、
日々のやり取りの中でより良い環境へと進化させていくことが大切です。

今後もクライアント様やお客様の声に耳を傾け、
寄り添いながら、かゆいところに手が届く運営を心掛けてまいります✨

⌘---------------------------------⌘
　詳細は @frankul_blog のURLから
　制作事例をご覧ください！
⌘---------------------------------⌘

#事務局運営
#予約管理
#顧客管理
#業務効率化
#バックオフィス
#安心のサポート
#顧客満足度向上

些細なこともお気軽に
私たちフランクルウェブにご相談ください✨

専門的な知識と
私たち自身の起業経験を活かした

・女性目線の丁寧なサポート
・女性好みのデザイン
・シンプルな料金設定

でお悩みを解決します💕

どうぞお気軽にご相談ください

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧
Frankul Web - フランクルウェブ -
FOLLOW ME @frankul_blog
୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える
Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し
デザインからコーディング
サイト公開後の運用まで
安価でお任せいただけるのが
フリーランスチームの特徴です

✅ホームページ制作
✅ランディングページ制作
✅ECサイト構築/導入支援
✅サイト運用/更新作業
✅バナー作成
✅ロゴ、名刺作成
✅SEOライティング
✅コラム執筆
✅SNS運用

DMもしくは
プロフィールのホームぺージより
お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻
#FrankuL #フランクル
#pr #プロモーション
#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル
#web制作
#webサイト
#webサイト制作
#webクリエイター
#webデザイン
#webデザイナー
#フリーランス女子
#フリーランスママ

💻Supported by
Designer @asako.design
Writer @fusae1220
Creator @my.life_trip @aoraetoa.crafts
Creator @shina.web
Creator @yuki_wataiko
Creator naaasurvey
Engineer/ Director @frankul_tomo

こんにちは。

FrankuL-フランクル-

Webライターの齋藤ふさえです🌿

毎日暑くてぐったりしていますが、ベランダで育てている朝顔は元気でいっぱい！いまだに花を咲かせています✨

朝顔を見習いたいものですね。

さて、

フリーランスの羅針盤ブログ
- FrankuLOG -

ブログ更新しました🆙

【タイトル】
AIライティングは難しくない！初心者でも今日から使える活用術を解説🤖

AIはアイデア出しから文章作成までをサポートし、あなたの執筆時間を大幅に短縮してくれます。

しかし、使いこなすにはちょっとしたコツが必要です。

この記事ではAIを使うコツを具体的に解説。

ChatGPT・Claude・Geminiを使用し、同じお題で記事を作成した様子も紹介しているので、ぜひご覧ください。

📒目次
✔AIライティングとは？
✔さっそく実践！AIライティングを始めよう
✔徹底比較！同じお題で主要AIライティングツールを試してみた
✔今日からAIライティングを始めてみよう！

同じAIでも、プロンプトやツールによって回答は大きく異なります。仕事だけでなく日常でも使用することで、より効率の良い使い方がわかってくるはずです🌟

まずはAIと仲良くなるところからはじめましょう😊

本記事が少しでもお役に立ちますように。

では、また。

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

Frankul Web - フランクルウェブ -

FOLLOW ME @frankul_blog

୨୧┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈୨୧

ー◆フランクルウェブ◆ー

個人事業・起業家の活動を支える

Web周りのパートナーにご相談下さい

お客様と二人三脚で企画し

デザインからコーディング

サイト公開後の運用まで

安価でお任せいただけるのが

フリーランスチームの特徴です

✅ホームページ制作

✅ランディングページ制作

✅ECサイト構築/導入支援

✅サイト運用/更新作業

✅バナー作成

✅ロゴ、名刺作成

✅SEOライティング

✅コラム執筆

✅SNS運用

DMもしくは

プロフィールのホームぺージより

お気軽にお問い合わせください！

✻✻✻✻✻ Mytag ✻✻✻✻✻

#FrankuL #フランクル
#pr #プロモーション

#ホームぺージ
#ホームページ作成
#ホームページ制作
#ホームページリニューアル

#web制作
#webサイト
#webサイト制作

#webクリエイター
#webデザイン
#webデザイナー

#フリーランス女子
#フリーランスママ

💻Supported by

Designer @asako.design

Writer @fusae1220

Creator @my.life_trip @aoraetoa.crafts

Creator @shina.web

Creator @yuki_wataiko

Creator naaasurvey

Engineer/ Director @frankul_tomo

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

Instagram でフォロー

ホーム
サイトマップ
プライバシーポリシー

Copyright ©2022 フリーランスのための羅針盤ブログ「FrankuLOG」All rights reserved.
Presented By フリーランス Webクリエイターチーム FrankuL-フランクル-

メニュー
- HOME
- LETTER
- INTERVIEW
- FOR FREERANCE
- TIPS
ホーム
検索
トップ
サイドバー