文章の折り返し指定のCSS最新版 - ICS MEDIA

2024/04/11 202 users レイアウト 結論 CSS指定 ICS MEDIA みなさん

文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？　この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると... 続きを読む

HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA

2023/06/22 288 users HTMLコーディング ICS MEDIA 常識 連載 傾向

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します... 続きを読む

ウェブ制作にも便利！React & Vueで始めるヘッドレスUI - ICS MEDIA

2023/04/13 16 users React Vue ヘッドレスUI ICS MEDIA

ウェブの表現がリッチになるに従い、コーポレートサイトやキャンペーンページのような「普通のウェブページ」でもモーダルダイアログやアコーディオンといった、ちょっと凝ったUIを見かけることが増えてきました。こうしたUIが必要な場合、皆さんはどのように実装していますか？ 2023年3月にモーダルダイアログの実装に... 続きを読む

使いこなして効率アップ！ ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA

2023/03/17 8 users デベロッパーツール デバッグ CSS 必須 ICS MEDIA

ウェブ制作をする上でCSSでのスタイルの記述は必須ですが、意外とデバッグが難しくデザイン通りに実装するには手間がかかります。 そんなときに活躍するのがGoogle Chromeの「デベロッパーツール」です。視覚的にCSSのスタイルが確認、変更できるので、うまく活用することでCSSのデバッグを迅速に行うことができます。 ... 続きを読む

Figmaの作業を効率化！ 知らないと損するショートカット集 - ICS MEDIA

2023/03/03 11 users figma マニ ICS MEDIA 定番 ショートカットキー

ウェブ制作における定番になりつつあるデザインツール「Figma」。本記事では、Figmaの知らないと損するショートカットキーを紹介します。 よく使う便利な機能を呼び出すショートカットキーを覚えておくことで、作業効率が上がるのでしっかり覚えていきましょう。 本記事では基本機能のショートカットキーだけでなくマニ... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt Vue NEXT

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

フロントエンドのトレンドは変化したか？ アンケート結果から分析する2022年のウェブ制作 - ICS MEDIA

2022/07/19 10 users ICS MEDIA フロントエンド トレンド アンケート結果

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載8回目となる本記事では「フロントエンドエンジニアの移り変わり」をテーマとしてアンケート... 続きを読む

FigmaのVariants入門 - さらにコンポーネントを使いこなそう

2022/04/13 23 users figma デザインパーツ コンポーネント variant

ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variant... 続きを読む

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ

2022/03/31 60 users ケアレスミス 検出 スレ node.js HTML

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッド... 続きを読む

文章の品質向上に役立つ！ Figmaのプラグイン「テキスト校正くん」を公開

2022/03/09 196 users figma Figma上 テキスト校正くん プラグイン 文章

ウェブ制作の現場で一般的に使われるようになってきたデザインツール「Figma」。そのFigma上で動作する文章校正支援プラグイン「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for Figma 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高める... 続きを読む

マイクロインタラクションからクリエイティブ表現まで！Tween24.jsを使った演出表現

2021/12/10 24 users マイクロインタラクション WebGL Tween24.js

ウェブサイトのリッチな表現に欠かせないアニメーション。実装にはCSSを使ったものからJavaScriptを使ったもの、WebGLを使ったものまでありますが、今回はTween24.jsを使ったウェブ制作の場面で使える実践的表現を紹介します。 基本的な導入方法や使い方は記事『新感覚！メソッドチェーンでアニメーションがスラスラ書け... 続きを読む

ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie

2021/08/31 435 users ペイジ Knowledge baigie タスク ドキュメント

営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のよう... 続きを読む

昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2021/07/15 375 users いまどき ICS MEDIA HTML制作 アンケート結果

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケー... 続きを読む

【CSS】知っておくと便利！短いコードで実装できるCSS小技20選 - PhotoshopVIP

2021/05/19 27 users PhotoshopVIP カスケーディング CSS HTML

