六本木ヒルズ、持ち込みのお弁当が食べられる屋外テラス席をご紹介
六本木ヒルズ内には、あちこちに持ち込みのお弁当が食べられる、無料で利用できるテラス席があります。 しかも、東京タワーや六本木の街並みを見渡せる抜群のロケーションだったり、大画面モニターを見られたりします。 毎日のランチ・・・・
Emmetで選択した範囲をタグで囲むショートカットキー他
最近AtomにEmmetを入れてHTMLのコーディングをしています。 選択した範囲を簡単にタグで囲めるショートカットキーがあったので、自分のメモとして記事にします。 その他にもE便利なショートカットキーを、少しご紹介しま・・・
Atom超初心者：AtomでEmmetが効かない時に確認すること
会社ではDreamweaverを使っているのですが、自宅用にフリーの高機能なテキストエディターがないかと思い、いろいろ調べ、Atomを使ってみることにしました。 Atomの使用用途は、HTMLとCSSのコーディングがメイ・・・
CSSでtableをデザインする方法。border-collapse:collapse;でおしゃれな表を作る！
tableをちょっとおしゃれにデザインする方法です。 border-collapseと簡単なCSSで、上の画像のような表を簡単に作れます。 border-collapseプロパティは、隣接するセルを重ねて表示するか否かを・・・
アラフィフ女の就活体験記(後編)面接で質問されたこと：職種WEBデザイナー
アラフィフWEBデザイナーの正社員での就職について私の実体験を元に2回にわたって記事にしています。 私の就職活動期間は約１カ月で、受けた会社は２社。 １社目不合格、２社目で合格しました。 ミドルからシニア世代の再就職は、・・・
アラフィフ女の就活体験記(前編)プラスアルファの要素をアピールすることが大切！：職種WEBデザイナー
私は現在40代後半のアラフィフです。 先日ある事情で転職しました。 転職活動期間は約1カ月、受けた会社は2社。 アラフィフという年齢を考えると、割と短期間で次の就職先（正社員）が決まった方だと思います。 アラフィフの就活・・・
完全在宅勤務（フルリモート）の会社へ転職して半年、戸惑いの日々を振り返る
完全在宅勤務（フルリモート）の会社へ転職しました。 以前勤務していた会社は、コロナで緊急事態宣言が出ていようと東京の感染者が1000人超えようと、テレワークの「テ」の字もでないような、オフィスへ出社するのが当然の会社でし・・・
aタグやspanタグなどインライン要素にmarginの上下が効かない！効かせる方法
aタグやspanタグなどのインライン要素に、marginの上下は効きません。 インライン要素をCSSでブロック要素に変えることで、marginが効くようになります。 この記事では、インライン要素にmarginを効かせる方・・・
CSSのmargin-topやmargin-bottomが効かない！marginの相殺とは
margin-topやmargin-bottomが効かず、意図した余白ができなくて困ったことってありませんか。 それは、もしかしたら「marginの相殺」が起こっているのかもしれません。 私はコーディングを始めたばかりの・・・
在宅勤務、電気不要で温かい！冬のおすすめグッズ：テレワークで生じる問題を解決！
冬の在宅勤務で、びっくりするくらい増えてしまったのが電気代。 暖房器具に照明、音楽を聴くのも、お湯を沸かすのも、パソコンを動かすのも電気です。 会社に出勤すれば、勤務時間中のこれらの電気代は会社が負担してくれます。 です・・・
在宅勤務、気分転換におすすめなグッズ：テレワークで生じる問題を解決！
在宅勤務（テレワーク）を初めて4カ月。その間に、オフィス出勤では感じなかったいくつのかの問題を抱えるようになりました。 運動不足になる 気分転換がしにくい 防寒による電気代増 この記事では、「2.気分転換がしにくい」こと・・・
在宅勤務、運動不足解消におすすめなグッズ：テレワークで生じる問題を解決！
昨年、フルリモートワークの会社に転職しました。 24時間、月～金フルで自宅にいる私が、在宅勤務で生じる問題を解消するために、買ってよかったものをご紹介します。 実際に私が使っているもので、本当によかったと思うものばかりを・・・
2020年の「なつ記メモ」を振り返る
この記事では、当ブログ「なつ記メモ」について、今年一年を振り返ってみようと思います。 「なつ記メモ」は、2014年の秋に開設して、現在で丸6年が経ちました。 記事の更新頻度は非常に少なく、この記事でまだ58記事目です。 ・・・
はじめてのgit(4). コミットしたファイルをリモートリポジトリにプッシュする方法(for Windows)
はじめてgitを使う方を対象に、gitの使い方について4回に亘って解説しています。 今回は連載4回目、最後の回になりまして、コミットしたファイルをリモートリポジトリにプッシュする方法について解説します。 前回、githu・・・
はじめてのgit(3). githubを使って新規リモートリポジトリを作成する
はじめてgitを使う方を対象に、gitの使い方について4回に亘って解説しています。 今回は、3.リモートリポジトリ（github）に、新規リポジトリを作成するところまでを解説します。 前回まではローカル、つまり自分のパソ・・・
はじめてのgit(2). ローカルリポジトリにコミット(commit)する方法(for windows)
最近、gitを使い始めました。 一つのWEBサイトを制作するのに複数人で作業することになり、ファイルの履歴管理をgitで行うことになったのです。 gitは便利なものであるはずなのに、使いこなすにはちゃんとした理解と慣れが・・・
はじめてのgit(1). gitをインストールして初期設定をするまで(for Windows)
WEB制作を複数人で行うことになったため、ファイルの履歴管理をgitで行うことになりました。 フロントエンドエンジニアは、CSSやjavascriptを学ぶと同時に、gitも必須学習と言われているくらいメジャーなツールで・・・
CSSで複雑なグラデーションを作る方法
CSSでこちらの画像のような、複雑なグラデーションの作り方をご紹介します。 作り方は、「描画モードと透明度を変えた複数のグラデーションを重ねる」だけです。 まるでイラレやフォトショでの作業のようですが、CSSで出来るんで・・・
CSSアニメーションでバウンドしたり回転したりいろいろ
CSSanimationとtransformプロパティを組み合わせた、面白い動きをご紹介します。 ちょっと変わった動きがあるだけで、リッチ感が増すと思うのでサイト作成の参考にしてみてください。 各コードをコピペで実装可能・・・
動画の上下左右の黒い帯・余白を削除する方法(Adobe Premiere Pro)
動画の上下や左右にある黒い帯というか余白を削除する方法です。 ツールはアドビのpremier proで、クロップという機能を使います。 動画加工はこれが最初なので、もしかしたらもっといい方法があるかもしれません。 自分へ・・・
