はじめに レスポンシブデザインに欠かせないデバイス判定を行う方法をメモしていきます。 画面幅による切り替え window.matchMedia if (window.matchMedia("(ma…
初心者による初心者のためのslick講座 slickとは レスポンシブ対応しているスライダー用のjQueryプラグイン。 タッチイベント・スワイプなどにも対応しているjQueryの定番プラグインで…
概要 以下の投稿で課題としていた結合したセルにてソートが正常に動作しなくなる件について、 これまたdatatableの仕様に苦しんだので解決方法を記載します。 https://qiita.com/…
これの続きです https://qiita.com/McbeEringi/items/8bc80a03f97c018066dd 実時間変換 まず各イベントのデルタタイムを実時間に変換する 基本的に …
概要 jQueryのDataTablesライブラリを使用し、セルを結合した以下のようなテーブルを作成する際、 ライブラリの仕様によって苦しんだので解決方法を記載します。 jQueryのDataTa…
Cloud Functions for Firebaseでリクエストbodyが消失する問題でハマった。 Cloud Functions for Firebaseでリクエストbodyが消失する問題で…
仕事で身に付けた技術や仕事以外で身に付けた知識を、自分用の備忘録として投稿していきたいと思います。 今日の内容 会社で先輩方にしていただいた、Vue.jsで書いたコードのフィードバックで、javas…
はじめに SEO対策としてCoreWebVitalの改善をするためにPageSpeedInsightやlighthouseで調査していると、JavaScriptの削減を提案されることがある。 サー…
はじめに 今回は、JavaScriptのObject.assignメソッドについて学んだことをまとめておきたいと思います。 1. Object.assignメソッドとは https://devel…
const events = ["app.record.create.change.fieldCode", "app.record.edit.change.fieldCode"] kintone.e…
Vue.jsの学習の為、チャットアプリを作成してみました。 Vue.jsの記法を学んだ後に、どのように成果物を作ればいいかの参考に少しでもなればと思い記事を作ってみました。 実装はGitHubに上げ…
はじめに こんにちは。masakichiです。 わたしは、Reactを使ってコーディングする時、よくJSONデータを操作する場面に遭遇してきました。 単純な配列に対する操作であれば、ネット上に情報…
depandabotはライブラリを自動アップデートしてくれるGitHubの機能です。 dependabotは今のところDenoには対応していないようですが、3rd party製ツールであるUDDを使…
Web開発やJamstackにまつわる動画作成、執筆で活躍中の、開発者James Quick氏。彼のYoutubeチャンネルは12万人以上の登録者を誇ります。 今回は、そんなJames Quick氏…
HTML <ul> <li>リンゴ</li> <li>バナナ</li> <li>メロン</li> <li>イチゴ</li> </ul> Jquery console.log($('li:eq(1)…
コード <div class="original"> <h4>コメントを入力してください</h4> <div class="clones"> <textarea></textarea> </div…
JavaScriptによるボタン追加とページ遷移 行うことは、 ・kintoneのカスタマイズで標準に無いボタンの設置 ・ボタンの機能は、他ページへの遷移 とする ※この機能だけなら「ラベル」フィ…
こんにちは。 長野県のとあるA型事業所でプログラミングをしています。 土日を使っていくつかプログラミングの学習教材を見つけてみました。 あ、その前にですが、Twitterのアカウントを作成しました。 Twitter…
こんにちは！ぬこすけです。 「Github Actions で SEO 対策！サイトマップ作成を自動化！」に続き Github Actions について 2 回目の投稿です! https://qii…
初めに たくさんの資料調べるうちに数か月前自分の書いた文章を振り返ると、自分の理解があやふやになっていることに気づき、基礎概念ともう一度向き合って文章にしたいと思います。 シリーズ参考資料はこちら…
今週の学び jQueryなど コードの短縮 自分で関数を定義して、使うたびに呼び出すようにする data() 「data()」を使うと HTML 要素内に付与された data 属性に対して、取得・…
