媒体ごとのQRコードによる集客の計測 | 広告デザイン：エムズクラフト
QRコードパラメータを使った計測集客を考える際に計測したデータを次に生かすことが必要不可欠です。しかし、DMやチラシなどの紙媒体や、看板などオフラインメディアの計測は出来ないとお考えの方も多いのではないでしょうか。 ホームページにアクセスしてもらうのが目的のQRコードですが、QRコードで読み込むURLに計測用のパラメータをつけることで、グーグルアナリティクスの参照元で計測することが出来ます。 QRコード用のパラメータの条件を考えるGoogleアナリティクスで流入経路を判別するためには、URLの末尾にカスタムパラメータという文字列を追記します。 例として特定日時のダイレクトメールからのアクセスを計測する場合は、 ☆リンク先のURL ： https://mz-craft.net/ ※メディアにあわせた各ページURLでももちろんかまいません。 ☆計測したい施策：ダイレクトメールからのアクセスを計
Hexo製ブログを公開してGoogle検索できるようにする
手元で作成したHexo.js製ブログを、GitHub Pagesで公開して、Google検索できるようにするまでの手順を、この記事にまとめました。 GitHub Pagesでサイトを公開しようと考えている方の参考になれば幸いです。 はじめに前後編に分割した理由下記の二つの理由を持って、記事を前後編の二つの記事に分割することにしました。 PageSpeed Insights で、ページ内の DOM 要素数が 800 を超えていると、警告を受けたから。テンプレートやスタイルのリファクタを頑張ったが、800 を下回れなかった。技術的な内容にも関わらず、長すぎて可読性が落ちていると思ったから。いくつか記事を書いた結果、読了時間が 10 分程度だとバランスが良いという結論になった。この記事の存在意義読者様が、ブログ作成シリーズの記事をひと通り読んだ後に Hexo.js + GitHub Pages
黒い画面不要！デザイナ向け静的サイトジェネレーター「Phest」を公開しました | チャットワーククリエーターズブログ
こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ
GASでSVGを使った座席管理アプリを作る｜officeの杜
使いドコロと使う理由使い所SVGで自由自在にレイアウトを構築することが出来、単純なHTMLとCSSよりも直感的にアプリケーションを使って構築が可能です。このSVG画像を使うことで フリーアドレス対応の座席管理アプリの構築 様々な予約管理システムの構築 センサーデータと連携して、作物の監視状況の可視化 グラフィカルなサイトマップの作成 などなど応用が可能です。通常の画像とライブラリで作るよりも遥かに手軽で、大きさがスケールし、JSで操作も出来、SVGであるためクリッカブルマップのような古い技術よりも手軽につくれます。 出勤したらクリックして席を確保するアプリ使う理由SVG画像はベクターグラフィックスとも呼ばれ、ウィンドウの大きさによって、その内容が自動的に劣化すること無くスケールする、中身はXMLで出来た特殊な画像形式です。 その構造であるため、HTMLの中に呼び出せれば、JavaScrip
データベース(Airtable)から、数分でWebサイトを立ち上げるならSoftr｜tsubasatwi(ツバサ）
こんにちは、NoCodeCampのツバサです。今回はブロックを並べるだけで、簡単にサイトを作れるWeb サイトビルダーSoftr の紹介をしていきます。 ノーコード全体のアプリケーションや、サービスサイトを知りたい人は、過去記事のNoCodeツールは、こうやって選ぶ！選び方とおすすめ学習コンテンツをご覧ください。 Softr って？どんなツール2020年8月25日にMVPがリリースされ、2021年の初めにWebアプリ構築プラットフォームとして正式リリースされました。2022年1月現在では、35,000を超える企業で使われていると公式で報告されてます。 Softrを使用すると、「会員制サイト」「マーケットプレイス」「ポートフォリオ」「営業CRM」「決済付コミュニティサイト」および簡易なWebサイトがブロックを並べるだけで、簡単につくることができます。2022年には、Softrは1350万ドル
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ
この記事では、Webデザイン制作を楽にする最新オンラインツール43個をまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Layout Patter
【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか？ A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです（課金プランはある）。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ
覚えておくと便利なCSSデザインTipsを9つ集めてみた | BUILD Journal
覚えておくと便利なCSSデザインTipsを9つ集めてみたUpdate2023.05.18Release2023.05.18Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する これまでは画像で表現していたデザインを今ではCSSのみで実装できるものが多くなってきました。今回は覚えておくと便利な現場で使えるCSSデザイン Tips を9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。 見出しの改行位置をCSSで調整する見出しの改行位置を調整する見出しの文章が中央揃えである程度の文字数があると、スマホで見た場合意図したところで改行ができていないことがあります。上の動画をご覧ください。上側の文章は改行されると2行目3行目も中央寄りになるため、画面サイズによっては最終行が1〜3文字になってしまい
QALive | あなたのクイズ番組を作って遊べるクイズサービス
QALiveは、あなたのクイズ番組を作って遊べるクイズサービスです。無料で最大100名までオンラインのクイズ大会を開催！クイズの問題を公開したり、アーカイブでのプレイもできるクイズツールです。クイズの楽しみを「ハレのもの」から「ケのもの」へ。
製品情報-RapidMiner Studio | 機械学習プラットフォーム
AIの可能性を最大限に引き出すには、広く普及させることが重要です。 RapidMinerは、誰もが親しみやすく使いやすように設計された分析プラットフォームであり、データサイエンスの魅力を最大限に引き出します。 このプラットフォームは、データの準備からモデルの運用まで、データサイエンスライフサイクル全体を支えます。 また、既存のシステム、データ、言語を統合し、チーム、ドメイン領域、地域を超えたコラボレーションを効率化します。 One Platform, For Everyone. 直感的なインターフェースを提供することで、誰でもパワフルなインサイトにアクセスできるようになります。 初心者には完全自動化、エキスパートには統合されたJupyterLab環境、その中間には視覚的なドラッグ＆ドロップデザイナーを提供します。 データサイエンティスト ドメインエキスパート IT担当者 管理職（マネージャ
Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
設計書仕様書テンプレート PocketDOC | 株式会社イーイノベーション
弊社サービスをご利用頂き、誠に有り難うございます。 ドキュメントのダウンロード件数が2007年5月の開設以来300000件を突破しました！ 今度ともご愛顧の程よろしくお願いいたします。 PocketDOC(ポケットドック)とはシステム開発に必要な設計書や仕様書などのドキュメントやテンプレートはもちろんのこと、 議事録、納品・検収書、近年話題になっている個人情報に関しての取扱管理表などの ドキュメントやテンプレートも提供しています。 実際に弊社のプロジェクトで使用されているため精度も高く、カスタマイズなしでも利用可能なほどです。 上流工程から下流工程まで広い範囲をサポートしているので、 必要なテンプレートだけをダウンロードして利用することも可能です。 ドキュメントやテンプレートのファイル形式はWord(doc形式)やExcel(xls形式)です。 ダウンロード後、すぐにお使いいただけるように
【画像あり】webディレクターだけど、初心者に役立つサイト教える : 暇人＼(^o^)／速報
【画像あり】webディレクターだけど、初心者に役立つサイト教える Tweet 1: 以下、＼(^o^)／でVIPがお送りします 2015/02/06(金) 17:41:24.70 ID:flJZIImcH.net 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ 2: 以下、＼(^o^)／でVIPがお送りします 2015/02/06(金) 17:42:31.08 ID:flJZIImcH.net まずはドットインストール http://dotinstall.com/ 開発環境の構築方法からプログラミング言語の基礎の基礎を教えてくれる 一回の動画の時間が短く区切られているので使いやすい。 プロからはあまり評判が良くないが
優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog
悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode （以下TOM）ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI （User Interface）。 User Interface（ユーザーインターフェイス）とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスのUIを考える際に知っていると役立つ知識のなかから、基礎的な５つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
なにこれ超便利！レスポンシブデザインのサイトが各デバイスでどう見えるかが一目瞭然！Adsenseの確認にもなるよ！ | なまら春友流
当サイトはレスポンシブデザインを採用している。 それに合わせて最近GoogleAdsenseのコードをレスポンシブ対応のものに変更した。 その際に面倒なのが、広告が自分のサイトでどう表示されているのかの確認。 キャッシュが残ってたり表示させるガジェットを持っていなかったりという問題があってなかなか簡単に確認できなかったけれど、そんな悩みを一発で解決してくれる便利サイトがあったのでご紹介。 http://mattkersley.com/responsive/ ↑ 上記サイトで自分のサイトのURLを入力すれば各デバイスでどのように表示されるか確認できる。 レスポンシブ対応のAdsenseもそれぞれの大きさに合わせて表示されるのでわかりやすい。 個別ページのURLを入力すればそれぞれのページも表示されるので、トップページと投稿ページのカラムや表示を変えている人にとっても重宝する。 うん、これは便
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kindle本の特大セールが開催！ UIデザイン、Web制作、イラスト関連の良書がたくさん半額です
Identifont-形状別フォント識別名称別フォント検索
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
