トップ
サービス
事例
コラム
会社概要
お問い合わせ
トップ
サービス
事例
コラム
会社概要
お問い合わせ
Column
コラム
TOP
コラム一覧
カテゴリーから探す
CSS
EC
Events
FileMaker
Git
jQuery
Podio
Shopify
TEGARU
Tips
Trends
WooCommerce
WordPress
XAMPP
広告運用
集客方法
アーカイブから探す
2024年
2023年
2022年
2021年
2015年
2023.07.06
CSS
明奈
CSS|[レスポンシブ]レイアウト変更に今後使えるコンテナクエリ(@container)が便利
レスポンシブ対応としてよくメディアクエリが使用されますが、コンテナクエリを利用することで、メディアクエリよりも柔軟なレイアウトが可能となります。 コンテナクエリは、今年(2023年)2月に全ブラウザ対応になりました。 コンテナクエリとは 親コンテナを基準に、スタイルをあてることができる新機能です。 メディアクエリとコンテナクエリの違いは以下となります。 このように、メ
READ MORE
2023.07.04
広告運用
みわ
Google直伝 – 広告運用をサポートします
あまり謳ってはいませんが、弊社ではネット広告運用の事業も行っています。 運用実績としては、あるクライアントではLPと広告運用の結果が良好であるため、現在では広告予算が当初の10倍にまで成長しています。 弊社では、Googleの広告運用チームからも長期に渡り直接サポートを受けているため、さまざまなノウハウや情報を共有いただくことが可能となっています。 Googleの担当者も「広告費
Google
READ MORE
2023.06.20
CSS
jQuery
明奈
CSS|[jQuery]data属性の使用方法③(data属性を取得し、色を切り替える方法)
これまで2回にわたり、CSSでのdata属性の使用方法を紹介しました。気になる方は以下の記事もご覧ください。 deta属性の使用方法①[タイトルに仮名を付ける方法] deta属性の使用方法②[ラベルを作成し、文言や色を指定する方法] 今回はdata属性をを取得し、色を切り替える方法を紹介します。まずは、下記の[Result]の中にある赤、青、緑のボタンをそれぞれ押してください。
READ MORE
2023.06.13
EC
Shopify
明奈
Shopify|テーマのバージョンを確認する方法
今回は、Shopifyで使用しているテーマのバージョンが不明な際に確認する方法を紹介します。 テーマ確認方法 ①Shopifyにログイン → 管理画面のオンラインストアをクリック ②下記、赤枠の箇所が現在のテーマのバージョンです。
READ MORE
2023.06.12
CSS
明奈
CSS|deta属性の使用方法②[ラベルを作成し、文言や色を指定する方法]
前回は、data属性をしようしてタイトルに仮名をつける方法を紹介しました。data属性のルール指定方法は前回の記事に書いてあるので気になる方はご覧ください。 今回は、以下のようにラベルを作成し、文言や色を指定する方法を紹介します。 HTML <div class=""> <p data-type="new">あたらしく
READ MORE
2023.06.08
Git
ちあや
Gitを簡単に操作できるSourceTreeの使い方~2:クローン編
前回のインストール編ではSourceTreeのインストール方法とGitの設定確認方法を紹介しました。 Gitを簡単に操作できるSourceTreeの使い方~1:インストール編 今回は、前回インストールしたSourceTreeでGitHubの操作を行うための設定方法を紹介します。 リモートリポジトリをローカルリポジトリにクローン GitHubのリモートリポジトリをSourceTreeを使って
READ MORE
2023.06.07
Git
ちあや
Gitを簡単に操作できるSourceTreeの使い方~1:インストール編
今回は、Gitの操作を視覚的に行えるSourceTreeのインストール方法を紹介します。 SourceTreeのインストール(Windows10) Sourcetreeにアクセスしてインストーラーをダウンロードしてください。 上の画面が出たらチェックボックスにチェックし、インストーラーのダウンロードを実行し、完了したらインストーラーを起動します。 インストール先のパ
READ MORE
2023.06.06
CSS
明奈
CSS|deta属性の使用方法①[タイトルに仮名を付ける方法]
deta属性とは deta属性は、タグに対して指定できる属性です。 deta属性の指定は簡単です。任意のHTMLタグにdata-○○を指定します。○○の箇所は以下ルールを守れば自由に指定できます。 要素[data-任意の名称=”任意の値”] 属性名に使用できる文字 数字 文字 -(ハイフン) .(ドット) _(アンダースコア) ※「xml
READ MORE
2023.06.06
CSS
明奈
CSSで[input type=”number”]の上下矢印を非表示にする方法
今回は、<input type="number">を設定した際、下記のように矢印がデフォルトで出るので、削除する方法をお伝えします。 設定は以下です。 Chrome、Safariの場合 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-sp
READ MORE
2023.05.31
CSS
明奈
CSS|「スマホ表示」画面が動く際に原因を見つける方法
コーディング後にスマホでチェックをすると表示が横や縦に動いてしまう現象があり、大体はbodyからはみ出した要素が原因だったりします。 今回は、そのはみ出した要素を簡単に探す方法を紹介します。 方法は簡単です。全称セレクタを利用してoutlineを表示させます。 * , *::after, *::before{ outline: 1px solid rgb(234,
READ MORE
<
1
…
9
10
11
…
20
>