はる web制作/英語

お久しぶりです。はるです。僕は今年の９月から大学を休学していて、フリーランスのwebコーダーを目指して日々学習に励んでいます。せっかくなので、休学中の記録を毎月残していこうと思います！ 84.5時間の学習記録！休学中に何を達成したか？ 合計...

基本情報技術者試験の概要 まず、敵を知らなければ何も始まりません。基本情報技術者試験について軽く説明します。 この試験は「科目A」と「科目B」に分かれています。 科目A：主に知識問題が出題されます。IT全般に関する基本的な知識や、プログラムやネットワークの仕組み、データベースに関する内容を問われます。 科目B：アルゴリズムやプログラミングの問題が中心です。ロジックを正しく理解して、それをプログラムやフローチャートで表現する力が求められます。 両方とも1000点満点で、600点以上を取ることが合格の条件です。そのため、科目Aと科目Bの両方をバランスよく対策することが重要です。 また、この試験は通年で受験可能で、自分のタイミングで好きなときに挑戦できるのも魅力です。

「Webデザイナー」「コーダー」「フロントエンドエンジニア」は、いずれもWeb制作に関わる職業ですが、それぞれ役割やスキルセットが異なります。 今回はそれぞれの違いを説明していきます。 自分のなりたい職業をしっかり把握することで、これからの道筋を立てるのに役立ててください。 それぞれの職業の概要

jQueryで作れる機能 ハンバーガーメニュー 小さな画面やモバイルデバイス向けに、ナビゲーションメニューを省スペースに表示できる機能です。 メニューを開くボタンの三本線のロゴがハンバーガーに似ていることが由来です。 下のアイコンをクリックすると、、 このようにナビゲーションメニューが表示されます。 ほとんどのサイトで採用されているのを見たことがあると思います。 主に利用される場面: スマートフォンでのナビゲーションメニュー

jQueryとは ここまではシンプルで動きのないサイトを作ってきました。 ここからはjQueryというJavascriptのライブラリであり、サイトに動きをつけることができるものを学んでいきます。 具体的なプログラミングの仕方などについては今回の記事では書きませんが、雰囲気だけ軽く紹介しておきます。 下がjQueryのプログラムになります。 $("#fadeBtn").click(function(){ 　　$("#box").fadeOut("slow"); }); fadeBtnというidのついたボタンを押すと、boxというidのつく要素をゆっくりフェードアウトさせるという処理が書かれています。 見た目はなんだか難しそうな感じがしますね。 それもそのはず、jQueryはHTML,CSSのようなマークアップ言語ではなく、プログラミング言語にあたります。 しかし一つずつ学んでいけば、web制作で使う最低限のものなら誰でも習得できると思います。 これから勉強法について紹介しますので、学習を始めていきましょう！

水平方向のレイアウト 水平方向の配置を調整するには、justify-contentプロパティを使用します。 left, center, right を指定することで、中央左右寄せが可能です。 .container { //中央寄せ justify-content:center; } アイテムを均等に並べるレイアウト アイテムを均等に並べるのは先ほど同様、justify-contentプロパティを使用します。 space-betweenとspace-aroundの二種類解説します。 .container { justify-content:space-between; } space-betweenは、最初と最後のアイテムはコンテナの端に配置され、その間のアイテムは均等にスペースが配置されます。 端にはスペースが入らず、アイテム間だけに均等なスペースが生まれます。

今回はweb制作を始めたい、または始めたばかりの方に向けてHTMLのタグについて解説していこうと思います。 HTMLはタグというものを使って、文章や画像を配置していきます。 そのタグにもそれぞれの用途が存在するので、今回の記事を利用して使い分けられるようになりましょう！ 頻出のHTMLタグ h1,h2,h3...h6 p div ul,li a img それぞれ解説していきます。

HTMLとCSSはweb制作に興味のある方は一度は耳にしたことがあるかもしれません。 これらはマークアップ言語と呼ばれるもので、webサイトを作るにあたって必須なものです。 プログラミング言語とは厳密には違うものなので注意しましょう。 まずHTMLは、Webページの「構造」を定義する言語です。 テキストや画像、リンク、フォームなど、Webページに表示されるすべての要素をこれで入力します。 タグというものを使って入力するのですが、例えば見出しを書きたいときは、以下のように『h1タグ』というものを使います。