CSSアニメーションでアイコンを動かしてみよう 更新日:2022年11月26日 公開日:2020年5月31日 WebアニメーションWebデザインコーディング 今回はCSSでアイコンを動かしてみようと思います。 アイコンを準備 この部分は、今回は特になんでもよかったので、イラストレーターで丸のアイコン(png)を作ってみました。 本当に適当ですみません。。。 作ったあとで気づき […] 続きを読む
よく使うGITコマンドを整理しておく 公開日:2020年5月30日 コーディング開発知識 GITコマンドをよく忘れて、作業する時に毎回検索してしまうので、よく使うコマンドを整理しておく CONFIGの設定を変更 ユーザ情報の設定を行えます git config –global user.name […] 続きを読む
CSS、SCSSで変数を使ったり他ファイルを読み込んだり 公開日:2020年5月30日 WebデザインWeb開発コーディング 書き方どうだっけ?って何度も調べてしまうので、まとめておく 変数の書き方 CSSの場合 例は微妙ですが、こんな感じ。 :root { –font-size-main: 14px; } […] 続きを読む
自分だけの用語集を作ってみた(調べたものたち) 更新日:2020年6月6日 公開日:2020年5月28日 その他知識 日々生活する中で出会って調べた言葉などを残しておこうと思います。 徐々に追加していきます あ 愛嬌 身についた愛らしさ、可愛さ。 憎めない様子などを表す。 似た言葉で愛想がありますが、振りまくのは愛嬌。 愛想 愛想笑いな […] 続きを読む
pythonをHello World!からはじめて基礎を学んでみた 更新日:2020年5月25日 公開日:2020年5月23日 コーディング開発知識 まずはHello World!を出力してみる バージョン3以降は print(“Hello World!”) バージョン2以前は print “Hello World!” […] 続きを読む
【javascript】Chart.jsでグラフを描画してみる 更新日:2021年11月23日 公開日:2020年5月19日 WebデザインWeb機能 どのグラフも、あくまでサンプルです。 折れ線グラフ まずは、折れ線グラフ。 毎月末に英語のテストがあったと仮定して見てみてください。 HTML <canvas id=”lineGraph”& […] 続きを読む
Chromeで「STATUS_INVALID_IMAGE_HASH」発生!!! 更新日:2020年6月21日 公開日:2020年5月19日 その他知識 先日、「STATUS_INVALID_IMAGE_HASH」のエラーが発生してChromeが使えない場面に出会いました。 あまり発生する機会はないかもしれませんが、Chromeを開こうとした際に発生するエラーで調べること […] 続きを読む
npmでbootstrapを追加し、angular.jsonで設定する 更新日:2020年7月5日 公開日:2020年5月17日 WebデザインWeb開発 インストール npmコマンドを用いて、bootstrapをインストール ついでにjqueryも npm i bootstrap jquery メモ:nextで最新版というインストール方法もある模様 npm install […] 続きを読む
Angularでモジュール配下にコンポーネントを用意する 公開日:2020年5月16日 Web開発 実際に作っているフォルダをあとで記載 モジュールを作成 ng g module module1 –routing コンポーネントを作成 モジュールフォルダの配下にコンポーネントを作成していく ng g c / […] 続きを読む
【コマンド】Node.jsのコマンド整理しておく 更新日:2021年9月11日 公開日:2020年5月15日 Web開発 Node.jsバージョン確認 node -v npm -v npm -version プロキシサーバ設定 プロキシサーバをhttp://example.com:8080と仮定して ID、パスワードがない場合 npm co […] 続きを読む
【DB / SQL】DB / SQLを扱う時に知っておきたい知識 更新日:2021年9月11日 公開日:2020年5月15日 Web開発開発知識 データベース、SQLを使用する際に知っておきたい知識を整理しておきたいと思います。 句の実行順 上から順番に実行されます。 FROM ON / JOIN WHERE GROUP BY COUNT / AVG / SUM […] 続きを読む
【SQL】よく使うSQL文を整理しておく 更新日:2021年9月11日 公開日:2020年5月15日 Web開発 SQLの基本を整理しておく。 あまりにも基本的過ぎて、調べる必要ないものも多いが・・・ SELECT文 超基本 select * from [テーブル名]; where句 select * from table_name […] 続きを読む
【HTML】たまに必要になる考慮ポイント(HTML編) 更新日:2021年9月11日 公開日:2020年5月10日 WebデザインWeb開発 labelのwidthを設定したい <label style=”width: 100%;”>abc</label> ってやってもwidthは変わりません。 原因はlabel […] 続きを読む
【Angular】AngularのNgModelでのバインディングなどなど(基礎の基礎) 更新日:2022年11月23日 公開日:2020年5月10日 Web機能Web開発コーディング Angular初心者なので、まずは基礎から考えてみる。 まずは、基礎としてバインディングを整理 TypeScript ➡︎ HTML TypeScriptからHTMLへのバインディングの場合 {{ }} 以 […] 続きを読む
【Linux】Linuxでよく使うコマンドなどを整理しておく 更新日:2021年9月11日 公開日:2020年5月8日 Web開発 Linuxのコマンドは知っておいて損はないと思う。 よく使うコマンドを少しずつ整理していこうと思う。 超基本的なコマンド ls まずは基本的な「ls」。 今いるディレクトリ内を表示するコマンド。 よく使うオプション ls […] 続きを読む