如果能实现就太棒了💭企划

此企划内容由人工构思，因此，我们同样可以根据贵公司的需求，在商议后为您提供量身定制的方案。并且，所有方案均可实现。欢迎咨询投资、订单、合作事宜。👉联系我们

要了解我们的业绩和技术等信息，请访问👉主页

一个可以通过 JS 自动应用每次都需要的 CSS 的库

公開日：

在Web开发中，有许多繁琐的设计部件，几乎每次都需要重新编写。

典型的例子是单选按钮和选择框等表单部件。

设计师的设计几乎不可能与HTML完全一致。因此，工程师每次都需要：

  • 创建多个其他标签以适当地包裹部件
  • 为每个标签设置适当的类
  • 部分隐藏原有部件
  • 在CSS中重新绘制部件
  • 移动显示的部件以保持位置关系不被破坏
  • 在鼠标悬停或触摸操作时改变外观
  • 在选项改变时加入动画
  • 确保在尽可能多的设备和浏览器上正常运行
  • 手动微调以上所有内容

你可能会认为像Tailwind CSS这样的CSS库可以很好地解决这个问题，对吗？

确实有一些这样的库，但实际上，大多数CSS平台的设计都比原始HTML更加简洁。这是因为它们假设各个公司会根据自己的需求进行定制。

然而，不少情况下实现起来比预期困难，人力成本相当高，因此我们希望有这样的选择：“先应用这个，以后再替换。”

那么，一个通过CDN加载JavaScript就能美化表单部件的JS库怎么样？

实现构想

  • 确定要制作的内容
  • 确定基本设计
  • 用CSS实现基本设计
  • 调试直到在各种环境中都能正常运行
  • 编写应用CSS的JavaScript（针对Vanilla、jQuery、React、Vue等）
  • 再次调试直到在各种环境中都能正常运行
  • 制作可以在调用时通过查询参数传递的参数（如颜色、大小、形状等可切换）
  • 部署到CDN（上传到平台，或通过Cloudflare等自行分布式部署）
返回博客

“要是有就好了”企划～更多想法