この記事では、あまり知られていないCSSの小技20個を実例サンプルと一緒にご紹介します。 わずかなコードで実装可能なテクニックばかりで、ウェブ制作でも気軽に活用することができます。 そもそもCSSってなに？ CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、HTMLなどのマークアップ言語で... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ユーザーインターフェイス ICS React angular

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

お笑い芸人から海外でエンジニアに！業界未経験から前代未聞の挑戦を成功させたフロントエンドエンジニアのShotaさん | Frog

2021/01/05 9 users バンクーバー 独学 吉本芸人 マネージャー 経歴

今回は日本で吉本芸人として活動された後、スーパー銭湯のマネージャー、ウェブ制作会社でのアルバイトなどを経て、バンクーバーのスタートアップにフロントエンドエンジニアとして見事就職、移民申請にまで漕ぎつけたという超異色の経歴を持つShotaさんにお話を伺いました。 30代で未経験ながら独学でウェブ制作を学ば... 続きを読む

成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie

2020/12/16 1089 users Knowledge baigie ペイジ BtoBサイト 反響

約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多く... 続きを読む

HTMLコーダーにとっての2020年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2020/07/10 251 users HTMLコーダー いまどき ICS MEDIA アンケ 常識

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第6回目となる本記事ではウェブ業界の「HTMLコーダーにとっての2020年」と題してアンケ... 続きを読む

コロナショックはウェブ制作をどう変えるか？【ウェビナーレポート】 | knowledge / baigie

2020/05/13 9 users パネリスト コロナ Knowledge baigie 枌谷

4月22日に開催された合同ウェビナー『コロナショックはウェブ制作をどう変えるか？』に、株式会社アンティー・ファクトリー代表の中川直樹さん、株式会社タービン・インタラクティブ代表取締役の志水哲也さん、株式会社リクト代表の山口裕介さん、そして当社代表・枌谷がパネリストとして出演しました。 コロナが事業に... 続きを読む

ウェブ制作がサクサク捗る！便利な最新オンラインツール37個まとめ - PhotoshopVIP

2020/04/09 15 users PhotoshopVIP

この記事では、日常行っているWebデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめてご紹介しています。 これらの新しいツールやサービスを利用すれば、これまで後回しにしていた面倒な作業も自動化し、生産性アップ、円滑なプロジェクト進行を実現できるでしょう。「もっと早く知って... 続きを読む

ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ - PhotoshopVIP

2019/12/09 11 users ワークフロー PhotoshopVIP ツール 制作 作業

この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフロー... 続きを読む

ウェブ制作がすご楽！便利な最新オンラインツール個まとめ - PhotoshopVIP

2019/09/02 497 users PhotoshopVIP

この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これな... 続きを読む

フロントエンドエンジニアにとっての2019年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2019/07/09 92 users 常識 いまどき 連載 同業他社 傾向

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第5回目となる本記事ではウェブ業界の「フロントエンドエンジニアにとっての2019年」と題... 続きを読む

ウェブ制作が捗る！便利すぎる最新オンラインツール、無料素材56個まとめ - PhotoshopVIP

2019/06/23 126 users PhotoshopVIP 最新オンラインツール

この記事では、Webデザインやグラフィックデザインの制作が捗る、公開されたばかりの最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフ... 続きを読む

フリーランスを「使い捨て」にするベンチャー企業の実態。 「株式会社北風と太陽」が駆使するやり方とは。（エピソード3）｜総合サポートユニオン｜note

2019/06/21 192 users Note フリーランス 実態 制作プロダクション 太陽

フリーランスを「使い捨て」にするベンチャー企業の実態。 「株式会社北風と太陽」が駆使するやり方とは。（エピソード3） 医療分野に特化した制作プロダクションを謳う「株式会社東京アドメディカ」のウェブ制作等を担う別会社である「株式会社北風と太陽」にて、プロジェクトマネージャー兼ウェブディレクターとして業... 続きを読む