Web

Web

iPadでVS Codeを動かしてみた。

米国時間2021年10月20日、VS CodeのWeb版「VS Code for the Web」のプレビュー版の配布が開始されたニュースをキャッチ。VS CodeがiPadでも使えのか、早速試してみました。
Web

Chromeの日本語対応でコーディングが一層快適に!Flexboxやシャドウ設定もラクラク

ディベロッパーツール(DevTools)は、ウェブ開発において不可欠なツールの一つです。表示の不具合やデザインの問題が発生した際に、その原因を特定し修正するために使用されます。 ここでは、Chromeのディベロッパーツールが日本語対応となったことで、より使いやすくなり、コーディングの効率が向上する点を紹介します。
Web

企業サイトで避けたい、NGコーディング集

Webサイトの受注形態は、サイト全体、サイト内の一部コンテンツ、ページ、ランディングページなど様々な仕様が想定されます。企業サイトを制作する際に気をつけたいポイントをまとめてみました。
Web

教本では学べない、CSSの不具合解決法

実務では、修正するスキルが求められる! Web制作案件は新規制作に限らず、既存ペーシの改廃や修正の依頼も数多く入ってきます。実務経験のない方には、まず既存ページの改廃、修正などを任されるケースが多いのではないでしょうか。こういったケースでは...
Web

現場でも使える、HTML/CSS関連サイト

ググって見つけた情報は、必ずブックマークを! 独学でhtml/cssの基本はマスターでき、教本やコーディング模写等でスキルを磨いていても、いざ実践のコーディングとなるとわからないことが多々でてきます。 そんな時の解決法が「ググる」こと。 自...
Web

コーディングスキル向上への道:インプットの重要性とCSS学習方法

ウェブ開発において、HTMLやCSSの基本を学び理解することは大切ですが、ゼロからコーディングを試みる際には手が止まることもあるでしょう。この記事では、語学学習にたとえて、コーディングスキル向上のためのインプットの重要性と、CSS学習の効果的な方法について解説します。
Web

progateに頼らない、コーディング学習法

オンライン学習サイトでは、コーディングスキルは身につかない! コーディングを学ぶ際に、prpgateやドットインストールから始める方は多いと思います。これらのオンライン学習サイトは「始めやすく、継続しやすい」教材というのが好評な理由のひとつ...
Web

HTMLメール、失敗しない作り方・テスト配信編

HTMLメールは、メールクライントによって記述したスタイル通りに表示されないケースが多々発生します。そのため、事前にテスト配信をおこなって表示を確認し、不具合の修正を重ねていく必要があります。
Web

メールクライアント対応が鍵:HTMLメールの効率的な作成手順

「HTMLメールを効率よく作成する手順」をまとめましたので、これからHTMLメールを作成する機会がある皆さんと共有できればと思い、まとめてみました。
Web

コーディング学習におすすめの画像編集アプリは?

Webに関する学習方法をお伝えしていくにあたって、実践的な内容であればデザインもコーディングも同時進行的に進めていくのが正解です。 しかし、ここでは「独学・格安」を前提に「Webコーディング」のスキルを身に着けていく方法をお伝えしています。