2024/06/14(金) CodeGoogleAppsScript スプレッドシートを開いたとき、空白でない一番最後の行に自動で移動させたい スプレッドシートを開いた時に毎回下まで移動するのめんどいのでGASで書きました。 コピペで使えます。 function onOpen() { var sheet = Spreads…
2024/06/02(日) CodeJavaScript備忘録 Webフォントが遅れて表示される解決策 Google fontなどを使ってWebサイトを作った時に、読み込みが遅れて一瞬違う文字が表示されてしまう問題をずっと放置してたけどWeb Font Loaderを使って解決させま…
2023/11/05(日) 備忘録 XserverとCyberduckをSFTP接続する方法 XserverとCyberduckをSFTP接続する設定手順です。 SFTP接続はSSHプロトコル上で動作するため、すべての通信が暗号化されておりFTP接続よりセキュリティが高いの…
2023/06/22(木) Code 【CSS】縦横比を保ったままレスポンシブで画像を正方形にする。 CSSで画像のアスペクト比を保ちつつ常に正方形に保つ方法はです。 まず、HTMLの構造は以下のようになります。 <div class="box-container&…
2023/06/12(月) 備忘録 vscodeでPrettierの対象から一部ファイルを除外する方法 コードをきれいに保つためには整形ツールが非常に有用です。その中でもPrettierは広く使われているツールの一つですが、全てのファイルを対象にしたくない場合もありますよね。 本記事…
2023/06/02(金) CodeWordPress 【WordPress】縦長の画像の幅を自動で調整する方法 ワードプレスに画像を投稿した際に、横長の画像だとブログのレイアウトにぴったりとフィットするけど、縦長の画像だと大きすぎちゃうよな〜ってことがあります。 こんな感じで。 基本widt…
2023/05/15(月) Code 【CSS】flexboxで横並びの高さを揃える方法 flexboxで横並びにしたときに、文字数などの違いから高さが揃わない事があるので、揃える方法を書いときます。 display: flexでは子要素はデフォルトで高さが揃うのですが…
2023/05/13(土) Code 【CSS】コンテンツが少ない時にフッターを最下部に表示する方法 どうも、Ajiです。 WEBサイトを作っていると、ページのコンテンツが少ない時にフッターが画面の変な位置に表示される問題に遭遇することがありますね。 なんかダサいのでコンテンツが少…
2023/04/15(土) Code 【CSS】一定間隔で背景画像を切り替える方法 JavaScriptを使わずにCSSだけで背景画像を切り替えるコード。 @keyframes で枚数別に画像を切り替える%設定に苦労したので備忘録に書いておきます。 HTML 縦横…
2023/03/12(日) Life chatGPTを仕事で使ってみた。 どうも、Ajiです。 最近盛り上がってるchatGPT。 活用してますか？ 知らない人のために、すんごいさらりと説明するとOpenAI社が開発したチャットボットで、AIがかなり高い…
