EFOとは？問い合わせフォームの成果を高める改善策12選 | マーケティング | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）

2024/12/19 7 users クオートワークス EFO ナレッジ 覚書 ノウハウ

クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 「お問い合わせ数が一向に増えない。。。」 「お問い合わせフォームまで到達しているのに、離脱されてしまう。。。」 「お問い合わ... 続きを読む

デザインセンスの育て方。デザインを見る目（審美眼）を鍛える7つの実践的方法。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）

2024/10/25 328 users 審美眼 クオートワークス ナレッジ 覚書 ノウハウ

クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 「良いデザイン」とは何か、それをどう評価すべきか。「自分には見る目がない」「センスがない」と悩んでいる方も多いのではないで... 続きを読む

もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ

2024/08/26 7 users

この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入... 続きを読む

FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？ 「Config APAC 2024」現地レポ | 進化が止まらない！ 最新ツール

2024/07/29 198 users figma config コンフィグ フィグマ 翌週

Figma（フィグマ）が主催する世界最大級のデザインカンファレンス「Config（コンフィグ）2024」が本拠地・米国のサンフランシスコで6月26〜27日に開催された。その翌週、Figma経営陣はシンガポールへと飛び、7月2日に「Config APAC 2024」を開催。アジアで初開催となったこのConfigには約1,000人以上が参加し、新機能の... 続きを読む

コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】

2024/07/23 15 users コピペ 時短 爆速 UIコンポーネント集 便利ツール

開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれな... 続きを読む

Web制作のフローで発生する“すれ違い”がなくなるAI活用法　エンジニアの手間を削減しつつ、コミュニケーションがスムーズになる技

2024/05/08 7 users フロー エンジニア 手間 コミュニケーション AI活用法

自然言語でWebサイトを作れる「Create」 KEITO（以下、KEITO）：はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏（以下、池田）：知らないです。 KEITO：ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを... 続きを読む

【時代】とある専門学校の看板に「メディアの死」を感じる「あまりにも風刺」「胡散臭く見えるな…」

2024/04/03 27 users 風刺 TMC 看板 College メディア

リンク Wikipedia 東京マルチ・AI専門学校 東京マルチ・AI専門学校（とうきょうマルチ・エーアイせんもんがっこう）は、東京都新宿区にある専門学校。JR新大久保駅と大久保駅の間に位置している。略称はTMC（Tokyo Multi・AI College）。デザイン、ゲーム、アプリ開発、Web制作、情報処理などの学科を設置する東京都認可... 続きを読む

なぜコーディングにVSCodeを使うのか。 私がVSCodeを選んだ理由

2024/03/13 33 users vscode コーディング Webコーディングスクール 基礎

この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 コーディングを始めたい、コーディングにVSCodeというものを使うということはわかってるけど、なぜこれを使うんだろう。... 続きを読む

Notionを使って自分だけの参考サイト集を作ってみる - paiza times

2024/03/06 398 users 表現 プロジェクト Webサイト 参考サイト 見せ方

＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員として働きつつ、個人でブログ／メディアライターとして活動するパラレルワーカー。 iPhone・iPad・Mac・ITツールを用いて人々の生活をより豊かにするための活用術を提供する「デジタルライフブロガー」です。 Web制作に関わる人にとって、... 続きを読む

XDからFigmaへ移行したい人のためにFigmaの機能を紹介

2024/02/26 19 users figma 基礎 Webデザインスクール スマートフォン時代

XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーデ... 続きを読む

2023年、Web制作・デザインに役立つ記事の総まとめ

2023/12/27 12 users 総まとめ デザイン figma タイポグラ vscode

2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラ... 続きを読む

夜を朝とし、朝を夜とす、ナッツで ～「朝と夜のナッツ＆フルーツ」を買った

2023/12/17 8 users ナッツ eatmorecakes まばたき EDM 編集部員

東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：餅によるおこわ炊飯術に「クッキングもち」がいいぞ ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 朝と夜... 続きを読む

あの時、たしかにそこに”日本を代表する者”がいたと思うんだ。 - 笑顔を創りたいWebディレクターの日常

2023/12/11 13 users Webディレクター 本業 笑顔 日常 こんばんち

この記事は「インターネット老人会 Advent Calendar 2023」11日目の記事です。 というわけでこんばんちは、スーパー太っちょWebディレクターです。 スーパーは太っちょにかかります。 ↑の自己紹介どおり、僕の本業はWebディレクターでして、とある大手企業のEC部門で自社ECサイトの運用やそれに関わるWeb制作なぞをやっ... 続きを読む

グリッドシステムのフレームワークを作ってみた

2023/11/30 29 users グリッドシステム デザインカンプ フレームワーク 経緯 実装

