IT系ブログ

エクセルに関しては、ユーザーとしてしか触ったことのない私ですが、転職して今の職場に来て、自分でVBAを組むお仕事を任せて頂けることになりました。 窓口接客業兼一般事務の前職では、VBAに触ったこともありませんでした。もと […]

現在、コーディングの独学ロードマップ上にいる私ですが、縁あって案件を頂き、ホームページを制作・公開まで担当させて頂きました。 このことは先日の記事でもご報告させて頂きました。 作ることに集中していた私ですが、せっかく作っ […]

今回の記事は、まんまタイトル通りなのですが、2日前くらいの記事で、VSCodeのエディタ部分とターミナル部分をショートカットキーで移動する、という内容を書いたかと思います。 実はこの時、VSCode上でターミナルへの移動 […]

今、webpackとGulp導入を進めている最中ですが、個人的に便利だなと思ったコマンドを2つ挙げておきます。（Node.jsとGitをインストールして、Git Bashにてコマンドを使い操作しています。Windowsの […]

最近は、CLIを使ってコマンドを書くことが習慣づいてきたため、キーボードを使うことが多くなってきました。 そのため、ちょっとしたことでもマウスではなくてキーボードで操作をしてみたくなります。 そして、VSCodeでターミ […]

HP案件と並行してですが、WebpackとGulpの導入も進めています。 こちらの導入に関しては、しょーごさんもロードマップを完走した後に実践しながらで良いかな、とおっしゃていました。 ただ、私としては実践に入る前に出来 […]

今、web制作のコーディングを勉強中ですが、縁あってHPリニューアルのお仕事を頂けたので、サーバーの契約から公開まで担当させていただきました。 いろんなことが非常に勉強になり、とても有難い気持ちです。 そして公開まで至っ […]

今対応させて頂いている案件でロゴ制作も依頼があったので、自分で作ってみることにしました。 ロゴ制作をするツールはたくさんあって、本当に簡単に作成できるものから、凝って作りたい場合にはいろいろな機能がついているものまで様々 […]

何とか形にして、本日公開まで持ってくることができました！ WordPressの有料テーマを使った案件ではありましたが、1人でサーバーの契約からWordPressの導入、HPデザイン（もどき）、制作、公開までを担当すること […]

初めてテーマというものを使って、１つHP制作を行いました。 使ったテーマは「SNOWMONKEY」という有料テーマです。 このテーマは年間のサブスクリプション型で商用利用可能となっていて、web制作をお仕事にしていこうと […]

レビュー2回目まで指摘された箇所（フォントのtransform）を修正して、ポートフォリオとして活用させて頂きたいと思います。 以下となります。よろしければご覧ください。 ユーザー名、パスワードともに「tanatiyo- […]

先日、しょーごさんのコーディング課題【中級編】を無事に終えることが出来ました。 完走者のサイトを見ようか・・・と思うこともありましたが、とりあえず自力で走りきるところに拘りました。 若いころ、人になんでもすぐに聞いてしま […]

GW中にも関わらず、2回目のレビュー依頼では半日と待たずレビューが返ってきました！ 早くレビューが頂けるから、フィードバックも早くできます！ 今回の記事では2回目のレビュー内容と反省点を振り返ります。中級編の反省はまた翌 […]

ようやく、一通りのチェックも終わり、提出することができました。 GW中にも関わらずレビュー依頼を提出した翌日にはもうお返事がありました。今回も早くて驚きました＾＾； 今回の記事では修正内容と反省をしながら進めていきたいと […]

tableのth（見出し）部分の文字を長細く表記するために「transform：scale(〇, 〇) translate(〇, 〇);」を実装したところ、レスポンシブ対応時にthのみ左右に謎の余白が出来てしまった事件。 […]

よくあるブログカードやメディア（画像1枚とテキスト部分からなる）の構成は、CSS設計で勉強したことを踏まえてモジュールと捉え、拡張・保守・運用しやすいようにSassファイルを別で分けてコーディングを行っていました。 とこ […]

flexboxは奥が深いので、まだまだ勉強しなければならないことが多いですが、ここではデザインカンプからのコーディング課題時によく悩んだことの一つ、「子要素の幅を均一にする」ことについて( ..)φメモを残しておきます。 […]

昨日書いた記事（1つ手前の記事）で、文字を細くする方法について書きました。 ここでは、AOS.js（JavaScriptのライブラリで、簡単にスクロール連動型のアニメーションを実装できるものです）と併用した場合に、tra […]

デザインカンプからのコーディングを行っている時に、文字のサイズや行間、文字間は指定通りなのに、なぜか文字がデザイン通りに合わない、ということが出てきました。 その解決方法を備忘録がてら( ..)φメモしておきます。 結論 […]

先日の4月25日で、本格的にweb制作の勉強を始めてか3か月が経ちました。 最初の頃と比べれば、いろんな知識やスキルはついたと思います。 でもまだ、それを自在にこなせておらず、自分なりに完璧な整理も出来ていない状態です。 […]

しょーごさんのコーディング課題【中級編】も、ついに最終段階まで到達しました。 無事にサーバーへのアップデートも終えて、ピクセル単位で余白やサイズの調整をしていますが、ここで困ったことが一つ発生しました。 VSCodeで編 […]

tableのレスポンシブ対応をする際に、忘れていたので( ..)φメモしておきます。いろんなパターンが考えられますが、ここでは2列複数行タイプのtableをレスポンシブ対応で1列（複数行）にする方法を書いておきます。 簡 […]

ヘッダーの上部を固定してから、レスポンシブが崩れた件で、前回は原因探しを行っていました。 一つ一つ、コンテンツやモジュールなどを確認していくと、それぞれに原因があることが分かってきました。 原因は一か所ではありませんでし […]

今、本業の方で必要になってきそうなJavaScriptの復習をしています。 一通りProgateをやっていたので、復習した時に、クラスやインスタンスと聞いてもアレルギーは起こりませんでした。 なかなか机に向かって勉強が出 […]

前の記事に追加でいろいろと注意書きをさせて頂きました。 反省して、ここからもう一度、ヘッダー上部固定でレスポンシブが崩れた件、について根本的な問題を解決するべく動いていこうと思います。 私自身は、レスポンシブ対応に取り掛 […]

2日前くらいの記事で、ヘッダーを上部固定したらレスポンシブが崩れてしまった！と書きました。 解決できたので( ..)φメモとして残しておきます。 現象：レスポンシブ対応している時に、画面右側に謎の余白が空いている。スクロ […]

Git関係に取り組む前に、私は一度、soucetree（初心者が気軽にGitを導入できるというものらしいです）に取り組んで、よく分からないまま放置しています。＾＾； 今はしょーごさんのコーディング課題【中級編】に取り組ん […]

現在、しょーごさんのコーディング課題【中級編】に取り組んでいます。ペースが落ちてきていますが、ちゃんとやってます＾＾； 現在、jQueryなどの動的な表現の実装も終えて、レスポンシブ対応に取り組んでいるところですが、初め […]

ProgateのWeb開発コース(Node.js)を勉強している最中に、休憩がてらProgateのGitコースとCommandLineコースに取り組んでみました。 なんとなく、コマンドプロンプトを触ったことはあったのです […]

昨日書いた記事で、本格的に開発周りでの知識を勉強していこうと思っています。 まずは基礎的な知識から。 とりあえず、ProgateのWeb開発コース（Node.js）を1周して、開発がどういったものかをざっくりと掴んだ後に […]