人に優しいフォームを作ろう、特に日本人に
皆さん、フォーム作ってますか？ Webサイトやアプリを作るにあたって避けられないのがForm作成、多くの方が autocomplete を設定するなど、より使いやすいフォームを作成するために尽力されていることと思います。 一方で、悪気なく書いたコードでより使いにくいフォームになってしまっている例が世の中には多く見られます(特に銀行系) 今回は、よくあるフォームの実装を例に、(特に日本語話者にとって)より使いやすいフォームにするためのちょっとした仕様や私が考える対策を書いていこうと思います。 忙しい方のために最初に書いておくと、この記事に書いてあることの多くは autocomplete の仕様を意識した実装をしましょう の一言に集約されます。 多くの方にとっては「何を当たり前のことを」と思われる項目も多いかとは思いますが、当たり前のことがされていないフォームが世の中には多すぎるので、少しでも
Pannellumを使って複数の360度パノラマVR写真を切り替え表示（JavaScript/jQuery） | miimo Inc.
Pannellumとは PannellumはJavaScript製でプラグイン不要の360度パノラマ写真ビューワです。 画像の拡大・縮小・全画面表示が可能です。 上記のデモは一番シンプルな実装方法ですが、より高度なコントロールボタンをつけたりツアー形式にすることもでき、動画にも対応しています。 GitHubはこちら 公式サンプル・ドキュメントはこちら ソースコード See the Pen Pannellum – 360° Panorama View by もち (@mu_mochi921) on CodePen. ポイント1. サムネイル部分の画像 <li> <a data-item-url="360vr-1.jpg"> <img src="360vr-1-300x300.jpg" alt=""> </a> </li> $('.panorama-navs a').on('click', f
WordPressのuploadsにあるファイルへの直接アクセスを制限（WP新仕様対応） - Qiita
WooCommerceというWordPress用プラグインでショップを構築している。最近、デジタル商品（PDF）の販売もやり出しているのだが、一つ問題があって、WordPressはメディアファイルをアップロードすると/wp-content/uplaods/というディレクトリ以下にファイルが置かれるのだが、これには何も制限がかかってなくて、直接URLを入力したらファイルが表示されてしまう。これじゃ販売してる意味がないし、検索エンジンクローラーにも引っかかってしまう。 まぁFTP使って、直接アクセスできない領域に置けばいいじゃないかという話もあるのだが、諸事情からそれは見送り（詳細省きます）。次のような要件を.htaccessで実現することにした。 要件 デジタル商品（.pdf、.mp3、.zip）へのアクセスは禁止 ただし拡張子の前に_sampleと着いているものはアクセス可能。 e.g.
うちの猫が喧嘩する度Tシャツを破いてた
うちには猫が二匹いて、基本的には仲良し。 なんだけど、たまーに本気でやり合うときがある。 最初はただのじゃれ合いで、遊んでるだけだなーって思って見てるんだけど、ある瞬間から「ㇷ～！シャー！」って、本気モードに突入してしまう。 で、そうなったら私の出番。 Tシャツに着替え、YouTubeを開いて曲を流す。 デーデデ、デーデ！ 曲に乗って、私は猫たちの前に颯爽と登場するわけだ。 二匹の前に行くとまずは筋肉アピールから。 続けて腕をくるくる回して耳に添え、猫たちのご機嫌を伺う。 すると猫たちは、「なにこいつ…？」って感じでこっちをじっと見つめてくるんだ。 大体これで喧嘩はストップするんだけど、たまーに、それでも喧嘩を続けることがある。 その時は最終手段。私が「ンアァアアーーっ！！」って叫んで全力でTシャツを破くんだ。 これでたいてい、猫たちは「え、やばっ」ってなって、ピタッと喧嘩をやめる。 こう
使わないのはもったいない！ GA4の便利機能「オーディエンス」を活用しよう（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytlcs 4 (以下、「GA4」）には「オーディエンス」という機能があります。 筆者がGA4で一番好きな機能なのですが、セミナーなどでお話しているとあまり使われていない機能だなと感じております。 そこで今回はオーディエンス機能とはどういう機能なのかを紹介し、その活用方法についても触れていきます。 オーディエンス機能とは？ オーディエンスの設定方法 1. オーディエンス名を設定する 2. 条件を設定する 3. オーディエンスの有効期間を設定する 4. オーディエンスのイベント名を設定する 5. 保存する オーディエンスを活用した分析方法 セグメント機能との違いについて オーディエンスを配信ターゲットとして活用する 最後に オーディエンス機能とは？オーディエンスとは「観客」や「顧客」を意味しま
デスクツアー ～お前らの部屋のPCデスク見せろよ Part.368
PCデスクまたはPCルームを撮影してネットに公開する”デスクツアー”は今やポピュラーな事になっていて、フォーラムサイトやSNSなどで世界的に賑わっている模様。PCや周辺機器そしてデスクも含めて構成やスタイルはまさに十人十色、それをいくら見ても飽きる事はないので賑わっているのも納得ですが、今回は2024年6～7月に投稿されていた100枚を見てみます。（画像をクリックすると原寸が表示されます） 【前記事】デスクツアー ～お前らの部屋のPCデスク見せろよ Part.367 (via imgur)今回もこの100枚の中から目を引いたものに対してコメントしてみる。4枚目、ホワイトの統一感が素晴らしいですね。やっぱりモニターも妥協せずホワイトにすべきだと思います。「MAG 274URFW」(AD)などMSIはゲーミングモニターもホワイトのモデルを次々に出しているので選びやすくなったのではないかと。32
デスクツアー ～お前らの部屋のPCデスク見せろよ Part.369
PCデスクまたはPCルームを撮影してネットに公開する”デスクツアー”は今やポピュラーな事になっていて、フォーラムサイトやSNSなどで世界的に賑わっている模様。PCや周辺機器そしてデスクも含めて構成やスタイルはまさに十人十色、それをいくら見ても飽きる事はないので賑わっているのも納得ですが、今回は2024年7月に投稿されていた100枚を見てみます。（画像をクリックすると原寸が表示されます） 【前記事】デスクツアー ～お前らの部屋のPCデスク見せろよ Part.368 (via imgur)今回もこの100枚の中から目を引いたものに対してコメントしてみる。13枚目、スーパーウルトラワイドモニターとデュアルアップモニター、なんだか槍と盾みたいな感じです。25枚目、Divoomの卓上ガジェット「Times Gate」(AD)は最近になって割とよく見かける印象。今の時代にこれほど遊び心のあるガジェット
デスクツアーの達人が解説！整理下手な人でもすっきり見えるデスク環境の作り方｜@DIME アットダイム
DIYアイテムを活用した整理下手の片づくデスク メーカー勤務・営業職 たついちさん メーカー勤務・営業職・34歳。九州在住で2LDKのマンションに妻と小学生の子と3人暮らし。ブログ「ミニメモ！」で、製品レビューやデスク環境を発信。 ワークスペースの位置／リビングから見える6畳ほど デスク環境のために使った総額／約40万円 デスク沼歴／約1年 在宅ワークの頻度／週1日程度 詳細はここをチェック DIYで、見た目も機能も満足のいくモノを手に入れる コロナ禍、在宅勤務をきっかけにワークスペースを整え始めたというたついちさん。当初はリビングテーブルで仕事をしていたが、肩こりがひどく、FlexiSpot（フレキシスポット）の電動昇降デスクを導入した。 同社では純正の天板も販売しているが、フレームのみ購入して、自分の好きな天板を取り付けることもできる。たついちさんはホームセンターで購入した幅170cm
ブロガーの作業環境晒し！デスクツアー2022までの変化〜本年もよろしくお願いします〜
去年作ったばかりのデスク環境。そんなデスク周りで使っているものや良いなと思ったもの。これを軸に当ブログは構成されています。 つまりデスク導入と同時に公開されたのが、当サイト『ミニメモ！』だったり。。。 おかげさまでたくさんの方にご覧いただく機会を得ることができました。デスクの落ち着きと共に更新数が減っていったのはごめんなさい…。 生活品や身の回りのものなど少しずつ商品の幅を広げていきたいと思っているところです。 ちなみにレビューサイトと名を打つものの、製品比較のために何でもかんでも商品を購入することは流石にできません。（お金ないし、そんなに稼いでないw） なのでこのサイトで紹介している商品のほとんどは”ちゃんと吟味して購入したもの”。全部ハイエンドなんて無理だから、自分の身の丈で買える商品を買ってます。 そして、ご提供品のレビューについてはこんな考え。いただいたお話には基本的に”前向き”に
営業女子のリモートデスクツアー vol.1 | COLUMNS | 株式会社あーと・わーくす
わが社あーと・わーくすがリモートワーク推奨になって3年弱。 みんなそれぞれに環境を整えている…！ということで、今回は私（営業企画部MO）のデスクツアーをさせていただきたいと思います。 こちらが、私のリモートデスク環境です！ 小さいデスクに籠っています。 観葉植物多めです。見えないところも含めて、この部屋に７鉢。 うちには猫さんがいますが、葉っぱと見れば容赦なくムシャムシャするため、ハンギングまたは高い棚に植物を置いています。 「快適で心高まるリモートワーク環境」にするポイント ●ブラック＆ウォールナット調をベースにグリーンのアクセント ●モニター2台並列でウルトラワイドモニター風にして業務効率アップ？ ●道具はお気に入りを。なければDIYすればいいじゃない精神 ●グリーンのエネルギーをいただくワークスタイル ●間接照明多めで、お休み処を用意する ブラック＆ウォールナット調をベースにグリーン
そこそこ借金して「俺が考える最強のタスク管理・時間管理サービス」作った。どうか使ってみてほしい｜jMatsuzaki🔥
私の愛しいアップルパイへ 8月16日（金）、このTCP/IP網の片隅に新規サービスを産み落としました。「TaskChute Cloud 2」っていいます。 頑張って作ったトップページ去年の8月から本格的に作り始めて、1年間でようやく形になりました。これこそ"俺が考える最強のタスク管理・時間管理サービス"って感じです。 正直タスク管理サービスって有名どころは出尽くしてる感じですし、「いまさらー？」って感じだと思います。この手のサービスは西海岸からいくつも出てますし。 でも、今までの発想のタスク管理サービスって使いづらくないですか？もう実際の仕事に通用しなくないですか？って気持ちもあって、ちょっと違ったアプローチのサービスをガチで作ってみました。 そこそこ借金して1年かけて作りました小学生時代からの友人と作った役員2人だけの極東の極小の会社なんですけど、コロナとか異常な円安とかの影響もあって経
ネットに騙されてスクールに通いフリーランスのITエンジニアになったが人生詰んでる
コンビニバイト未満の案件しか取れない。 マジでランサーズの最底辺を彷徨ってる感じ。 あまりに稼げなすぎてもうほとんど居酒屋のバイトで飯食ってる。 俺がフリーランスのエンジニアとして独り立ちする日は来ないんじゃないだろうか。 マジでネットの「IT系らくして稼げすぎ！」みたいなの全部ウソやわ。 副業でめっちゃ稼げる→もともと本業でやってた人がそれより遥かに低い賃金でバイトをやるだけ 仕事選び放題→選べはするけど使ってもらえるかは別の話 自由な時間に働ける→ノルマがめっちゃ多いので労働時間自体は多い こんな私でもすぐに結果が出ちゃった→ビリギャル（超進学校で舐めプしてただけのエリート）みたいなパティーンならそうかも マージで駄目だな。 人生完全に無駄にしたわ。 つうか結局プログラムって覚えても日常であんま使えんのよな。 検索力高めて海外のフリーソフト落としてきた方がよっぽど便利よ
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを 2024 7/23 Webサイトにてリンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。 しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。そのような無思考な運用になっていれば見直した方が良いでしょう。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。 主要ブラウザーでnoopenerは対応済み、noreferrerは特定用途で利用を 2024年現在、主要ブラウザーはa要素へのtarget="_blank"の指定でrel=
AI時代は「質問力」が最大の武器になる→マジの研究者の人が本気で、だけど完全な初心者にもわかるようにプロンプトを解説した本「AI時代の質問力」に興味津々
usutaku@AI情報解説 @usutaku_com 臼井拓水 | ChatGPTやCopilot等のAI活用事例を発信する人 | Michikusa㍿ 代表 | ex @amazonjp @pkshacapital | ICU卒 🏉| 🗣️🇯🇵🇺🇸🇪🇸 | NewsPicksプロピッカー | インスタ15万 | AIの個社別社内研修のご依頼などDMへ lit.link/usutaku usutaku@AI情報解説 @usutaku_com タイトルで損しすぎな本見つけた。 「はいはい、またプロンプト(笑)本ね」 と思いながら手に取ったら 「マジの研究者の人が本気で、だけど完全な初心者にもわかるようにプロンプトを解説」 している良書だった。 ChatGPT触ったことあって、本格的にプロンプト勉強したい！という人には最高の一冊だと思う。 ・質問精緻化 ・認識検証 ・反転イン
macOS のファイルを断捨離して 60 GB 空ける
日々生活するにつれゴミが溜まるのは日常も PC も大差ないのですが，特に macOS は不要なキャッシュファイルが溜まりやすいと感じます．ディスク容量が逼迫し続け 10 GB を切り，いよいよ Photoshop も開けなくなってきたので，不要なファイルを 60 GB 分削除しました．以下メモです． 便利コマンド # ルートから 5 個下の階層までに存在する，100 MB 以上のファイルを検索 sudo du -x -m -d 5 / | awk '$1 >= 100{print}' # 現在のディレクトリ以下に存在する，50 MB 以上のファイルを検索 du -x -m | awk '$1 >= 50{print}' # ディレクトリを削除する rm -rf
CSS Background Patterns by MagicPattern
CSS Background Patterns is fun little free tool that lets you create cool CSS patterns for your website background. We've curated and parameterized this collection of pure CSS patterns to help you generate & customize the most cool CSS seamless patterns around the web. The collection is being updated regurarly! Patterns are everywhere! From your website to your favorite book cover. There're severa
これはかなりいい！ Helveticaに似たオープンソースの無料フォント -Overused Grotesk（異世界のHelvetica）
さまざまなデザインに広く使用されているHelveticaのもっとも際だった特徴を模倣した、異世界のHelveticaを目指してデザインされたオープンソースの無料フォント「Overused Grotesk」を紹介します。 8種類のウェイトに可変フォントも揃っており、Webフォントとしても利用できます。最終的にはキリル文字など多言語にも対応する予定です。 上: Overused Grotesk、下: Helvetica Overused Groteskは異世界のHelveticaとして、Helveticaのもっとも際だった特徴を模倣してデザインされたフォントです。ライセンスはSIL Open Font License 1.1で、個人でも商用プロジェクトでも無料で利用できます。
Windowsのあちこちに表示されるMicrosoftの広告を非表示にする方法まとめ
Windows 11を使っていると、スタートメニューやエクスプローラー、ロック画面などいたるところにMicrosoftの広告や推奨事項が表示されます。PCで使うアプリやサービスを自分で決めたい人にとっては全くもって不要な広告ばかりなので、非表示にする方法をまとめてみました。 How to Disable Microsoft's Ads and Recommendations in Windows 11 https://www.howtogeek.com/how-to-disable-microsofts-ads-and-recommendations-in-windows-11/ ・目次 ◆1：スタートメニューからアプリの広告を削除 ◆2：エクスプローラーからOneDriveの広告を削除 ◆3：ロック画面からMicrosoft製品の広告を削除 ◆4：Microsoftへのデータ送信を無効化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【特集】 遠く離れた実家でPCトラブル発生！そんなときは「クイック アシスト」を使って救え
顔まわりがキュッとしてくる「舌トレ」を続けてみてどうなったか？→舌の位置は正面はもちろん、横からの変化がすごかったよ「やってみたい」「顎ラインがすっきりする」
