昨日、不動産会社さんの売却リスト収集のためのLP制作が終了し納品しました。4月1日のWEB学習開始から、161日目の納品でした。 このブログが、「案件をゲットするまで」の記録でしたので、いったんは目標達成ということになります。 なぜWEB制作だったのか …
Twitterで話題になっていたので、読んでみました。 読後感としては、プロセスエコノミーについてぼんやりと理解できました。 精緻に計画された商品をきっちりと売る商売の仕方ではなく、ユーザーや消費者とともに、出来上がる過程を物語として組み上げる経験…
8月初旬に、クラウドワークスに応募していた案件から「お願いしたい」とのご連絡が。 これにはびっくりしました。クラウドワークスの応募はいつも100件近くあり、この案件も105件の応募があったから、受注できはずがないと思っていたからだ。 価格を抑えたか…
今日はお昼から、クライアントさん3件にお会いしてきました。 1件目は、区内のイベントや行事のサイトを一手に引き受けていらっしゃるOさん。 20年の実績があることから、私のWEB制作技術というよりはライティング技術に注目していただいて、今後お仕事をい…
8月にはいり、はやくも3日となりました。ほんと時間だけは容赦なくすすんでいきます。 7月のVersionUpについて確認しておきます。 7月の成果 ポートフォリオ作成 shinichi-miyazaki.website コーディング営業開始 『jQuery標準デザインブック』Lesson13まで…
ドットインストールでビンゴを作った javascriptに慣れようと、ドットインストールでビンゴシートを作ってみました。 ひとつひとつのコマンドの意味を理解して、整理しながらなので、進捗は遅いのですが、ビンゴシートが完成しました。 今回のjavascriptは慣…
javascriptでbingoを作る jQueryは、「jQuery標準デザイン講座」を毎日一つ進めていて、おそらくLesson20ぐらいまですすめて、いったん終了とする予定。 jQuery標準デザイン講座 作者:神田幸恵 翔泳社 Amazon とともに、ドットインストールの「Javascriptで…
asumaさん資料 Twitterであすまさんが配布してくださった、「Webコーディング完全ロードマップ教材」を読みました。 現在の自分の居場所がわかり、とっても参考になりました。 いまどこにいるのか この資料では、中級のはじめのところにいるようです。 jQuer…
codestepでコーディングの学習を進めています。 https://code-step.com/ 今回は、中級3つ目Furniture Designでした。いままでで、一番時間がかかりました。そりゃぁ、複雑になっていきますので、当然なのですが、今回はハンバーガーメニューあり、複数ページ…
過ぎてみるとあっと言うまでしたが、4月からコーディングの学習をはじめて、今日で100日目。いろんなみなさんに教えてもらったり、励ましてもらったりしながら、やってきました。 コーディング学習の半分以上は朝4時から。毎日新しい「できた」の連続で、一…
さて、ハンバーガーメニューの作り方、書き方については、いったん理解しました。しかし、なんか理解の浅さにモゾモゾしますので、今日はスプレッドシートにjavascript前後のうごきをまとめてみました。 スッキリ❢今後お仕事をする上で、理解もせずコピペだ…
今週はずっと、#codestep中級編のstoreサイトを続けています。 https://code-step.com/store2-menu/ わたしなりに、この課題のポイントは、「複数ページのコーディング」と「ハンバーガーメニューの練習」にありました。 複数ページのコーディングについては…
codestep中級最後の課題に入っています。 https://code-step.com/store2-menu/ 今回の課題をこなす上で自分の課題となっていたのは以下の点でした。 複数ページをコーディングする際の整理ハンバーガーメニューjQuery 一回目のコーディングはindex.htmlから…
毎日ひとつ、jQuery標準デザイン講座をすすめています。進めていますと言っても、読みながら、実際にjQuery書いてみて、ふむふむと納得するレベル。 この本は「Lectures and Exercises 30Lessons」とあるとおり、30回の授業でさまざまなjQueryが使われるシー…
6日午前中に地元の病院で1度目のワクチン接種をしました。夕方から、打った左肩が痛くなりましたが、ひどくはありませんでした。 本日7日は、発熱はありませんでしたが、左肩が痛い。長い針を刺された(実際そうでしたけど)痛みが一日残りました。 人によっ…
昨日さまざまな「ポートフォリオの作り方」関連サイトを見たのですが、「サイトそのものがプロフィールだ」という気がしてきました。 全体的には、 あいさつ作品スキルプロフィールコンタクト の5 sectionで作ろうと思います。 あたりまえの結論に落ち着きま…
今週の目標の一つは、「自分の成果物を集めてポートフォリオを作る」というものです。今日は早速、計画を立ててみました。 参考サイト https://fuyuna.net/portfolio-designer-web このサイトには、サイトの作り方として、以下の順序を提案しています。 ポー…
今日は、codestep中級編2つ目のcoffeeshopを精読しました。知り合いにコーヒーショップに「ホームページ作ってね」と言っていただいているので、気合が入ります。 この課題のテーマは、私の中では backgroundに載せる文字のabsolutebackgrouundの画像をスク…
ココナラで「架空対談か書きます」というスキルを販売しています。 ベネフィットをわかりやすく伝える架空対談作ります 3,000円→1,000円に値下中。どんな状況設定でもOK。!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.loca…
ありがとうございます。みなさんの励ましの言葉やさまざまな助言をいただいて、90日間「毎日」コーディングの勉強を続けることができました。 ありがとうございました。 これまでの90日 4月の初めはまだ寒さも残っていた起床時間の3時半でしたが、最近では明…
さて7月になりましたね。4月からはじめたコーディングの学習も4ヶ月めとなりました。6月の振り返りと7月の目標をまとめておきましょう。 6月の振り返り 毎日のコーディングの学習時間をしっかり確保しようと工夫した結果、毎日だいたい同じパターンの生活を…
おはようございます。 日記を読み返していたら、もう昨年の4月から週休5日体制(勤務は週に2日)になっていて、「家でできることは家で!」という日常がつづています。 コロナ以前から続けているwebライティングの比重が高まるとともに、この春からはweb制作…
目標としてきた90日が目の前に迫った来ました。「web制作ができるようになる」として始めてきたhtml/cssですが、いつまでも学習ばかりしていても仕方ありません。そろそろ営業について考えてみました。 じつは、自分の「皆さんの役に立ちそうなスキル」をコ…
お久しぶりです。6月12日の70日目から更新がなかったこのブログでしたが、ぼちぼち再開します。「あいつ、消えたな」いつのまにかフェードアウトする人もいるweb制作あるあるに埋もれないよう、がんばります。 推奨「今日のミルフィーユ」 まずはここまでの…
4月の初めに 「ライティングスキル」と「コーディングスキル」を掛け合わせられるweb製作者になりたい と思い始めたコーディング学習。ここまでを振り返っておきます。 5月10日にドットインストールのhtml/cssの講座終了→javascriptに進む5月15日からcodeste…
<div id="mainvisual"> <picture> <source media="(max-width: 600px)" srcset="img/mainvisual-sp.jpg"> <img src="img/mainvisual-pc.jpg" alt="テキストテキストテキスト"> </picture> </div> mediaリソースの志向するメディアのメディアクエリ。この属性は <picture> 要素の内部でのみ使用します。https://developer.mozilla.org/ja/docs/Web/HTML/Element/source CSSやJavaScr…</picture>
初出でしたので、まとめておきました。 <section id="contact" class="wrapper"> <h2 class="sec-title">Contact</h2> <form action="#" method="post"> postは本文で送信。初期値はget(urlで送信) <dl> <dt><label for="name">NAME</label></dt> labelタグのfor属性の値と、フォーム部品のid属性の値を同じにすることで両者の関連付けができる https://html-coding.co.jp/annex/dictionary/html/labe…</dl></form></section>
JavaScriptをドットインストールで進めています。今日からは「ビンゴシートを作ろう」が始まっています。 https://dotinstall.com/lessons/bingo_js いっぽうで、実際に案件をこなしていくには、jQueryのほうが実践的というアドバイスもいただきましたので、…
html とくに問題はありません。 css ボタンのかたちを作ります。 #btn{ width: 200px; height: 200px; background: #ef454a; border-radius: 50%; margin: 30px auto; text-align: center; line-height: 200px; color: #fff; font-weight: bold; font-size: …
入門編6では、画像の設定の理解が弱いことに気づきましたので、再度復習。 backgroundで画像を表示する方法は、4recipieサイトの時にありました。 https://coeure.co.jp/blog/homepage/homepage_180405_04 imageのwidth:50%;は、画像の50%ではない https://…