#shibajuku チームプロジェクト企画提案まで終了。ひとりでつくるよりチームの方がアイデア広がるし楽しいと既に実感している！😌もうすぐデザインのターンに入るので頑張ります！！ x.com/returrrn_/stat…

講座#5📝 ■overflow-wrap: anywhere; 改行ポイントで改行 ■word-break: break-all; あふれたところで改行 ■line-break 禁則処理 strict便利そう(コーヒーの「コー」がセットで改行) #shibajuku

今夜の #Shibajuku ライブはCSS講座の5回目です。今日は縦書きやテキストの折り返し（改行）についてみっちりやっていきます。 CSSでの細かな改行コントロールはなかなか難しいですが、色んなテキストの折り返し関連のプロパティで、さまざまなアプローチをします！ pic.x.com/cehhhumsbc

**9/18🗓️活動記録** #DXUP :もくもく会参加😶‍🌫️ 職務経歴書と履歴書作成。分析フレームワーク確認。 #Shibajuku :レスポンシブ講座1動画👀 娘の就職面接（Zoom…時代だねぇ）のため、準備して追い出される😂 ハンバーガー🍔をイチからGSAP🦸‍♂️ #web制作 #web制作 #html #css #webマーケティング

朝活3日目 今日は動画と音声について学習しました。主に表示速度やブラウザの対応についてでしたが前回のpicture要素と似ていたのでsource要素のsrc属性に関しても理解が早かったです！ 学習内容 ・source要素 ・ポスター画像 ・インライン再生 などなど #shibajuku #web制作

**9/17🗓️活動記録** #DXUP :おやすみ💤 #Shibajuku :GSAP2講座とハンバーガーメニュー2講座と他つまみ見👀 水木は訓練メインにしたいから今日もコーディングの苦手分野👩‍💻 GSAPでやりたいことが…仕組み的に出来なそう😂 #web制作 #web制作 #html #css #webマーケティング

朝活1日目 前回のツイートから14日ほど開きましたが、その間、朝活をするための体作りをしてました。夜型人間にとってはあまりにも辛い😱 というわけで前回の復習として #shibajuku のハイパーリンクについて学習しました。 ☑︎学習内容 ・絶対URL ・相対URL ・id属性を使ったページ内リンク… pic.x.com/qu1do0ru3m

**9/15🗓️活動記録** #DXUP :中間考査、課題提出☑️ #Shibajuku :テキスト関連👀 CSSではデザイン観点でアクセシビリティ を考えるのね🧐 職業訓練を始めてから、モヤっとしてた部分が少し見えてきた💡 #web制作 #web制作 #html #css #webマーケティング

Sass lesson2受講完了ー。仕事で使ってたFROCCSとimportして1枚にしてるって言ってた意味が理解できた！ sassはもうあんまり使わないよーって話も見かけるけど、前提知識として入れておいても損はないよね！？ #shibajuku

「Class構文と継承」受講完了！jsのクラスの方が理解しやすかったような気もするけど（PHPでやってるから？？）jsの構文の中でやるの、ハードル高かったぁ💦 #shibajuku

「カード型コンポーネントのパターンから仕上げ」受講完了！レスポンシブデザインの学習完了〜！想像以上に考慮すべきポイントが多くてびっくり！CSS設計や開発環境にも興味が湧いてきたぞ🔥 #shibajuku

「Sassの制御構文」受講完了！週末はsass祭り。沢山使ってみる！ネストして書くのきもちよさそうー^_^ #shibajuku

「テキスト関連のプロパティ」受講完了！text-align:end; ⇒初めて使った！便利なので、意識して使いたい！text-align: justify; ⇒ 空白スペースを使って調節して、先輩に白い目で見られたのは私です。。 #shibajuku

「テキスト関連のプロパティ」受講完了📗単に見た目上だけをよしとするデザインではなく、全ユーザーが情報を受け取る時の事も考えデザインできるよう知識を深めたいと思った回でした☺️特にテキストは情報を伝える重要な役割だと思うので詳しく学べてよかったです。奥深きCSS。めげない！ #shibajuku

「CSSの基本」受講完了！課題復習！ #shibajuku

「フォント関連のプロパティ – 前編 –」受講完了！ 課題復習 #shibajuku

「フォント関連のプロパティ – 後編 –」受講完了！課題確認★一週間前なのに、結構忘れてる(T_T) #shibajuku

「よく見るCSS設計案」受講完了！FROCCS気になってたから、視聴できてよかった #shibajuku

「CSS設計の基礎知識」受講完了！これからは人の書いたＣＳＳも、ちょっと意識してコード見てみる！ #shibajuku

**9/10🗓️活動記録** #DXUP :転職支援動画👀 勝手にカスタマージャーニー #Shibajuku :HTMLスキルチェック☑️ HTMLチェッカーが赤だらけ🤣 ケアレスミスと、画像のwidthを空にしたのが原因💦 修正して完璧✨ 2hくらい‼️遅‼️😂 #web制作 #html #css #webマーケティング

