Hatena ID is an account used for various Hatena services.

jQueryで後から追加された要素にもイベントを発火したい jQueryで “$(‘button’).on(‘click’, function() { … });” みたいな感じで、たとえばボタンクリックのイベントを定義したとします。この定義時点で存在していたボタンにはクリック時の処理が追加されますが、あとからJavascriptなどで動的に追加したボタンがあった場合にはこれが効きません。 具体例として以下の場合を考えます。 HTML <div class="buttons-area"> <button>最初のボタン</button> </div> Javascript $('button').on('click', function() { // 後から追加されたボタンには効かないイベント $('.buttons-area').append('<button>追加されたボタン</butt

Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第4回は、Android端末に表示しているWebサイトを、Chromeデベロッパーツールで検証する「Webインスペクタ」を解説します。 特定デバイスでのバグ、表示崩れの原因を調べたい スマートフォン向けにコーディングをしていると、特定の端末でしか発生しないバグや表示崩れがあります。「特定の端末」の場合、第1回で解説した「Device Mode」では問題が再現せず、原因の特定は困難です。 原因を特定するには、バグ、表示崩れが発生した端末でChromeデベロッパーツールの「Webインスペクタ」を使って、問題のWebページを表示しながら検証します。 Webインスペクタの設定方法 Webインスペクタに使用するAndroid端末の設定を変更します。設定画面を開き、「開発者向けオプション」を表示します。

こんにちは。「AIアナリスト」ライターチームです。 Googleが提供していたユニバーサルアナリティクス（以下、UA）は、2023年7月1日に計測が終了しました。今後、アクセス分析するためには、Googleアナリティクス4（以下、GA4）を導入しなければなりません。 この記事では、Webサイトの運営担当者で特にまだ日が浅い人に向けて、GA4の使い方や画面の見方について解説します。参考にしてください。

SNS X Facebook Ｂ! はてブ Pocket 当記事の内容および記事中のリンクには、広告目的や当サイトが収益を得るためのものが含まれており、これらの収益によってuzurea.netは運営されています。 webサイトのトップページなどに多くみられる、画像やコンテンツを左右に切り替える、スライダー slider(カルーセル carouselとも）。 jQueryプラグインとしてさまざまなスライダーが公開・提供されていますが、中でも設定の簡単さとオプションの充実度からお勧めしたいのが今回解説する『slick』です。 今回はその設置手順とサンプルを交えた使い方と各種オプションの詳細をデモを交えて解説していこうと思います。 『slick』の主な機能と特徴 まずはslickの主な機能と特徴をピックアップ。 レスポンシブ対応ブレイクポイントごとの設定振り分けが可能タッチデバイスに対応IE8以

@mixin foo($w, $h){ width: $w; height: $h; } div { @include foo(100px); }

そしてもちろん我らが日本語も用意されています。日本語のフォントセットは「Noto Sans CJK JP」という名前です。 日本語は優遇されているのか7つも異なるウエイト（太さ）が用意されています。 ちなみに名前にあるCJKとはChina、Japanese、Koreaの3つです。1バイト言語の256文字に収まらない、2バイト言語をまとめてCJKとしているようです。（2バイト文字は65536種類に対応している） 中国語は「Noto Sans CJK SC」、韓国語は「Noto Sans CJK KR」と、それぞれ別のセットで、相互に対応していません。統一感のあるセットになっているとのことですが、それぞれの言語が混在する状況はあまりなさそうです。 2バイト文字は数千もの文字を作成する必要があるため、Adobeだけではなく各書体メーカーの協力しています。それぞれ日本語はイワタ、中国語はChang

SASS・SCSSのコンパイル時にエンコードエラー？Dreamweaverで気をつけたい以外な原因と対処法 2019 8/13 SCSSを使い始めたころ、「Error: Invalid US-ASCII character "xE3"」 とかいうエラーが出まくったことがあります(Dreamweaver CC使用時)。 ちなみに、Sublime Text（コンパイルはKoalaを使用）では以下のようなエラーメッセージになります。 Encoding::CompatibilityError: incompatible character encodings: Windows-31J and ASCII-8BIT 日本語を入力した部分でエンコードがどうのこうの言われているっぽいから、エンコードがうまくいっていないのだろうと思い、Sublime Textのエンコード機能やターミナルでエンコードし直し

㈱自給人代表取締役 / ブログマーケッター / ブログ集客の専門家 湘南茅ヶ崎で、ブログを中心としたWEBマーケティングのコンサルティングを個人や法人の方にしつつ、趣味で畑で野菜を育てています。 ブログも野菜もコツコツ育てることが大好き。 【自給人＝人生をコンテンツ化できる人】を育てていきます！ 自給自足アフィリエイターの齋藤です。 「記事は書いてるけど、全然アクセスが来ない…」 と悩んでいませんか？ その原因は、あなたのキーワード選定を適当にしているからかもしれません。 その気持ちは、凄くわかります。キーワード選定って、最初は凄くめんどくさいんですよね。ですが、僕はキーワード選定をしっかりするようになってから、どんどんアクセスが伸びるようになりました。 ブログアフィリエイトで稼ぐために、最も重要なことは キーワード選定　です。 キーワード選定は、ブログアフィリエイトの50％を占めると言っ

Sass（SCSS）を利用するための環境構築 まずはSass（SCSS）を利用するための環境構築をしてから。こちらで解説しています。 SublimeText3にSass（SCSS）・Compassのパッケージをインストール パッケージインストール画面呼び出し Windows：「Ctrl」+「Shift」+「p」 「ins」と入力して「Package Control: Install Package」を選択して「Enter」 インストールするパッケージ Sass SASS Build SCSS SCSS Snippets SublimeOnSaveBuild（保存時に自動コンパイルする場合） Compass テスト用フォルダ構成 test_sassフォルダ ┣ config.rb ┗ style.scss config.rb Compass用設定ファイル require 'compass/i

Land-book - website design inspiration gallery Find the best hand-picked website design inspiration. We’re a curated website design gallery for Creatives, updated daily.

ノーコードWeb制作プラットフォーム「STUDIO」 コードを書かずに、高度なデザインを。サイトは1クリックで公開可能。CMS、フォーム、分析ツールもオールインワン。 事業コンセプトの検証から、デザインチーム組成まで。おしゃべりAIアプリ「Cotomo」の立ち上げ支援について 2024年2月にStarley株式会社からリリースされた、音声会話型おしゃべりAIアプリ「Cotomo (コトモ)」。事業立ち上げに関わる、事業コンセプトの設計・初期プロダクトの設計・デザインチーム立ち上げをrootとして伴走しました。音声会話型AIという特殊なドメインにおいて、いかに事業の方向性を固め、プロダクト内の体験を検証したのか。また、素早いデザインチーム立ち上げをどのように支援したのか、事例をまとめます。 STUDIO導入時に知りたい！「STUDIOをおすすめできる/できないパターン」を無料配布します ca