查看全部

  • 404発生時にURLを自動送信する仕組み

    こんにちは！ サイトを運営していると、404エラーに出くわすことがあります。 そんなとき、該当URLを自動で送信できる仕組みがあると、原因を追いやすくなりますよね。 メリット バグを早期発見できる。 SEOへの悪影響を最小限に抑えられる ハッキング（クラッキング）などで不正に書き換えられた時にすぐに気づける 間違えて削除した場合などにすぐに気づける 実現イメージ 自社のサイトマップを登録する 連絡先を登録する（メール、Slack、LINE、DMなど、送信先を選べるとベスト） 送信頻度を決める（即時、1週間まとめて月曜日の朝に、など） 自動で定期的に確認し、リンク切れの場合は「前回との差分」を添えてレポート

    404発生時にURLを自動送信する仕組み

    こんにちは！ サイトを運営していると、404エラーに出くわすことがあります。 そんなとき、該当URLを自動で送信できる仕組みがあると、原因を追いやすくなりますよね。 メリット バグを早期発見できる。 SEOへの悪影響を最小限に抑えられる ハッキング（クラッキング）などで不正に書き換えられた時にすぐに気づける 間違えて削除した場合などにすぐに気づける 実現イメージ 自社のサイトマップを登録する 連絡先を登録する（メール、Slack、LINE、DMなど、送信先を選べるとベスト） 送信頻度を決める（即時、1週間まとめて月曜日の朝に、など） 自動で定期的に確認し、リンク切れの場合は「前回との差分」を添えてレポート

  • 郵便の差出人欄に貼り付けるための、身分証（運転免許・マイナンバーカードなど）の住所欄を読み取っ...

    こんにちは！ 郵便物を出すたびに差出人の住所を書くのは、意外と手間がかかるものです。 お名前シールを印刷するためのツールは今でもたくさんあるんですが「それをセットアップする手間」自体がバカにならないので、結局あんまり使わないですよね… せっかく運転免許証やマイナンバーカードに住所が印刷してあるわけですから、それをそのまま使えれば、かなり楽になります。 実現するためのアプリ・Webのイメージ 身分証の住所欄をカメラで読み取り、AIが文字を認識して文章に変換 縦長の一行や二行、横長など、封筒の種類に応じて色々な形にしたものをずらっと表示 必要な部分だけPDFや画像でダウンロード そのまま印刷 引っ越し直後の手続きや、まとめて郵送する場面でも役立ちます。 手書きには手書きのよさがありますが、急いでいるときは、整った差出人ラベルのほうが安心できるものです。 小さな工夫でも、郵送の負担が少し軽くなるだけで気持ちはずいぶん変わります。

    郵便の差出人欄に貼り付けるための、身分証（運転免許・マイナンバーカードなど）の住所欄を読み取っ...

    こんにちは！ 郵便物を出すたびに差出人の住所を書くのは、意外と手間がかかるものです。 お名前シールを印刷するためのツールは今でもたくさんあるんですが「それをセットアップする手間」自体がバカにならないので、結局あんまり使わないですよね… せっかく運転免許証やマイナンバーカードに住所が印刷してあるわけですから、それをそのまま使えれば、かなり楽になります。 実現するためのアプリ・Webのイメージ 身分証の住所欄をカメラで読み取り、AIが文字を認識して文章に変換 縦長の一行や二行、横長など、封筒の種類に応じて色々な形にしたものをずらっと表示 必要な部分だけPDFや画像でダウンロード そのまま印刷 引っ越し直後の手続きや、まとめて郵送する場面でも役立ちます。 手書きには手書きのよさがありますが、急いでいるときは、整った差出人ラベルのほうが安心できるものです。 小さな工夫でも、郵送の負担が少し軽くなるだけで気持ちはずいぶん変わります。

  • 信頼できるまでは身バレしたくない人のために、極力直接顔を見ないで進める専門士業（弁護士・税理士など）

    こんにちは！😀 信頼できる相手だと分かるまでは、顔を出さずに相談したい。そう考える人は少なくありません。 弁護士や税理士のような専門士業でも、最初の一歩は重く感じるものです。 そこで、最初はプライバシーを守る形で相談しやすい士業があると便利だと思いました。 顔を見せずに相談しやすいサービスを用意するイメージ まずは匿名で文字で相談（有料の場合は、先払い） 次に、音声のみで相談 契約も可能ならクラウド契約で 業務遂行上や法的な理由などどうしても必要な時のみ、顔出しをしたり、LINE等の個人の連絡先に繋ぐ さらに、事情に近い専門家は話を進めやすいはず たとえば 水商売や風俗業に理解のある税理士 外国人対応に慣れた税理士 一人法人に強い税理士 障害分野に詳しい弁護士 などのように、当事者に近い感覚を持つ人がいると、安心して話しやすくなることもあるでしょう。 専門分野が細かく分かれているほど、自分の事情を一から説明する手間やリスクも減るはずです。

    信頼できるまでは身バレしたくない人のために、極力直接顔を見ないで進める専門士業（弁護士・税理士など）

    こんにちは！😀 信頼できる相手だと分かるまでは、顔を出さずに相談したい。そう考える人は少なくありません。 弁護士や税理士のような専門士業でも、最初の一歩は重く感じるものです。 そこで、最初はプライバシーを守る形で相談しやすい士業があると便利だと思いました。 顔を見せずに相談しやすいサービスを用意するイメージ まずは匿名で文字で相談（有料の場合は、先払い） 次に、音声のみで相談 契約も可能ならクラウド契約で 業務遂行上や法的な理由などどうしても必要な時のみ、顔出しをしたり、LINE等の個人の連絡先に繋ぐ さらに、事情に近い専門家は話を進めやすいはず たとえば 水商売や風俗業に理解のある税理士 外国人対応に慣れた税理士 一人法人に強い税理士 障害分野に詳しい弁護士 などのように、当事者に近い感覚を持つ人がいると、安心して話しやすくなることもあるでしょう。 専門分野が細かく分かれているほど、自分の事情を一から説明する手間やリスクも減るはずです。

  • CSV・カンマ区切り・複数行などで複数商品を一括検索できるEC（ネット商店）

    こんにちは！ ECで商品を探すと、条件を入れて結果を確認し、必要に応じて条件を変える…この繰り返しだけで、思った以上に時間がかかりますよね。 とくに法人向けの購入では、似た条件の商品を何件も見比べる場面が多く、ひとつずつ探す作業が負担になりがちです。 CSV カンマ区切り 複数行 などで条件をまとめて入力し、一度に複数の商品を検索できるECが欲しいと思いました。 候補を一覧で見られれば比較もしやすく、目的の商品にもたどり着きやすくなります。 探す時間を抑え、必要な情報に集中できると、結果的に買うものもかなり増えると思うんですよね。

    CSV・カンマ区切り・複数行などで複数商品を一括検索できるEC（ネット商店）

    こんにちは！ ECで商品を探すと、条件を入れて結果を確認し、必要に応じて条件を変える…この繰り返しだけで、思った以上に時間がかかりますよね。 とくに法人向けの購入では、似た条件の商品を何件も見比べる場面が多く、ひとつずつ探す作業が負担になりがちです。 CSV カンマ区切り 複数行 などで条件をまとめて入力し、一度に複数の商品を検索できるECが欲しいと思いました。 候補を一覧で見られれば比較もしやすく、目的の商品にもたどり着きやすくなります。 探す時間を抑え、必要な情報に集中できると、結果的に買うものもかなり増えると思うんですよね。

1 4
查看全部
　

如果您想了解更多信息，请随时与我们联系🙋