WebDesign Dackel

【初心者向け】jQueryでツールチップのプラグインを自作しよう – Part1

【初心者向け】jQueryでツールチップのプラグインを自作しよう - Part1

はじめに 最近のフロントエンドではjQuery離れがささやかれたりしていますが、そんな中僕が通っていた専門学校の生徒(在校生)さんにjQueryを教える機会がありました。 (大したことは教えてあげられ...

JavaScriptで2つの時間帯が重複しているかチェック

JavaScriptで2つの時間帯が重複しているかチェック

よくバックエンドでは実装をするのですが、フロントではあまり使ったことが無かったのでメモです。 いったい何がしたいのかというと、12:00~13:00と12:30~13:30という2つの時間帯があったと...

JavaScriptを使ってスネークケース・キャメルケース・パスカルケースの変換

JavaScriptを使ってスネークケース・キャメルケース・パスカルケースの変換

はじめに 下記のような変換を行うための処理です。 sample_string => sampleString sample_string => SampleString この逆もしかりです...

JavaScriptで正規表現でのチェックと結果の取得を簡潔に書く

js-regexp-matches900x550

はじめに 最近、会社が引っ越しました。それに合わせて自宅の引っ越しもしたので何かと忙しい毎日を過ごしていたのですが、最近になってようやく落ち着いてきました。 この記事で書きたい内容はタイトルのままで、...

jQueryでプラグインを使わずにそれなりにちゃんとしたスムーススクロールを実装する

jQueryでプラグインを使わずにそれなりにちゃんとしたスムーススクロールを実装する

はじめに いきなりですがjQueryでスムーススクロールを実装した事があるでしょうか? きっと沢山の人が実装したこと、使ったことのある機能だと思います。 ちょっと調べて出てきたサンプルのコードをコピペ...

JavaScriptで相対パスをhttpから始まる絶対パスに変換

やりたいことはタイトルのまんまです。以前にjQueryを使って同じことをしてみましたが、jQueryを導入していない案件で必要なことがあったのでコピペ用に残しておきます。 ちなみに以前に書いた記事はこ...

jQueryを使わずに親ボックスのサイズを取得する

jQueryを使わずに親ボックスのサイズを取得する

親のボックスサイズを知りたい時にjQueryを使えば簡単ですが、いざネイティブで書こう!となった時に「ん?どうやんだっけ?」ってなったのでメモです。 前提 <div id="parent">...

JSのDateを使う際のメモ書き

もう世の中に腐るほど出ている情報ですが、地味にハマったのでメモです。 new Date()のコンストラクタの指定形式 YYYY/MM/DD HH:DDは問題ありません。ただ、ハイフンでつないだYYYY...

WordPressで一からテーマを作る時に設定したいCSSセレクタ一覧

WordPressで一からテーマを作る時に設定したいCSSセレクタ一覧

WordPressで一からテーマを作っていくと、ついつい設定し忘れてしまうセレクタが出てきてしまうので、そのためのメモです。 多くの場合、the_content()で吐き出すコンテンツは何らかの要素で...

SublimeText3のTable Editorで日本語入力を何とかする

SublimeText3のTable Editorで日本語入力を何とかする

これまでずっとSublimeText2を使っていたのですが、やっと最近3に乗り換えました。 普段、Markdownでテキストを書くときにもSublimeを使っているのですが、入力が面倒なためテーブルは...