2023年 | Page 8 of 13 | 自動化する会社　オートプロジェクト

Columnコラム

TOP
コラム一覧
年: 2023年の一覧

2023.06.06
CSS

明奈

CSS｜deta属性の使用方法①［タイトルに仮名を付ける方法］

deta属性とは deta属性は、タグに対して指定できる属性です。 deta属性の指定は簡単です。任意のHTMLタグにdata-○○を指定します。○○の箇所は以下ルールを守れば自由に指定できます。要素[data-任意の名称=”任意の値”] 属性名に使用できる文字数字文字 -（ハイフン） .（ドット） _（アンダースコア） ※「xml
READ MORE
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
2023.05.29
CSS

明奈

CSS｜メディア特性を使用してスマホのみhoverさせない方法

要素をhoverしたときに、色が変わるリンクなどがあります。これをスマートフォンなどのタッチデバイスで実行すると、「タップ後に違う要素がタップされるまでそのスタイルが反映され続ける」など、意図しない動きになってしまうことがあります。また、hoverでナビゲーションが開くよう実装した場合も、タブレットやスマホでは期待通りに動作しない場合があります。そのため、タッチデバイスでは指定を効
1. hover
READ MORE
2023.05.25
EC

みわ

デニムスーツ専門ブランド「inBlue」のシミュレーターサイトを公開

岡山県のデニムスーツ専門ブランド「inBlue」のシミュレーターサイトを公開しました。世界初デニムスーツ専門ブランド｜inBlue　ECサイトこのWebサイトでは生地の色が選べるだけではなく、シミュレーターで上で選択したボタンや裏地でそのまま購入ができます。さまざまなパターンが選べますので、ぜひお試しください。 ▶ メンズ ▶ レディース inBlueの運営会社である株式
1. シミュレーター
READ MORE
2023.05.18
Events

みわ

機械学習の勉強会を公開しました

主催している「機械学習名古屋」で、新たな勉強会を公開しました。 ChatGPTのAPIを使ったハンズオン - connpass 勉強会の内容は、話題のChatGPTのAPIを使ったハンズオン！「ChatGPTのAPIで何ができるの？」といった内容ですが、たとえばLINEと組み合わせれば、LINEの自動応答システムを作れます。今のChatGPTは汎用的な回答しかできないの
1. ChatGPT
2. 勉強会
READ MORE
CSS

明奈

CSS｜ヘッダー固定やフッター固定も簡単！　パララックス風もできるposition: stickyとは？④［追従するサイドバーを実装］

これまで3回にわたり、position: stickyでどんなことができるかを紹介しました。 CSS｜ヘッダー固定やフッター固定も簡単！パララックス風もできるposition: stickyとは？① CSS｜ヘッダー固定やフッター固定も簡単！パララックス風もできるposition: stickyとは？②［パララックス編］ CSS｜ヘッダー固定やフッター固定も簡単！　パ
1. パララックス
READ MORE
2023.05.17
CSS

明奈

CSS｜iOSで送信ボタンのデザイン指定が効かない場合の対策方法

iOSでの送信ボタンのデザインを変更して実機で確認した際、デザインが指定したとおりに表示されません。これは、ブラウザーが表示を整える機能がデフォルトであるためです。機能を無効にする場合は、以下のCSSを追加してください。 input[type="submit"]{ -webkit-appearance:none; } デザイン変更が効かない場合、ぜひ試してみてくださ
1. iOS
READ MORE
2023.05.12
EC Shopify

ちあや

Shopify｜ShopifyでカートにCookie情報を持たせる方法

ShopifyでカートにCookie情報を持たせる方法を紹介します。 Cookieを追加したいページのリキッドファイルの最下部に以下のコードを追記します。 document.cookie = "my_custom_cookie="10"; path =/"; カート情報のフッター部分に以下のコードを追記します。今回はテーマDawnを使用しているため
READ MORE
CSS

明奈

CSS｜テキストの自動拡大機能を無効化する方法

AndoroidのChromeやiOSのSafariには自動拡大機能があり、テキストが読みにくいと判断されると自動で大きいフォントサイズで表示されます。今回は、その機能を無効化する方法を紹介します。設定は簡単です。 body{ text-size-adjust: none; } また、Safariで無効化するには、ペンダープレフィックスを付けて追加設定します
READ MORE