「オブジェクトとプロトタイプ」受講完了！jqueryでやってたことが、jsでかけるようになりそう！汎用コンストラクタも便利✨ #shibajuku

**9/8🗓️活動記録** #DXUP :キャリア面談資料確認📝 卒業生インタビュー👀👂 勝手にカスタマージャーニー #Shibajuku :フォントプロパティ後編👀 font-stretch・font-variant・font-feature-settings初見。 HTML復習。結構記憶抜けてるから紙に起こした💦 #web制作 #html #css #webマーケティング

「GItの概要と基本操作」受講完了！ 3000行の感想はかけないな。模写コーディング、git使いながらやってみる。練習したソースgithubに登録してく。 #shibajuku

**9/7🗓️活動記録** #DXUP :5時間 昨日カスタマージャーニーに丸1日費やし、楽しくて、適当に設定作って遊んでた🤣 #Shibajuku :CSSの基本、フォント前編👀 まさかフォントだけで2部制とは😇 webフォントしか使った事ないから、ここまで深いの知らなかった‼️ #web制作 #webマーケティング #html #css

「テーブル関連の要素」受講完了！ 講座#9📝 早速実務でscope="col" scope="row" 使ってみました🥳 #shibajuku

こんなに楽しい打ち合わせしたの初めて😻これからがより楽しみになりました🫡♡#shibajuku

「配列に便利な構文とメソッド3」受講完了！ 麒麟に全部持ってかれたw map使ってみたい！js一行コード気持ちいいわー🤣書きたい気持ちがいっぱい✨ #shibajuku

「配列に便利な構文とメソッド2」受講完了！ 破壊的な配列操作を覚えたｗ #shibajuku

**9/5🗓️活動記録** 訓練:7時間（2周目） KGI、KPI、4C、3C…暗号にしか見えない🤣 #Shibajuku :ページの情報（metaとか）👀 毎回コピペとかテンプレそのまま利用だったから、しっかり意味を知れた✨ スキルチェック入りまーす😇心配w #web制作 #DXUP #webマーケティング #html

講座#3📝 ■font-variant： ・籠と篭などの文字の変更 ・小文字を小さめの大文字に変換 ・標準合字(リガチャ)←ffみたいなの など (font-variantでできるものはfont-feature-settingsではなくこっちで) ■pkna：かなのみ字詰め。 #Shibajuku

「フォント関連のプロパティ – 後編 –」受講完了！Webフォント、line-height、フォントの一括指定、Open Typeのオプションについて学びました📒ややこしい事も多いけれど、深ーーーーい学びと、面白い例文のおかげで（笑）なんとか私でも理解できてる気がします🥺 #shibajuku

今夜もまもなくCSS講座始めます！ 今夜はWebフォントや行の高さ、OpenTypeフォントのオプション設定などをやります。 今日もみっちりどっさりやるので、よろしくお願いします。 #Shibajuku pic.x.com/aeknbvamft

「配列に便利な構文とメソッド1」受講完了！ ES6。配列だけでも、いろんな方法があるらしい。人の書いた最新ｊｓ、少しは読めるようになったかな？（読む機会がそもそもあんまないんだが） #shibajuku

**本日の活動記録** 🗓️9/3 訓練:課題見直し まだ入り口だけどマーケティングが楽しく思えてきた💡他社の講座も見た👀 Shibajuku:インタラクティブ、セクショニング半分 ちょっと…頭抱えた💦sectionってそうやって使うの⁉️など。、衝撃で何もメモれない😇 #DXUP #web制作 #Shibajuku #html

「変数とアロー関数」受講完了！ 無名関数からのアロー関数。PHPでも理解できてなかったんだけど、よくわかったー！そして即時関数（クロージャ）の存在意義がやっと理解できた。 #shibajuku

「課題にチャレンジ」受講完了！ 解答を見て思ったのは配列の連想配列にすればよかったのかと。。連想配列２つも作ってしまった。デザインはとても先生にはおよばない。素敵すぎるなー♪CSS頑張ろ。 #shibajuku

インタラクティブ要素 ⭐️アウトプット2 ハンバーガーがHTMLで作れる⁉️ ⚠️Safariではまだ部分的に非対応 ※CSSは当てていないので🍔じゃない ※どうやって≡にするのかまだわからない ※毎度見にくくてすみません🙇‍♀️クリックして見てあげてください #Shibajuku #html #コーディング #web制作 pic.x.com/79sx92kplc

インタラクティブ要素 ⭐️アウトプット 開閉式ウィジェット（アコーディオン）がHTMLで作れる！ アクセシビリティ的に良い‼️ ※CSSを当てていないので簡素です。 ※本人は至って真剣に勉強しています🤣 #Shibajuku #html #コーディング #web制作 pic.x.com/f9rp50ez9w

**本日の活動記録** 🗓️9/2 訓練:復習少し #Shibajuku :フォーム前半・後編（4時間） コーディング:4時間 今度関わる事業？の準備 375px→1440pxまでのカンプが無い部分の余白が本当に難しい😇 フォームも理解が違かった。 これでよく営業してたな😱賠償金確定だよ💦 #web制作 #コーディング