▲TOPへ戻る

GXY-Life

Scroll to Begin

Programming

パソコン

【javascript】イメージギャラリーにページネーションを実装する

画像URLのデータから、9枚ずつ画像を取り出し、ページネーションさせる。javascriptでイメージギャラリー、ページネーションを制御させる。レスポンシブにも対応。

プログラミング

2022-01-20

パソコン

階層ツリーをCSSとjavascriptで作ってみた

体系的にページを整理しようと思い、階層ツリーを自作してみました。javascriptでHTMLを生成するので、data

プログラミング

2022-01-17

パソコン

【CSS】hover active の違い。タブレットに対応させるには?

CSSのhoverとactiveの違いについて。今の時代、ケータイやタブレットに対応させるのはとても大切です。

プログラミング

2022-01-13

パソコン

【javascript】簡単なタイピングゲームの作り方

簡単なタイピングゲームを作ってみよう。一文字ずつに分割、spanに格納し、keydownで正誤によりクラスを付与。

プログラミング

2022-01-02

パソコン

ページ内リンクとページトップへのスムーススクロールの実装 scrollToのOptions未対応にも対応させる

ページ内リンクにジャンプするするのではなく、ゆっくりスクロールして移動します。iosなどscrollToのOptions未対応にも対応させます。

プログラミング

2021-12-30

パソコン

「^=」の意味とは? ページ内リンクのスムーススクロールやCSSの指定などに使えます‼

「^=」の意味について解説します。タグや属性を指定し、ある文字列から始まるものを全て取得します。ページ内リンクのスムーススクロールやCSSの指定などに。

プログラミング

2021-12-23

パソコン

【MySQL】歯抜けになったidを1から振りなおす方法

歯抜けが生じてしまったidを1から振り直す方法について。 わずか2行のコードを使って簡単に書き換えることができます。画像付きで解説。

プログラミング

2021-12-21

パソコン

CSS】ホワイトボードを表現【javascript】HTMLを生成

ホワイトボードをCSSで表現してみました。マグネットの光沢もCSSです。HTMLをjavascriptで生成することにより、コードをスッキリさせることができます。

プログラミング

2021-12-20

パソコン

【vsCode】snippetsで自分独自のショートカットを作成し、爆速コーディング

VScodeのスニペット(snippets)で、独自のショートカットが作成できます。それぞれの言語のjsonファイルに書き込むことができます。メチャクチャ便利‼

プログラミング

2021-12-16

パソコン

【css】grid-templateでtwitter風に画像を表示させる方法

grid-templateを使えば、画像を思い通りに配置できます。twitter風に画像を表現することができます。

プログラミング

2021-12-14

Camera

カメラ

写真のアスペクト比 「3:2」 「4:3」 「16:9」 「1:1」 特徴とおすすめポイント

写真のアスペクト比いろいろ。トリミングするとき、カメラ設定の時、どんな比率にしたらいいのか解説します。一眼レフ、スマホ、Instagramなどなど。

知識

2022-01-23

カメラ

RAW現像 ViewNX-iでホワイトバランスや露出補正を調整しJPGにする方法

RAW現像のメリットとデメリット、またViewNX-iでホワイトバランスや露出補正を調整しJPGにする方法について説明します。

編集

2021-03-25

カメラ

最近のベストショット 胡蝶蘭、チューリップ、桃、桜、野鳥

最近のベストショット5選を紹介します。胡蝶蘭、チューリップ、桃、桜、野鳥などなど。iso,シャッタースピードや絞り等を参考にしてください!

テクニック

2021-03-15

カメラ

一眼レフで街中のオリオン座撮影

一眼レフで街中のオリオン座撮影を撮影しました。やはりちょっと空が明るいですね。

テクニック

2021-01-20

カメラ

【テクニック】露出を調整し、車のライト、テールランプを撮る方法

環状線に歩道橋がかかっているところから撮影しました。シャッタースピードを遅くし、isoを下げ、絞って、露出を調整します。車は写らず、ライトやテールランプだけが写ります。

テクニック

2020-11-16

Blog

ブログ

最近よく来るマダラ君【近所に住む野良ネコたち】【キャンパス内をお散歩】

今日は天気も良くお散歩日和でした。まず、家を出るといつもの野良ネコ、ウズ君です。いつもお腹を空かせています。とっても食いしん坊。

ネコ

2022-01-13

ブログ

犬にを怖がり木に登る野良ネコ 【近所に住む野良ネコたち】

なにやら下で犬がずっと吠えているので、三階から下を見てみると。。。ネコが木に登っています。きっと犬が怖かったのでしょう。必死に木にしがみついています。

ネコ

2022-01-04

ブログ

近所に住む野良ネコたち3匹

近所に住む野良ネコたち3匹を紹介します。ウズ、、ミミ、キジ。どれも性格が違いってかわいいです。

ネコ

2021-12-13

ブログ

朝のお散歩 キャンパス内の風景

最近、天気が良く、朝時間がある時は、お散歩に出かけるようにしています。紅葉のイチョウの木、湖面に映る校舎がきれいです。

日常

2021-12-12

ブログ

森林公園まで夕日を撮りに行ってきました。グラデーションがきれいです。

最近天気がすごくいいので、近くの森林公園まで夕日を撮りに行きました。ここまで来て写真を撮るのは、ちょっとおっくうでしたが、来てよかったです。

日常

2021-11-30

ブログ

初めて猫の出産に立ち会う!感動!

突然、ある友達の家に行くことになりました。その友達はブリーダーをしているとのこと。部屋には子ネコが5,6匹。そして、なんと着いてから10分ほどで出産しました。何とも言えない感動です!。

ネコ

2021-11-13

ブログ

最近見ためずらしい鳥【ジョウビタキ】【クリイロコガラ】

学校のキャンパス内で、もう一つは森林公園の入り口でめずらしい鳥を見ました。ジョウビタキとクリイロコガラというそうです。

日常

2021-11-13

ブログ

家の近くの公園に行ってきました。(10月最初)

電動バイクで10ほどで行ける公園。初めて来ました。連休ということもあり、人がたくさんいましたが、きれいな花や夕日が見れました。

日常

2021-10-23

ブログ

近所の野良ネコ 毎日顔を出すようになりました パート2

近所の野良ネコが毎日顔を出すようになりました。まだ完全にはなついていませんが、距離は縮まってきています。

ネコ

2021-10-21

ブログ

近所の野良ネコ 新たに発見! パート1

5月ごろ全滅した近所の野良ネコ。最近、新たに数匹見つけました。最初は怖がって、全然近寄りませんでしたが、かなり距離が縮まってきました。

ネコ

2021-09-14