はじめに この記事では私が普段使っている、グリッドシステムを使ったレスポンシブなデザインカンプのフレームワークを紹介します。主にデザイナー初心者や1~2年程の経験者向けの内容です。 フレームワークを作成した経緯 私は仕事で主に所謂Web制作と言われるWebサイトのデザインと実装を両方やっており、業界的に納期... 続きを読む

Web制作、動画編集…覚えればできる作業で高単価は無理がある　今、Web系フリーランスで稼いでいる人の特徴

2023/10/30 16 users 高単価 WEB系フリーランス 無理 作業 特徴

デイトラ大滝氏とStockSun株本氏が登壇 田中龍之介氏（以下、田中）：まず簡単に自己紹介を一言ずつお願いします。 大滝昇平氏（以下、大滝）：デイトラ代表の大滝昇平と申します。社会人向けにプログラミングやWebデザイン、動画編集などさまざまなWebスキルを教えるスクールを運営しております。よろしくお願いします... 続きを読む

古いリセットCSSからはもう卒業！ モダンブラウザに最適化された新しいリセットCSS -A (more) Modern CSS Reset

2023/10/05 201 users 知見 MORE CSS リセットCSS ターゲット

モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作されたリセットCSSを紹介します。なぜそうするのか、なぜそれを使用しないのか、CSSの知見やテ... 続きを読む

【プロンプト付き】AIで爆速作成！ホワイトペーパー作成ガイド（2023年度版） ｜ ノウハウ凝縮コラム「転ばぬ先の杖」｜株式会社フォノグラム

2023/09/08 6 users 接点 施策 見込み顧客 ホワイトペーパー 広島

ホワイトペーパーの基礎知識から作成方法、活用方法を解説！【プロンプト付き】AIで爆速作成！ホワイトペーパー作成ガイド（2023年度版） 広島でWeb制作やWebマーケティング支援を行っている、株式会社フォノグラムです。 Webサイト上で見込み顧客との接点を獲得するために重要な施策の1つとして、「ホワイトペーパー」... 続きを読む

Kindle Unlimitedで3ヵ月無料キャンペーンをしているので、Unlimited対象のWeb制作・デザイン・イラスト本をまとめました

2023/07/05 14 users Kindle Unlimited Unlimited 文芸

Kindle Unlimitedで3ヵ月無料キャンペーン（申込は2023/7/12まで）が開催されているので、Unlimited対象となるWeb制作・デザイン・イラスト関連のKindle本をまとめてみました。 こんなに読めれば、十分に元が取れると思います。元といっても0円ですが。Unlimitedは他にも文芸や小説、マンガ、雑誌なども数多く対象となっ... 続きを読む

Webフレームワーク「Astro」とは？ 開発初心者からベテランまで注目する理由

2023/07/03 15 users astro React 骨組み フレームワーク 筆者

はじめに Web制作におけるフレームワークというと、ReactやVue.jsなど、エンジニアが効率的に開発を行うために必要なシステムの骨組み、という印象がありますが、Astroは筆者のような、どちらかというとデザイン寄りの制作者でも理解しやすい設計になっており、実体験としてデザインから静的サイトの構築までを一人で完... 続きを読む

Web制作の現場で使えるWebサービス13選！無料で使えるサービスを集めてみた | MonoStack

2023/06/27 162 users ワンクリック CSSコーディング MonoStack ツール

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Rad... 続きを読む

独学フリーランス必読！Webサイト制作に必要な知識が学べる書籍5選 | MonoStack

2023/06/02 20 users ディレクション コーディング フォーカス MonoStack

Web制作はデザインやコーディングの知識だけでは成り立たず、制作前後にも重要な工程はたくさんあります。しかし、作り方にばかりフォーカスが当たり、契約や法律周りの情報、ディレクション、Web運用などの知識はおざなりにされがちなのが現状。そこで今回はWebサイト制作と、その前と後を学べる書籍を6冊紹介します。... 続きを読む

CSS Stock｜Webデザインを楽にするCSSコピペサイト

2023/05/27 568 users コーディング CSS webデザイン 順次 HTML

当サイトについて 「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。 あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。 ちなみに新しいスニペットを順次... 続きを読む

あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD ビルド - Webデザイン制作

2023/04/30 228 users BUILD ビルド Webデザイン制作 あなた vscode

Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient Animator Fuze グラデ... 続きを読む

効率よくコーディングを進めるためにChatGPTを使ってみよう

2023/04/24 439 users chatgpt EMI コーディング EMIさん 寄稿記事

Web技術 効率よくコーディングを進めるためにChatGPTを使ってみよう Tuesday, April 25th, 2023 この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインや... 続きを読む

Kindle本のゴールデンウィーク特大セールが開催！ UIデザイン、Web制作、イラストの良書が半額でお買い得です

2023/04/24 9 users 良書 ディレクション CSS Kindle本 半額

Amazonで、Kindle本ゴールデンウイークセールが開催しています！ Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール...記事の続きを読む 続きを読む