My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

Webアプリ

【Bootstrap】無料で使えるBootstrapビルダー「Pingendo」のご紹介

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

爆速でプロトタイプ制作ができるWebサイトビルダー「AppDrag」

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

レスポンシブサイト制作で役立つツールまとめ (6選)

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

配色の選定にはこれが便利!オンラインツール「PHOTOCOPA」のご紹介

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

コーディング不要!簡単操作でプロ並みBootstrapサイトが作成できる「Mobirise」

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

【Chrome拡張】Local版 CodePenのようなエディタツール、「Web Maker」を使ってみました

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

CodePenを使ってみました

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

忍者おまとめボタンを使ってみた

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

Gmail でリマインド(同報)メールを送信する

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

無料でここまでできる! Googleフォームで作るセミナー受付システム

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

ヒートマップ一覧

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

Google Apps 更新日自動入力

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

Webサイト解析の第一歩、Google Analyticsの設置・導入方法

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

2015/02/24 Excelのセル内改行をいっぺんに取り除く方法は?

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

2015/02/23 phpMyAdminを用いてCSVファイルでインポートする方法

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

2014/09/05 本日のWeb道 学習メモ

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