最近の記事

【WEBデザイン】とりあえず作ってみた。

見様見真似でサンプルページを一つ作ってみました。 一応レスポンシブで、スマホでもPCにも対応してます。どちらかというとPCの方に力が入ってしまいました。まだまだバクだらけです。  結構時間がかかってしまいましたが、jQueryを少し使えるようになって楽しさが倍増し、楽しさが倍増してから作るスピードが加速しました。  効率上げるために、メニューとかフッターなどの共通部分のhtmlは一元化したいとか、バージョン管理や、バックアップをきちんとしたいとか、classの命名方法を整理

    • 【WEBデザイン】料理に例えると。

       勉強初めて間がないのですが、HTMLとCSSを直感的に理解しようとして考えたことを書きます。 HTMLはお品書き  「HTMLは料理のお品書き」と思っています。どのような食材を使ったどんな料理をどのように組み合わせてどのような順番で出すか?つまり料理の構成を記載した設計図です。 CSSはレシピ  「CSSは料理のレシピ」と思っています。それぞの料理の作り方や器の大きさ、色合い、並べ方など、コース料理全体を見渡して、料理の見た目を細かく記載した設計図です。  HTMLの

      • 【WEBデザイン】時間がかかること

         HTML/CSSのコーディングに時間がかかって仕方がないです。 絶対間違っていないはずなのに、ちゃんと動かない。原因はたいていケアレスミスなのですが、そのミスを見つけるのに半日かかってしまったり。。。泣けてきます。 見つけるのに時間がかかったミスは次の5項目  ①全角スペースが入っていた。  ②class名のスペルミス。  ③ "<" ">" (ブラケット)の">"が抜けていた。  ④別のclassのところを直していた。  ⑤divの構造を間違えていた。 ①全角スペースが

        • 【WEBデザイン】コーディングにはまる

           フォトショップで1時間ほどで描いたデザインカンプ(いわゆるモックアップ)のコーディングに2日かかりました。なんという効率の悪さ!  WEBデザイン/オンラインコースの2ヶ月の「修行」で、コーディングは時間をかければなんとかなるというところまでは来たものの、これでは1000円稼ぐのに10日かけるようなペースです。  なので、効率的にコーディングできるようにしないといけないのですが、困ったことにコーディングってめちゃくちゃ楽しいのです。  あーでもない、こーでもないとストレス

        【WEBデザイン】とりあえず作ってみた。

          【WEBデザイン】オンラインスクール無事卒業

           オンラインスクールに通い初めて約ニヶ月。多くの課題をこなしてきました。課題の多くはお手本のサイトを見ながら同様な仕様のサイトを作るというものですが、お手本サイトの内容は良く練られていて、HTML/CSS/JQueryなどのいろいろな技術を学ぶことができました。 縁遠かったPhotoshopを少し使えるようになったことは収穫だったのですが、同時に、Adobeの課金地獄にまんまとハマったというこかもしれません。  仕事が休みの日はひたすらコーディングの日々でした。食事するのも

          【WEBデザイン】オンラインスクール無事卒業

          【WEBデザイン】オンラインスクールのメリット

           オンラインスクールに通い初めて2週間。仕事が終わった後、または週末WEBデザインの勉強に励んでいます。  これまで、HTML/CSSの基礎、フォトショップの使い方、サイトデザインのイメージ作成(ワイヤフレーム→デザインカンプ(モックアップ))など、基本的なことを浅く広く学んできました。今後は自分のポートフォリオ 、ショッピングサイト、企業のサイトなどを実際に作り込んでいくことになっています。 学習の進め方  座学は一切ないです。基本敵には、スクールの専用サイトにテキスト

          【WEBデザイン】オンラインスクールのメリット

          【WEBデザイン】 Photoshopとの格闘開始

           いよいよWEBデザインのスクールが始まりました。  最初の関門はPhotoshopです。使ったことがないのと、使いづらいというのは予想ができていたのと、また、定常的に使うにはコストがかかるということで、できれば使わずすませたいと思っていたのですが、「授業で使う」ということで使わざるを得ない状況になりました。(ちなみにスクールのお計らいで3ヶ月ほど無料で使えます。)  予想どおりストレスが物凄いです。パワーポイントとエクセル(たまにワード)と、ちょっとしたRAW現像ソフトし

          【WEBデザイン】 Photoshopとの格闘開始

          【WEBデザイン】 いざスクールへ!

          急がば回れ 見よう見真似でワードプレスでポートフォリオを作ってみたものの、少しレイアウトを変えようとか、不具合があったので直そうとかすると、とても手間がかかってしまうことがわかってきました。  今後役に立つ手間ならよいのですが、解決しようと丸一日かけてやっとたどり着いた答えが、素人ではどうにもならないテーマ(テンプレート)仕様だったり、プラグインの設定だったりと、比較的ローカルな問題で、WEBデザインのスキルの向上に繋がるものではないような気がしてきました。  結局は急がば回

          【WEBデザイン】 いざスクールへ!

          写真と文字と

          しょぼい写真も文字入れりゃ映える。と思っています。 写真だけで勝負できなくても、言葉を添えれば別の価値が生まれる、と。 レスリングでは頂点を取れなかったが、ボクシングも覚えて成功した総合格闘家。 選手としてはパッとしなかったが、しゃべりがうまくて引退後に解説者として活躍しているスポーツ選手。 漫才は面白くないが、文才があるので知識人として引っ張りだこのお笑い芸人。 経験と才能を合わせて新しい価値を作る。よいではないか!

          写真と文字と

          本の装丁

          本の装丁

          WEBデザインを学ぶ

           WEBデザインを学びはじめました。  きっかけは過去から撮りためた写真をまとめたポートフォリオを作るためです。  作り方は、まずレンタルサーバ(LOLIPOPを選択)でWord Pressをインストールしてスタートです。(簡単に書きましたが、ここまでが一苦労。。。)  次にポートフォリオの構成を決めて、Word Pressのテーマ(テンプレートのようなもの)を選んで、具体的な作成作業に入ります。これもまた一苦労でした。  Word Pressを使えば、とりあえず形だ

          WEBデザインを学ぶ

          モネの丘

          モネの丘

          かくれんぼ

          かくれんぼ

          Memories

          Memories

          初投稿

          初投稿