完成 howcome.dev 丸一日中ずっと制作をする日々でした。楽しかったー。没頭するあまり、進捗をブログに書き溜めるのをおろそかにしてしまったので、簡単な動画にしました。 youtu.be 感想をくれた方々・進捗を見守ってくれた方々ありがとう。 同業の友人や…
つい進捗報告を忘れて作業にのめりこんでしまう。 会社で日報やチームでの共有があるように書いておかないと。 やったこと、できたこと、どうやってできたか、できなかったことはどこでつまづいているか。自分のためにも書く。 コードはこちら。 github.com …
できたこと デモページURL↓ リアルな進捗が確認できます。（現在スマホのみ対応） https://howcome.dev/opening.html はてなとHowcomeと柱が降ってくるとこまでやった。 addEventListenerをぼやっと理解。 BrowsersyncのConnectedの文字を消した。 HTMLとSCS…
今流行りのzoomでオンラインのセミナーイベントに参加。楽しかった！ こういう人たちと働きたい、と思える会社がある。私の今の目標は「自分と共通した倫理観を持った人とともに働く。」倫理観はどこで判断するか。日常会話でヘイトを言わない人です。ヘイト…
CSSでだいたいの動きを決めてからWeb Animations APIに書き換えた。 最初のアニメーションの画像を変更して、私のテーマでありサイト名でもある「Howcome?」の「？」を一番に出すことに。 「？」はAffinity Designerのペンツールですでに画像として作ってい…
CSSでとりあえず書き始めることにした。 JSの検証ツールの使い方が分からないから。 一度開くとページを閉じないと再読み込みが出来なくなる謎・・・。やり方が悪いだけだったら恥ずかしい（笑） 検証がしにくいのでCSSで再現してからJSに書き直そうかな？と…
Web Animations APIを使ってオープニングアニメーションを作る（仮） yui540さんの『臆病な魔女』のアニメーション。去年の11月ごろ初めて見てから今なおじわじわと感銘を受けている。 yui540.graphics もう何回見ただろう。友人や周りの人にも見せている。 …
固まるイラレにマジギレした日。 コードをずっと書いていたらお絵描きしたくなってイラレを起動。 長方形・多角形・楕円形からペンツールで思いのままに形を作っていくことが本当に好き。 仕事ではイラレの作業は請け負ったことはないが、プライベートではた…
Germany Walkという架空の観光案内サイトを作った。 写真や情報は去年の旅行の際に自分で撮ったものを使用。 GitHubはこちら。 github.com 実装したこと header, footer, asideをパーツ化してインクルード。最初はhtmlで作っていて、htmlのままhtaccessでイ…
すっかり更新が途絶えてしまった。 14日で終わる予定が、実質17日。 やったこと GitHubでエラーの出ていたlodash.templateのアップデート。 npm audit fixをしてからsudo npm install lodash.templateをした。 blog.kobalab.net favicon設置。 consoleでエラ…
できたこと CSS設計 ディレクトリ構成を考える。 SCSS使えるようにする。 購入した本の著者の考案したCSS設計 precss.io tr>th>tdとdl>dt>dd、ul>liの使い分けはいつも迷う。 いろいろなサイトのソースコードを眺めても意外とul>liだけで構成されていること…
やったこと html流し込み Vue.jsを使わなくてもtemplateタグが使えると知る。 WHATWGのLiving Standardの仕様書をチェック。 できなかったこと templateタグをJSで動かすこと。 とにかく見切りをつけて形にすることを考える。
体制を立て直す。 詰んだのでVue.js諦める。できるんじゃないかと思ったが、できないことが分かった。何ができて何ができないかが把握できただけでも収穫。期限はあと4日、急いでHTML, SCSS, JavaScriptで作り直すことに決める。 HTMLはもう出来ているから見…
SCSSとリセットCSSをインストールしたらサイトにアクセスできなくなった。 だいぶ詰んでいる。
JavaScriptを読みながら制作物など記入。 1日で終わらず。
所用により作業できず。
7日間でできたこと Vueのインストール。。。 7日目にやったこと 見よう見まねでコンポーネントにヘッダー作成。 vue-cliとvue-routerインストールの流れがわからない。 portfolioフォルダにvue-cliをインストールしたあと、そのままvue-routerをインストール…
やったこと 1. 岸さんが参考にされていたこの2つの記事にトライ。 qiita.com qiita.com やってみて：ほ〜〜〜・・・ん？ 2. とりあえず真似して書いてみる。 本と公式リファレンスに最初から向き合うより、誰かが書いたコードを解読して理解しながら自分のも…
問題が多すぎ問題 Vue.jsを試すまでに苦しんだこと node.jsが機能しない。 npmも動かない。 VScodeの拡張機能フォルダがなくてVueファイルのハイライトが効かなくて泣いている。→未解決 解決に導いてくれた記事 nodebrewがあるべき場所とパスがわからない問…
やったこと 「CSS設計完全ガイド」と「JavaScript-コードレシピ集」を斜め読みする。 実際にコードを書きながらこの2冊を辞書的に使うことにする。 参考にさせていただいている岸さんのGithubを見る。 node.jsインストール VS codeでsassインストール。 pack…
工数見積もりが苦手だったのを思い出す。 今こそ練習。 ポートフォリオサイトでやりたいこと SPA ぐぐるよりもTwitterで検索したほうがわかりやすいツイート（人の会話）&Qiita記事にたどりついた。） JavaScript, Vue.js, PRECSS（またはいずれかのCSS設計…
私が応募しようとしている会社 憧れの会社が現時点で2社。 応募要件（元の文章を簡素化して書いています。） HTML, CSS, JavaScript ES2015 WordPress, PHP React, Vue.js JavaScriptフレームワーク SPA MVC、Fluxアーキテクチャ BEM SVGやCanvas API設計 要…
率直に言って働きたい。 1日目は仕事用ブログをここにコピーしてリライトした。 Wantedlyで初めて「話を聞きに行く」ボタンを押した。 「話を聞きに行く」。ふんわりとエントリー。 Wantedlyのプロフィールは履歴書・職務経歴書をラフに書けるのがいい。いき…
Designship2019 Designship2019 ブランディングを知って興奮 ※この記事は2019年11月に書いたものを他ブログから移行してリライトしたもの。 みっちりスケジュールであちこち回りお話お聞きした。興奮と感動の2日間。 株式会社エイトブランディングデザイン代…
ロゴやヘッダーに使用するオリジナルキャラクターを制作＆改善 ※この記事は2019年7月に書いたものを他ブログから移行してリライトしたもの。 コーダーではあるが、イラレやフォトショを触るのが好き。自分のリアルフェイスよりもアバターが好き。0から作り出…
Adobe XD ユーザーフェス東京 Adobe XD ユーザーフェス (東京) 〜さぁXDをはじめよう！〜 参加して考えたこと ※この記事は2019年5月に書いたものを他ブログから移行してリライトしたもの。 XDに惹かれる理由に気づいた。 長谷川恭介さん(@yhassy)がお話しさ…
2019年7月、8月の2回。JavaScript初心者コースと実践コースを受けに行った。※この記事は2019年8月に書いたものを他ブログから移行してリライトしたもの。 先生にした質問と回答 Q1. ループ文では i = 1 と i が変数名に使われますがそれはなぜですか？aでもx…
環境 なぜ趣味用サイトのドメインを変更するか。 変更後の運用 仕事用 プライベート用 趣味サイトのドメイン変更でやったこと 環境 Mac、ムームードメイン、ロリポップ WordPressサイト3つ所有。 メイン：ポートフォリオ兼ブログの想定だった。活用できず、…
