jQueryでスライダーを実装するためのプラグインといえば、「slick」をはじめ多くのプラグインがありますが、ひと昔前はスライダーといえば「bx-slider」だったと言っても過言ではないと思います...
2018年10月6日
jQueryで特定の要素の有無を確認する「length」と「size」の書き方
要素があるかどうかを判別して分岐処理、動的なコンテンツでよく使う処理なのでコピペ用として。要素の数を取得して、0か1以上かを判別するわけですが、jQueryでは主に「length」を使用します。 ...
2018年8月6日
最初の非同期処理を完了後に次の処理を実行させる「jQuery.when()」
AjaxでAPI用のアクセストークン等のデータをJSONを取得して処理、受け取ったアクセストークンをもってまたAjaxで通信、といった場合、「最初の非同期処理が正常に完了したら次の処理を実行」という順...
2018年7月28日
過去に公開されていたサイトを確認できるサービス「Wayback Machine」
インターネットも普及して年月が経ち、10周年をこえるサイトも多くある今日この頃、技術の進歩やトレンドの変化がとても速い業界のため、同じサイトとはいえずっと同じデザインである事は稀であるかと思います。 ...
2018年7月4日
便利なcalc()関数でwidthやfont-sizeの値を計算式で指定
レイアウトを組む時、特に横幅可変やレスポンシブ対応の際に横幅や余白の計算は不可欠ですね。例えば横幅いっぱいに伸ばしたいけど50pxだけ余白を残したい時。「親のdivにpadding指定して、子の要素は...
2018年7月3日
たまに忘れがちな「URLパラメータ」と「アンカーリンク」の記述順序について
とても初歩的な事ですが、たまに順序を忘れる事があるのでメモ程度に。?と&で区切る「URLパラメータ」と、#で指定する「アンカーリンク」を一緒に記述する時の注意点です。 順序を間違えると動...
2018年7月にリリースされるGoogleChromeからSSL非対応のサイト(＝http://から始まるウェブサイト)は「保護されていません」という警告が表示されるようになります。これによりhttp...
2018年7月1日
Let’sEncryptの自動更新が出来なかった時の対処法
Let's Encrypt をインストールして3ヶ月弱。自動更新の設定も対応済みなので何も気にせず運用していると、ある日こんな件名のメールが。 Let's Encrypt certificate...
2018年5月26日
タブメニューをクリックしてコンテンツを切り替えるjQuery
タブメニューをクリックしてコンテンツを切り替える、よく使う動作のjQueryです。シンプル且つ汎用的に、タブメニューが増減しても簡単に対応しやすい書き方を意識し、コンテンツを表示させる時にふわっと表示...
2018年5月25日
飛行機から見た景色
飛行機からの景色です。日本の象徴、富士山は飛行機から見てもその存在感は圧巻です。
