- 2024-12-04
【CSS】CSSセレクタを使いこなすための親子関係の基本を解説!
Webページのデザイン作成には欠かせないCSSですが、最近はデザインだけでなくアニメーションなど表現の部分でも重要になってきました。 状況に合わせて対象を絞り込んでCSSで操作するためには、CSSセレクタの親子関係に関する理解は必須の状況です。 CSSセレクタの意味や考え方、親子関係の作り方などについて紹介します。 CSSセレクタって何? CSSセレクタは、スタイルを適用する要素を選択するための指 […]
Webページのデザイン作成には欠かせないCSSですが、最近はデザインだけでなくアニメーションなど表現の部分でも重要になってきました。 状況に合わせて対象を絞り込んでCSSで操作するためには、CSSセレクタの親子関係に関する理解は必須の状況です。 CSSセレクタの意味や考え方、親子関係の作り方などについて紹介します。 CSSセレクタって何? CSSセレクタは、スタイルを適用する要素を選択するための指 […]
WebアプリやWebサービスは手軽であるために多くの利用者がいますが、外部に対して公開されている以上、悪意をもってアプリやサービスに攻撃が行われる場合もあります。 Webアプリやサービス、そして利用者をサイバー攻撃から守るために、アプリやサービスの開発側で行うべきことを紹介します。 Webアプリやサービスで生じやすい脆弱性 Webアプリやサービスではさまざまなトラブルが発生しますが、特に生じやすい […]
Reactは現在人気のJavascriptフレームワークのひとつで、Facebookが開発しオープンソースとして無料で提供しています。 多くのパーツが世界中で開発されており、それらを組み合わせることで簡単にWebアプリを開発することが可能です。 Reactをまだ使ったことがないユーザーのために、Reactの特徴や基本的なことについて紹介します。 Reactとは Reactは、Facebookによっ […]
この記事を読んでいるあなたは、 Vue.jsとは何か知りたい。 Vue.jsの特徴を知りたい。 Vue.jsでできることを知りたい。 上記のように考えているかと思います。 フロントエンド開発を楽にしてくれるフレームワークが多くなっていますが、その中でもまずしっかりと習得しておきたいのがVue.jsです。 Vue.jsは最近のフレームワークに共通するコンポーネント指向の考え方が身に付き […]
Webのカンプデザインや素材を作りたい場合に利用されることが多いのがAdobeのIllustratorやPhotoshopですが、これらがあればwebデザインは十分なのでしょうか。 AdobeのCreative Cloudでは他ソフトも含めてひとまとめにして提供されていますが、必要以上にコストがかかり、個人や中小企業では使いにくい場合もあります。 Adobe以外にデザインに使えるソフトなどを紹介し […]
複数人での作業が必要な場合や、案件ごとの作業品質のバラツキを防ぐために欠かせないのがコーディング規約です。 ソフトウェアの制作では企業や案件ごとにルールが定められることが多いですが、HTMLやCSSといったwebの言語では徹底されていない現場も多いです。 一人web担当者やフリーランスなどでも、グループワークが必要になるケースはありますので、重要性や作り方などについて理解しておきましょう。 コーデ […]
独自ドメインの取得サービスには色々な種類があります。 どこを利用すればいいのか、どこでもいいのか、悩む人は多いと思います。 取得するドメインの種類によって、金額が異なりますし、ほしいドメインを取り扱っているところといないところがあったりもします。 ドメインの取得方法は、企業としてとるのか、個人としてとるのかという視点と条件に合ったコストパフォーマンスが一番重要になると思います。 今回はそんなドメイ […]
Webサイトを開く際のURLは、「http://」で始まるものもあれば、「https://」で始まるものもあります。 httpもhttpsも通信のための規約(プロトコル)を表していますが、この両者の間にはどのような違いがあるのでしょうか。 わかるようでわからないhttpとhttpsの違いについて紹介します。 httpとhttpsのそれぞれの意味 httpとhttpsについて、それぞれの意味をまず確 […]
パソコンだけでなく、スマホやタブレットなどさまざまなデバイスでWebページが閲覧されるようになってきていますが、マルチデバイスに対応したデザイン作りは時間がかかるものです。 こういった時に頼りになるのが、HTMLやCSS、JavaScriptによって構成されたフレームワークで、その中でも特に人気が高いのがBootstrapです。 Bootstrapの用途やメリットなど、Web制作に携わる人が知って […]
「XDでデザイン模写・模写コーディングをしたいけど、どういった流れでやればいいのか全然わからない…詳しい人に教えてほしい!」 このような疑問について回答していきます。 今回の記事の内容は以下の通りです。 なぜ模写が重要なのか XDでデザイン模写する XDデザインを模写コーディングしていく 以前、Progate学習を終えた人に対してこのような記事を書きました。 Progateを終えた人向け!XDで次 […]