あったらいいな💭企画

記載内容は全て実現可能です。投資・ご発注・ご相談等ぜひお問い合わせください　👉　お問い合わせへ

弊社の実績や対応技術等は　👉　トップページへ

毎回書く必要のあるCSSをJSで自動適用してくれるライブラリ

Web開発の中には、実質的にほぼ毎回書く必要がある手間のかかるデザインパーツがたくさん存在します。

代表的なものはラジオボタンやセレクトボックスなどのフォームパーツです。

デザイナーさんのデザインがHTMLそのままということはまずありえません。そのためエンジニアさんは毎回

  • パーツを適切に囲むような別のタグをいくつも作り
  • それぞれに適切にクラスを設定し
  • 元あったパーツは一部非表示に
  • 新しくCSS上でパーツを描きあげ
  • 表示されたままのパーツは位置関係が壊れないように動かし
  • マウスオーバーやタッチ動作などの時には見た目を変え
  • 選択肢を変更したときはモーションをいれ
  • できるだけ多くの機種やブラウザーで正しく動くようにし
  • 以上を手作業で微調整していく

といった作業を繰り返すことになります。

Tailwind CSSなどのCSSライブラリーであればいい感じにしてくれるんじゃないの？て思いますよね？

確かにそういうものもあるんですが、実際にはCSSプラットフォームのほとんどはHTMLそのままよりもさらにシンプルなデザインにしてあることの方が多いのです。各社さんが自社で作り込むことを想定しているからです。

しかし思ったより実装に苦労して人件費が結構かかるという場面も少なくないため「まずはこれを適用しておいて後で差し替えよう」などの選択肢が欲しいところです。

そこで、CDNでJavaScriptを読み込むとフォームパーツをいい感じにデザインしてくれるJSライブラリーはいかがでしょうか？

実装イメージ

  • 作るものを決める
  • 基本のデザインを決める
  • CSSで基本のデザインを実装する
  • 一通りの環境で問題なく動く状態までデバッグする
  • CSSを適用するJavaScriptを書く（Vanilla用、jQuery用、React用、Vue用など）
  • 再度、一通りの環境で問題なく動く状態までデバッグする
  • クエリに入れるなどによって呼び出し時に渡せるパラメーターを作り込む（色、大きさ、形などを切り替えられるなど
  • CDNに配置（プラットフォームにアップロード、クラウドフレアなどで自前分散配置するなど）
ブログに戻る

あったらいいな💭企画〜他のアイデア

