Prott公式サイト： https://prottapp.com/ja/ Webサイトの制作をする際、ワイヤーフレームをなるべく簡単にサクッと作れたらって思います。今日は、そんな時にお役立ちのツール、「Prott」を使ってみたので、ご紹介します。 ワイヤーフレームツール「Prott」…

本日は、便利なテキスト比較オンラインツール 「difff デュフフ」をご紹介させていただきます。公式サイト： difff《ﾃﾞｭﾌﾌ》 このツールは、2004年からあり、私も数年前から愛用させていただいております。 ブラウザでサクッと手軽に使え、必要なら、一時的…

今日は、Bootstrap4 ベースのビルダー「Pingendo 」をご紹介します。このツールを使うことで、プロトタイプ用のWebサイトがサクサク作れますので、オススメです。 作業は部品選択などの直感的操作で進められますし、スタイリッシュなサイトがあっという間に…

本日は、Firefox版、Chrome版の両方に対応する拡張ツール、 「Nimbus Screen Capture」をご紹介します。このツール一つで、 ブラウザでのキャプチャ画像取得から画像への文字入れや囲み枠挿入などまで可能、 マニュアル作成時などにとっても便利なツールです…

AppDrag：専門家のための高度なウェブサイトビルダーこんばんは。 今日は、Webサイトビルダー 「AppDrag」のご紹介です。これ、めちゃくちゃ便利、 パーツを選んでいくだけで、爆速でおしゃれなサイトが出来上がります。 お問い合わせフォームもすぐに使える…

Blisk レスポンシブサイト制作時に役立つおすすめツール6選 今日は、レスポンシブサイトの制作に役立つツールをピックアップしてみました。いずれも、PC上からスマホ、タブレット等の各種デバイス表示が確認でき、制作の効率化に大いに役立つツールです。以…

今日は、Web制作中の配色時にお役立ち、 「PHOTOCOPA」というツールをご紹介いたします。 「PHOTOCOPA」とは？ PHOTOCOPAは、以下サイトで提供されているオンラインツールです。公式サイト： PHOTOCOPA | Photo Color Palettes by COLOURlovers :: COLOURlov…

ドラッグ & ドロップと簡単設定だけでBootstrapサイトが作成できる「Mobirise」 公式サイト Free Website Builder Software : https://mobirise.com mobirise.com Bootstrapのここ最近のテーマをチェックしていたところ、偶然こちらのツールを発見。なんだか…

Chrome拡張「Web Maker」の機能・特徴について Chrome 「Web Maker」とは？ webmakerapp.com Local版 CodePen的Webエディタ Chrome拡張機能のWebエディタ、使い勝手はCodePenに似ています。 CodePen(※)同様、ソースコードの結果がブラウザでその場で確認でき…

CodePenを使ってみました 以前から話題になっていたCodePenを使ってみましたちょっと戸惑うところもありましたので、以下より、その使い方(ユーザー登録から本ブログにコードを貼り付けるまでの手順)をご紹介いたします。 1. ユーザー登録 まず、以下のサイ…

忍者ツールズでSNSボタンを作成 忍者ツールズ｜ホームページ ブログ アクセス解析 カウンター メールフォーム : http://www.ninja.co.jp/「忍者ツールズ」というサービスはご存知でしょうか。 Webサイト用の便利ツール・パーツが揃っていて、無料登録だけで…

5月13日 以下記事の続編です。 times-diary.hatenablog.com Yet Another Mail Merge(Chrome 拡張)で、リマインドメール送信 Google Chrome 拡張機能の「Yet Another Mail Merge」を利用すると、Googleメールから一斉同報メールを簡単に送信することができま…

1. 本システムの機能 ================================= 1). セミナー申し込みフォーム 2). 参加者リスト自動生成 3). 受講票兼自動返信メール作成・送信 4). 関係者宛 受付通知メール送信 5). リマインドメール送信 2. システムの流れ ===================…

ヒートマップを利用する 無料でも使えるサービス 自作しようと思う時に参考になる情報 はてなブログユーザーなら使いたいヒートマップツール「Ptengine」 WordPressでヒートマップを使おうと思う時に参考になる情報 ヒートマップを利用する 「ヒートマップ」…

更新日自動入力機能をGoogleスプレッドシートに追加 Googleスプレッドシートは、最近仕事でチーム利用することが多くなりました。今日は、スプレッドシートで管理している表中の値が更新された場合、その更新日を記録したいとのメンバー要望により、該当行に…

今日は、新しく作ったサイトに Google Analytics を設置するなどの作業を行っておりました。 Google Analyticsとは 公式サイト： https://analytics.google.comGoogleが提供するアクセス解析ツールのことです。 サイトに導入(※)すると、サイト訪問者の動向・…

【本日のWeb制作 学習メモ】 ひとつ前の記事の関連となりますが、 phpMyAdmin で CSVインポートがうまく行かなかった原因の一つに、 元データとして受け取っていたExcelシートにセル内改行が含まれていたという問題がありました。 数百件に及ぶデータの中か…

【本日のWeb制作 学習メモ】 phpMyAdminを用いてCSVファイルでインポートする方法（覚書） CSVデータの読み込みに意外と手こずってしまったので、、、ということでの覚書です。 いろんなサイトを参考にさせていただきながら試行錯誤した何とか成功。 なお、…

【本日のWeb制作 学習メモ】 MACを使いこなす（ファンクション編） jQueryを使ったWebページ制作 mysql 文字化け対応 1. MACを使いこなす（ファンクション編） WindowsからMACを使うようになって困ったこと Windowsでは普通に使えていた入力変換ができない！…