づみ

フリーランス | Web制作で生活しています。前職はWeb制作会社でディレクターやって…

づみ

フリーランス | Web制作で生活しています。前職はWeb制作会社でディレクターやっていました。 コーディング・プログラミングが好きです!

マガジン

最近の記事

Webディレクターは「感情」を横に置くところからスタートする。

Webディレクターという仕事は、特に「感情」のコントロールに気をつけなければならない職種だと思う。 対峙する人の数が多く、それ故に感情を左右される問題が多いからだ。 たとえば、クライアントからの無茶な要望。社内メンバーからの不満。それらはディレクターに重くのしかかる。 いわゆる「板挟み状態」になって、「なんで俺が文句を言われなきゃいけないんだ!プンプン!」と、文句を言いたくなる瞬間が山程ある。 だが、この「感情」を横に置けることが、ディレクターに必要な素質だと思う。感情はい

    • プログラミング日記#11 JavaScriptとは

      こんにちは!よっしーです。 今回はプログラミング学習11回目!いつものように学習を振り返ります。 今回の学習内容ドットインストール「はじめてのJavaScript(全11回)」完了 HTML.CSSを使って、簡単なWebサイトは作れるようになったので、今日からJavaScriptの学習をはじめました。 今までのHTML.CSSはプログラミング言語というより、「マークアップ言語」という基礎の基礎部分でした。 JavaScriptは、ほとんどのWebサービスで使われてい

      • 進撃のG

        その日、ぼくは、ヤツらに支配されていた恐怖を思い出した。 Gに支配されていた恐怖を。 いつの間にか忘れていた。いや、忘れていたのではない。忘れたフリをしていたのだ。 現れるはずがないと。ヤツらが現れるのはこの先、未来永劫ないと自分に言い聞かせていたのだ。 人類はヤツらに支配されている。どこにいても、どんな壁を立てようとも、ヤツらの進軍を阻む手はない。 --- 深夜2時10分。 ぼくはいつものように部屋でプログラミングに勤しんでいた。黒い画面にコードを書きなぐる。

        • プログラミング日記#10 bootstrap4を学ぶ

          こんにちは。よっしーです。 今回はプログラミング学習10日目!いつものように学習を振り返ります。 学習内容・ドットインストール「Bootstrap4入門(全22回)」10回まで視聴 以前までサイト模写に励んでいましたが、ちょっと方向転換してbootstrapを学んでいます。 bootstrapとは bootstrapとは、簡単にいうと「CSSデザインをめっちゃ簡単にしてくれる機能」です。 bootstrapを使えば、これまでCSSファイルにごっそり書いていた記述が

        Webディレクターは「感情」を横に置くところからスタートする。

        マガジン

        • 古賀史健
          1本

        記事

          プログラミング日記#09 Googleマップの挿入

          こんにちは!よっしーです。 今回はプログラミング学習9日目!いつものように学習を振り返ります。 今回の学習内容・サイト模写  -テーブルの作成  -Googleマップの挿入 変わり映えなくサイト模写です。 やっとフッター部分まで進めました!あるお店のコーポレートサイトを模写しています。 お店のフッターは営業時間や地図であることが多いので、今回はテーブルの作成とGoogleマップの挿入をおこないました。 学習の振り返り Googleマップの挿入Googleマップ

          プログラミング日記#09 Googleマップの挿入

          プログラミング日記#08 CSSでアニメーションを再現

          こんにちは!よっしーです。 今回はプログラミング学習8日目!いつものように学習を振り返ります。 今回の学習内容・ドットインストール「CSS アニメーション編」全20回完了 今回はサイト模写ではなく、ドットインストールでCSSのアニメーションを勉強しました。 というのも、サイト模写にて画像をスライドショーで表示させる方法を知りたかったのです。 色々調べたところ、こりゃあアニメーションを学ばなあかんっぽいなと思いまして。 結局、ドットインストールの学習ではスライドショー

          プログラミング日記#08 CSSでアニメーションを再現

          プログラミング日記#07 border radiusを使って角丸にする

          こんにちは!よっしーです。 今回はプログラミング学習7日目!いつものように学習を振り返ります。 今回の学習内容・引き続きサイト模写  -アイコンを角丸にする  -positionプロパティを使わずに上下左右中央に揃える 引き続きサイト模写にはげみました。いつも変わり映えがないですが… 今模写しているページが終わったらjava scriptを勉強しようと思っています。 しかし、サイト模写をするとかなり理解が深まる。 学習ベースで進めるのもいいのですが、学習ベース

          プログラミング日記#07 border radiusを使って角丸にする

          プログラミング日記#06 2カラム、3カラムの作り方

          こんにちは。よっしーです。 今回はプログラミング学習6日目!いつものように学習の記録を振り返ります。 今日の学習内容・引き続きサイト模写  -2カラム、3カラムの表示 昨日に引き続き、サイト模写に励みました。今回はあまり時間が取れなかったんですが、2セクションほど作れたので満足です。 学習の振り返り 2カラムの表示方法模写サイトに下記のようなレイアウトがありました。 写真とテキストの2カラム表示です。 imgはインライン要素、h1とpはブロック要素。 なのでそ

          プログラミング日記#06 2カラム、3カラムの作り方

          プログラミング日記#05 〜要素を上下左右中央寄せに配置する〜

          こんにちは。よっしーです。 今日はプログラミング学習5日目!いつものように学習を振り返ります。 今日の学習内容・ドットインストール 「CSS学習 セレクタ編」(全8回) ・引き続きサイト模写 今回はCSSの基礎学習を進めたのと、昨日おこなったサイト模写の続きをおこないました。 セレクタ編では、セレクタの基本的な指定方法を学びました。そのままドットインストールのCSS学習を終わらせようと思ったのですが、眠くなったのでサイト模写に切り替えました。 学習の振り返り① 親

          プログラミング日記#05 〜要素を上下左右中央寄せに配置する〜

          プログラミング日記 〜ナビゲーションメニューの作り方〜

          こんにちは。よっしーです。 今日はプログラミング学習4日目!学習を振り返ります。 今日の学習内容・サイト模写(ヘッダーナビゲーションメニューの作成) 今回は、現時点でどれくらいできるのか試してみようと思ってサイト模写をしました。 結果は惨敗です… 4時間近くかかってヘッダーのナビゲーションメニューしか作れませんでした(泣) 学習の振り返り4時間かけて学んだヘッダーナビゲーションメニューの作り方を振り返ります。 今回作りたかったのは、こんな感じのよくあるナビゲーショ

          プログラミング日記 〜ナビゲーションメニューの作り方〜

          プログラミング日記#03 〜アプリ紹介ページの作成〜

          こんにちは。よっしーです。 今日はプログラミング学習3日目。いつものように学習を振り返ります。 今日の学習内容・ドットインストール 基礎文法編 全33回完了 ・ドットインストール アプリ紹介ページを作ろう〜実践編〜 CSSの基礎文法の学習を終えました。 やや基礎学習に飽きたので、いくつか学習をすっ飛ばして、実践編へと移りました。 実践編の内容は1つのLP(ランディングページ)を作るというものです。 ↑こんな感じ。文書は適当です。 ・ヘッダー、フッターの作成

          プログラミング日記#03 〜アプリ紹介ページの作成〜

          プログラミング日記#02 〜CSS基礎学習〜

          こんばんは。よっしーです。 プログラミング日記2日目。今日も学習内容を振り返ります。 まだ2日目で当たり前かもなんですが、モチベーションは非常に高いです。コード打つのタノシイ。。 今日の学習内容・ドットインストール「詳解HTML フォーム部品編」(全8回完了) ・ドットインストール「詳解CSS 基礎文法編」(全33回中24回完了) 今回からCSSの基礎学習を始めました。といっても、CSSの基礎理解はある程度終えているので、半分ほどは復習といった感じ。 今日の振り返

          プログラミング日記#02 〜CSS基礎学習〜

          プログラミング日記#00~01 プログラミング学習を始めました

          こんにちは。よっしーです。 今日(8/21)から本格的にプログラミング学習を始めました。普段はライターとして活動しているのですが、プログラミングにもやや興味があったので始めた次第です。 というわけで、毎日の学習の振り返りとしてnoteに日記として投稿していこうと思います。 プログラミング学習を始めるにあたって、現在のレベル、目標の設定、学習の方法などを記しておきます。 現在のレベル・プログラミング初心者 ・プログラミングの知識に関しては、HTML、CSSをちょっと知

          プログラミング日記#00~01 プログラミング学習を始めました