すべてを表示する

  • A4サイズ（13インチ）の巨大タブレットを使った、紙のメニューをそのまま使った注文システム

    昨今増えるタブレットメニュー。 店舗運営の立場で考えると、更新が楽で計算も正確、お客様にも総額を明瞭にご提示できていいことがたくさんありますよね。 ただ、特に高齢のお客様にとってはなかなか慣れないものであるのも確か。 そこでA4サイズ（13インチ）の巨大タブレットを使った、紙のメニューをそのまま使った注文システムをご提案いたします。 大きなタブレットであれば、紙メニュー用に作ったPDFをそのまま表示しても十分読めますよね。 具体的な内容 紙のメニュー用に作成したPDFの上に重ねる形で注文ボタンを配置する（ここは専用のシステムが必要） メニューの後に、注文履歴、おしぼりやお水の依頼、広告スペースなどを設ける 管理画面でボタンとメニューを紐づけ お席に置いた13インチタブレットで表示 タブレットケースを楽しくしてもいいかも！

    A4サイズ（13インチ）の巨大タブレットを使った、紙のメニューをそのまま使った注文システム

    昨今増えるタブレットメニュー。 店舗運営の立場で考えると、更新が楽で計算も正確、お客様にも総額を明瞭にご提示できていいことがたくさんありますよね。 ただ、特に高齢のお客様にとってはなかなか慣れないものであるのも確か。 そこでA4サイズ（13インチ）の巨大タブレットを使った、紙のメニューをそのまま使った注文システムをご提案いたします。 大きなタブレットであれば、紙メニュー用に作ったPDFをそのまま表示しても十分読めますよね。 具体的な内容 紙のメニュー用に作成したPDFの上に重ねる形で注文ボタンを配置する（ここは専用のシステムが必要） メニューの後に、注文履歴、おしぼりやお水の依頼、広告スペースなどを設ける 管理画面でボタンとメニューを紐づけ お席に置いた13インチタブレットで表示 タブレットケースを楽しくしてもいいかも！

  • 毎回書く必要のあるCSSをJSで自動適用してくれるライブラリ

    Web開発の中には、実質的にほぼ毎回書く必要がある手間のかかるデザインパーツがたくさん存在します。 代表的なものはラジオボタンやセレクトボックスなどのフォームパーツです。 デザイナーさんのデザインがHTMLそのままということはまずありえません。そのためエンジニアさんは毎回 パーツを適切に囲むような別のタグをいくつも作り それぞれに適切にクラスを設定し 元あったパーツは一部非表示に 新しくCSS上でパーツを描きあげ 表示されたままのパーツは位置関係が壊れないように動かし マウスオーバーやタッチ動作などの時には見た目を変え 選択肢を変更したときはモーションをいれ できるだけ多くの機種やブラウザーで正しく動くようにし 以上を手作業で微調整していく といった作業を繰り返すことになります。 Tailwind CSSなどのCSSライブラリーであればいい感じにしてくれるんじゃないの？て思いますよね？ 確かにそういうものもあるんですが、実際にはCSSプラットフォームのほとんどはHTMLそのままよりもさらにシンプルなデザインにしてあることの方が多いのです。各社さんが自社で作り込むことを想定しているからです。 しかし思ったより実装に苦労して人件費が結構かかるという場面も少なくないため「まずはこれを適用しておいて後で差し替えよう」などの選択肢が欲しいところです。 そこで、CDNでJavaScriptを読み込むとフォームパーツをいい感じにデザインしてくれるJSライブラリーはいかがでしょうか？ 実装イメージ 作るものを決める 基本のデザインを決める CSSで基本のデザインを実装する 一通りの環境で問題なく動く状態までデバッグする CSSを適用するJavaScriptを書く（Vanilla用、jQuery用、React用、Vue用など） 再度、一通りの環境で問題なく動く状態までデバッグする クエリに入れるなどによって呼び出し時に渡せるパラメーターを作り込む（色、大きさ、形などを切り替えられるなど CDNに配置（プラットフォームにアップロード、クラウドフレアなどで自前分散配置するなど）

    毎回書く必要のあるCSSをJSで自動適用してくれるライブラリ

    Web開発の中には、実質的にほぼ毎回書く必要がある手間のかかるデザインパーツがたくさん存在します。 代表的なものはラジオボタンやセレクトボックスなどのフォームパーツです。 デザイナーさんのデザインがHTMLそのままということはまずありえません。そのためエンジニアさんは毎回 パーツを適切に囲むような別のタグをいくつも作り それぞれに適切にクラスを設定し 元あったパーツは一部非表示に 新しくCSS上でパーツを描きあげ 表示されたままのパーツは位置関係が壊れないように動かし マウスオーバーやタッチ動作などの時には見た目を変え 選択肢を変更したときはモーションをいれ できるだけ多くの機種やブラウザーで正しく動くようにし 以上を手作業で微調整していく といった作業を繰り返すことになります。 Tailwind CSSなどのCSSライブラリーであればいい感じにしてくれるんじゃないの？て思いますよね？ 確かにそういうものもあるんですが、実際にはCSSプラットフォームのほとんどはHTMLそのままよりもさらにシンプルなデザインにしてあることの方が多いのです。各社さんが自社で作り込むことを想定しているからです。 しかし思ったより実装に苦労して人件費が結構かかるという場面も少なくないため「まずはこれを適用しておいて後で差し替えよう」などの選択肢が欲しいところです。 そこで、CDNでJavaScriptを読み込むとフォームパーツをいい感じにデザインしてくれるJSライブラリーはいかがでしょうか？ 実装イメージ 作るものを決める 基本のデザインを決める CSSで基本のデザインを実装する 一通りの環境で問題なく動く状態までデバッグする CSSを適用するJavaScriptを書く（Vanilla用、jQuery用、React用、Vue用など） 再度、一通りの環境で問題なく動く状態までデバッグする クエリに入れるなどによって呼び出し時に渡せるパラメーターを作り込む（色、大きさ、形などを切り替えられるなど CDNに配置（プラットフォームにアップロード、クラウドフレアなどで自前分散配置するなど）

  • 21時から9時までの12時間は値段が2倍になる巨大雑貨屋さん

    コロナ禍以後、ほとんどの業界で24時間営業が縮小されました。 けれど「明日までにどうしてもこれが必要！！！」ということはまだまだありますよね。 そういうとき、ドンキホーテなどが近所にある大都会以外ではなかなか困ってしまうもの。 しかしご存じのとおり、深夜営業では 法的に人件費が上がる お客様自体が少ないので電気代などが重くのしかかる という壁があります。 そこで思い切って最初から深夜になると値段が上がると言い切っている小売店があってもいいのではないかと思いました。 飲食店などは深夜にサービス料が発生することもありますし、小売店でも導入することで逆に昼間の販売価格を下げることも可能なのではないでしょうか？

    21時から9時までの12時間は値段が2倍になる巨大雑貨屋さん

    コロナ禍以後、ほとんどの業界で24時間営業が縮小されました。 けれど「明日までにどうしてもこれが必要！！！」ということはまだまだありますよね。 そういうとき、ドンキホーテなどが近所にある大都会以外ではなかなか困ってしまうもの。 しかしご存じのとおり、深夜営業では 法的に人件費が上がる お客様自体が少ないので電気代などが重くのしかかる という壁があります。 そこで思い切って最初から深夜になると値段が上がると言い切っている小売店があってもいいのではないかと思いました。 飲食店などは深夜にサービス料が発生することもありますし、小売店でも導入することで逆に昼間の販売価格を下げることも可能なのではないでしょうか？

  • コーヒーなどの飲み物・ドリンクに入れて味をクリアにする活性炭

    活性炭をご存知でしょうか？ その名の通り炭なのですが、表面に開いた凄まじい量の小さな小さな穴によって近くの汚れや匂いなどの目に見えない物質をとんもでない量吸い込む性質を持ちます。 空気清浄機のフィルターにうっすらみえている黒い層が活性炭です。   ところで、雑貨屋さんなどでめちゃくちゃおしゃれな有田焼のコーヒーフィルターをご覧になったことはないでしょうか？ [Googleリンク]有田焼のコーヒーフィルター こういった商品で謳われている「まろやかで雑味がない」というのが、まさに活性炭と同じ作用です。 こういうフィルターは本当におしゃれでQOLを上げてくれるのですが、すぐに詰まってしまい、そのたびにメンテナンスをする必要があります。   そこでコーヒーなどの飲み物・ドリンクに入れて味をクリアにする使い捨て可能な活性炭があるといいのではないかと思いました。   おまけ ちなみに活性炭はメーカーによって性能が驚くほど違います😲袋を開けた瞬間にわかるレベルで違います。 食品用ではありませんが、ご参考までに安くて誰でも簡単に手に入るおすすめ商品をお教えしますね👌 私の経験では、水澄まし商店（ケミカルテクノス）さんが最安最高性能でリピートしています。 [Amazonリンク] 国産良品 ヤシガラ活性炭 （粒状、大粒、5.0kg）品質試験成績表付属  袋に入れてゴミ箱に入れておいたり空気清浄機に詰めると最高ですよ。

    コーヒーなどの飲み物・ドリンクに入れて味をクリアにする活性炭

    活性炭をご存知でしょうか？ その名の通り炭なのですが、表面に開いた凄まじい量の小さな小さな穴によって近くの汚れや匂いなどの目に見えない物質をとんもでない量吸い込む性質を持ちます。 空気清浄機のフィルターにうっすらみえている黒い層が活性炭です。   ところで、雑貨屋さんなどでめちゃくちゃおしゃれな有田焼のコーヒーフィルターをご覧になったことはないでしょうか？ [Googleリンク]有田焼のコーヒーフィルター こういった商品で謳われている「まろやかで雑味がない」というのが、まさに活性炭と同じ作用です。 こういうフィルターは本当におしゃれでQOLを上げてくれるのですが、すぐに詰まってしまい、そのたびにメンテナンスをする必要があります。   そこでコーヒーなどの飲み物・ドリンクに入れて味をクリアにする使い捨て可能な活性炭があるといいのではないかと思いました。   おまけ ちなみに活性炭はメーカーによって性能が驚くほど違います😲袋を開けた瞬間にわかるレベルで違います。 食品用ではありませんが、ご参考までに安くて誰でも簡単に手に入るおすすめ商品をお教えしますね👌 私の経験では、水澄まし商店（ケミカルテクノス）さんが最安最高性能でリピートしています。 [Amazonリンク] 国産良品 ヤシガラ活性炭 （粒状、大粒、5.0kg）品質試験成績表付属  袋に入れてゴミ箱に入れておいたり空気清浄機に詰めると最高ですよ。

1 4
すべてを表示する
　

話してみたくなったら、ぜひお問合せを🙋