にわかプログラマの備忘録

仕事の過程で調べたことを忘れないように記載しています

【CSS】リストデザイン【シンプル】

シンプルなリストデザインを作りました。 全てhoverで簡単に動作します。 さんかく やじるし まる ○ ばつ × ちぇっく ノート風 穴あき風 吹き出し風 波紋

【CSS】ガタガタする箱

CSS

あるサイトでhoverするとリンクボタンが無限に揺れるので、数回で止まるのを作成。

【スプレッドシート】条件付き書式で別シートを指定する

条件付き書式を設定する際、別シートを指定するにはちょっと工夫する必要があります。

【css】アコーディオンメニュー【かわいい】

CSS

吹き出し バブル 付箋 四角いカラフル 丸いカラフル cssだけで使える可愛いアコーディオンメニューを作りました。 css書くより、デザイン考える方が私には難易度が高いです……。

【css】アコーディオンメニュー【最低限】

CSS

cssオンリーの最低限だけ記載したアコーディオンメニュー

【javasctipt】○営業日後を表示させる

javascriptで○日後(土日祝除く)を出力します。

【Javascript】桁数を揃えて連番を出力するマクロ【SmoothCSV】

SmoothCSVのVersion1で使用できます。 Ver2は現在(2021.08)まだマクロが十全に機能していないため使用できません。ファイルの左に列を挿入し、そこに連番を桁数を揃えて出力します。

【正規表現】複数桁の数字を置換する

正規表現で複数桁の数字を置換します。

【GAS】書式設定をする

GASでスプレッドシートのデザインを設定します。

【GAS】すべてのセルで実行する

スプレッドシートの記載のある範囲のすべてのセルで関数を実行します。

【CSS】角を丸める【border-radius】

CSS

DIVなどの角を丸めます。 ボタンなどに使うと柔らかい印象になりますよね。

【JQuery】クリックすると出てくる【slide/fade】

JQueryを使用してクリックで動作する基本です。 JQueryを使用するなら一番簡単な記載法だと思います。

【CSS】スマホでのhoverの動作

そういえば、スマホでのhoverってどうなっているんだろうと。

【css】中央に配置する

CSS

テキスト(インライン要素)を水平の中央に(text-align) テキスト(インライン要素)を垂直の中央に(vertical-align) ブロック要素を水平の中央に(margin) ブロック要素を垂直の中央に(transform) ブロック要素を中央に(margin) ブロック要素を中央に(grid)

【JQuery】モーダルやメニューを開いたときに下をスクロールさせない

モーダルやメニューを開いたときにつられて下の要素までスクロールしないようにします。

【Javascript】機種依存文字チェック

Javascriptで機種依存文字をチェックする関数です。 modelDependent(変数)で使用します。

【GAS】カスタムメニューを作る【スプレッドシート】

関数をスプレッドシートから実行する際に便利なカスタムメニューを作成します。

【GAS】スプレッドシートの値を取得する

値の取得法色々 値の取得法色々 記載範囲すべての値を取得する 特定のセルの値を取得 範囲を指定して値を取得する

作って覚えるGAS:献立スロット4

見た目を整える 見た目を整える 「回す」をボタンらしく 材料部分の改行を有効に 見た目を整える 完成 「回す」をボタンらしく 青くしてリンクらしく styleタグ内 #slot{ text-decoration : underline;/*下線を付ける*/ text-decoration-thickness: 1px;/*下…

作って覚えるGAS:献立スロット2

GAS

GAS側の作成 GAS側の作成 Google Appe Scriptの用意 スプレッドシートの情報を取得 全部のシートの情報を取得する シートの値を連想配列に 連想配列に種類を追加 ランダムで一つ抜き出してまとめる いよいよプログラムを作っていきます。 Google Appe Script…

作って覚えるGAS:献立スロット1

GAS

献立スロットを作ろう GASを使ってなんか作りたい。 でも、会社のは公開なんてできないし、ということで一時話題になった献立スロットを作ろうと思います。 献立スロットを作ろう 基本仕様 事前準備 プログラムを作る やること 基本仕様 既存のものだと作れ…

作って覚えるGAS:献立スロット3

HTMLの作成 HTMLの作成 HTMLファイルの作成 HTMLファイルの大枠を作る GASからHTMLファイルを開くようにする ボタンと表示場所を作る GASの情報を受け取る 受け取った情報を表示する HTMLファイルの作成 ファイルの追加「ファイル」の横の+をクリックしHTML…

スプレッドシートでGASを使う時のおすすめ事前準備

GAS

GASを使用するとき、エディタなどの開発環境は特別必要ありませんが、スプレッドシートで使用するときはシートの値を見ながらプログラムのテストをしたいな、と思います。 でも、AppsScriptで作成した関数はスプレッドシートからはボタンが無いと実行できず…

GASで扱う スプレッドシートの基本

GAS

GASで使用するクラス SpreadsheetApp 一番の親のクラスSpreadsheet Excel で言うブックにあたる部分を扱うクラスSheet Excel で言うタブにあたる部分を扱うクラスRange Excel で言うセルにあたる部分を扱うクラス ファイルの指定方法 ファイルの名前より裏で…

スプレッドシート カスタム関数

GAS

無難にカスタム関数から弄ってみたものの、説明文がうまく表示できずに躓く羽目に。 そして結果解決していない。公式とも、調べて出てきたサイトとも書き方は変わってないし、何ならコピペしても結果は同じ。 解せないがメインじゃないので諦めた。解決!一…

GASを使いだした

GAS

仕事で Google Apps Script を使ってやりたいことができたものの、ネット上にわかりやすいリファレンスもなかったので自分で分かったことをまとめていこうかと。なので、基本は Google スプレッドシート でのGASの使い方になるかと。 他での使用予定は今のと…