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

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制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール...記事の続きを読む 続きを読む

AIでコードを生成！ テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE

2023/04/04 144 users ナビゲーション コンポーネント CSS AIツール 生成

AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。 テキストを入力、たとえば「シンプルでモダンなナビゲーション　アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。 AI ... 続きを読む

Web制作に便利なChrome拡張機能20選 | BUILD ビルド - Webデザイン制作

2023/03/31 9 users BUILD ビルド Chrome拡張機能20選

Chrome拡張機能は、ウェブ閲覧やウェブ制作のさいに非常に便利な機能です。新しい拡張機能を見つけるたびに追加し、実務で試しています。ただ、気がつくと使わない機能が溜まりがちなので、数ヶ月ごとに見直ししています。 先日もインストール済みのChrome拡張機能を見直し、頻繁に利用しているものや、いざという時に使... 続きを読む

『なぜインライン要素・ブロック要素概念は依然として有用なのか：現代的なWeb制作への適用』という記事について

2023/03/26 118 users 適用 インライン要素 articles COEDO 以下

なぜインライン要素・ブロック要素概念は依然として有用なのか：現代的なWeb制作への適用 https://zenn.dev/coedo/articles/html-css-inline-element-block-level-element この記事では、『なぜインライン要素・ブロック要素概念は依然として有用なのか』という記事（以下「元記事」といいます）の説明について見ていき... 続きを読む

CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD ビルド - Webデザイン制作

2023/03/23 5 users CSS hover時 矢印 BUILD ビルド 現場

Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。 背景色と矢印... 続きを読む

Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

2023/03/16 195 users ひとまとめ デコード Flexbox CSS diff

HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無... 続きを読む

ChatGPTを使用して「Web制作者の疑問に答えるWebアプリ」を作りました

2023/03/13 343 users chatgpt Monday プログラミング 疑問 Web技術

Web技術 ChatGPTを使用して「Web制作者の疑問に答えるWebアプリ」を作りました Monday, March 13th, 2023 ChatGPTを使用するとWeb制作で困ったときやプログラミングの勉強をしていて知らないことが出てきた時に素早く調べることができる…はずでした。 なぜ「できます」ではなく「できるはずでした」と記載しているのかと... 続きを読む