キンコミ kintone user community

みんなの投稿

2021/03/01 17:26

「テーブルのフィールド名を非表示にする方法を教えてください」

初めまして、上記の件で困っております。キンコミの利用もキントーンも始めたばかりでこのような質問をこの場でさせていただいて良いのかもわからずです。

もし質問する場所を間違っているようでしたら、どちらへ質問すればよいか教えていただけますと幸いです。

よろしくお願いいたします。

3件のコメント (新着順)
kobochan
2021/03/03 10:53

daiさん

ちょっと、JavaScriptカスタマイズで対応できるかやってみましたところ、添付画像のような感じにできました。

やったこととしては、
・フィールドのラベルに定義されているクラスに対して、非表示にさせる。
・フィールドの値に定義されているクラスに対して、背景を白、余白を0にしてさらにスッキリさせる。

コードは結構シンプルでいけますが、kintoneのバージョンアップなどによって、メンテナンスが必要になる可能性があるので、背景までさかのぼった結果、西村さんのアイデアのように標準機能で対応できるのであれば、僕もそちらを採用するかなと思います(^^)

※コードも一緒に添付しておきます。時間あるときにでもカスマイズの解説をブログにでも書いてみようかと思っています。


kobochanさん

さすがですね!私も早速やってみました。
CSSカスタマイズではなく、JavaScriptカスタマイズからCSSの変更を実現されてるのですね。なるほど。

kobochanさんやhtnkさんのおっしゃる通り、特にCSSカスタマイズはバージョンアップ時の対応が心配ですね。

ただ、リスク覚悟で実装しなければならない場合もあるかもしれませんし、長期的な保守運用が優先されるなら実装を見合わせたらよいかと。
そこも「100社100通り」または「100アプリ100通り」の考え方でよいかと思います。

もちろん、まずは「標準機能でできないか?」次に「プラグインでできないか?」を一度考えてみて、その後カスタマイズを検討する習慣が大切ですね。

そして、カスタマイズについては「できる・できない」と「やる・やらない」をちゃんと分けて考えればよいか思います。

「できる・できない」という意味では「できる」ほうがよいですし、「やる・やらない」の判断はユーザー次第。

そこを選択する自由があるところがkintoneの魅力でもあると思っています。^^

kobochanさん、解説ブログ楽しみにしています!

dai
2021/03/04 09:14

Kobochanさま

凄いですね!色々と試していただきありがとうございます!見た目は一番イメージに近いのでチャレンジしてみたい!と思ったのですが、仮に出来たとして、バージョンアップによってメンテナンスが必要になる可能性があるとの事で残念ですが断念しました。

ブログへのアップの件できた時にはチェックしてみたいです!どこで見られるのか良ければ教えてください!

kobochan
2021/03/04 21:49

西村さん
daiさん

ありがとうございます!!
ブログアップしたらまた、キンコミに投稿しますね!!

※これまで書いた記事は以下URLからご覧いただけます。
https://hazime-style.com/?cat=3

kobochan
2021/03/03 08:28

daiさん
西村さん
htnkさん

僕も標準の画面変えたいなと思ってトライしたこと何度かありますが、たしかにCSSでのカスタマイズってけっこう大変なんですよね^^;

西村さんのアイデアやってみました!
今感動してます!!発想が柔軟で素敵です!!
これがkintoneの醍醐味ですね!!

daiさん

>「テーブルのフィールド名を非表示にする方法を教えてください」

ためしてみましたが本当ですね。テーブル内のフィールド設定には、確かに「フィールド名を表示しない」のチェックボックスがありませんね。全角スペースなどで消す方法もエラーになりました。

目立たなくするだけでよいのであれば「.」(ピリオド)を利用する方法などが思いつきますがいかがですか?^^;
実際やってみたので、サンプルアプリ画像を添付します。上段が個々のフィールド設定で「フィールド名を表示しない」にしたもの。下段がテーブル内のフィールド名を「.」(ピリオド)にしたものです。

機能的な「できる/できない」のお話ですと、サイボウズさんのサポートをご活用いただいたほうがより適切な回答をいただけるかと思います。
https://kintone.cybozu.co.jp/support/tel.html

しかしながら、「テーブルのフィールド名を非表示にする」という要件が必要になった背景を教えていただくと、キンコミでみんなとディスカッションできます。
「答えのない答え」を色々考えるのにキンコミは向いています。

もしよろしければ、今回のご質問に至った経緯など教えていただければうれしいです。
もしかしたら、「あっ!」という解決策が出てくるかもしれません。^^


dai
2021/03/02 10:09

西村 志郎様

ご丁寧な回答をいただきありがとうございます、ピリオドなどを利用し目立たなくする方法も良いですね!

しかし出来れば完全に表示しないようにしたいと思っています、Googleで検索したところCSSの適用で非表示に出来るとあったのですが細かい方法が分からずこちらで質問させていただきました。
参考URLを添付いたします
https://developer.cybozu.io/hc/ja/community/posts/900001058586-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E5%90%8D%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA
出来ればこの方法で解決したいなと思います

「テーブルのフィールド名を非表示にする」と言う要件が必要になった背景ですが

・ 電話番号登録で複数の番号がある場合にテーブルを追加して増やしていきたい
・ ドロップダウンでテーブルの左側へ「電話番号」「FAX番号」「住職携帯」「副住職携帯」などを選択できるようにして右側へ「リンク」で電話番号を登録したいのです
・ テーブルを使用せずにあらかじめ項目を入れておくと不要な行が増えてスマホで見づらいので出来るだけシンプルにしたいと考えております

参考画像をスマホ版で添付させていただきます

写真の「項目」と「番号」の部分は無くても問題ないので特にスマホの場合縦スクロールが長くなり余計な情報も増えるので削除したいです

ほかに全く別の解決方法がもしあればご教示いただけますと幸いです。

サイボウズさんのサポートの件もありがとうございます!知らなかったので活用したいと思います!

ありがとうございます!

htnk
2021/03/02 16:30

dai さん、こんにちは!
キンコミ運営事務局のhtnkです。

書き込みをありがとうございます。電話番号登録でのご利用を検討されているという事ですね。
業種を問わず、似たようなユースケースがありそうですね。
キンコミをご利用の皆様、「うちはこうやって運用してるよ」というノウハウが
ありましたら、ぜひシェアしていただけると大変嬉しいです!

css を使ったカスタマイズに関しては、サイボウズのサポート範囲の対象外となり、
サポートチームやキンコミではお答えするのが難しいのですが、
実際に css を kintone に適用して運用されているユーザー様のブログなど、
検索するとたくさん見つかるかと思います。
サポート対象外とはなってしまいますので、あくまでも自己責任で、という範囲ですが
それらの記事などを参考にされるのも良いかと思います。
ご検討いただければ幸いです!

とはいえ、西村さんにもコメントいただいたようにせっかくキンコミに書いていただいたので、
「答えのない答え」を皆さんで考えてみるのはいかがでしょう。
キンコミユーザーさんの運用アイデアの書き込み、お待ちしております。

daiさん

なるほど。「特にスマホでの閲覧の際、複数の明細時に縦スクロールが長くなるのでなんとかしたい。」ということですね。確かにkintoneは、表示が縦に長くなりがち。

daiさんのご紹介されたdeveloper networkリンクにある方法を試してみたところ、フィールド名を消すことはできても、残念ながらタイトル部分そのものを消すことはできないようでした(添付上段参照)。

またスマホはスマホ用のCSSファイルを設定しないといけないので掲載のdeveloper networkリンクとは別の調査が必要だと思います。多分。^^;

ただ、今回は、CSSカスタマイズをすることが目的ではなく「スマホでシンプルに電話番号を確認する」ことが目的だと思いましたので、kintoneの標準機能のみでなんとかならないか考えてみました(添付下段参照)。

グループフィールド
フィールド名:電話番号

上記内に

リンクフィールド
フィールド名を表示しない
入力値の種類:◎電話番号

あとは上記を必要分コピペして、フィールド名を変更して完成。

これだとスマホの一画面にアプリが収まりますし、一応daiさんの要件は満たしているのではないかと思います。いかがでしょうか。^^

dai
2021/03/04 08:54

西村 志郎 様

リンクの方法を試してくださってありがとうございます、参考画像も分かりやすく自分では試すことが出来なかったことがよくわかり納得できました!嬉しいです!

また、新たにご提案いただいたグループを使った方法は私でも簡単にできましたし、何より希望を充分に満たす結果となりました、本当にありがとうございます

西村様のお陰で、問題が解決できただけでなく「キンコミ」の有効な利用法や質問の仕方なども学ぶことが出来ました!

今後ともよろしくお願いいたします、ありがとうございました!

dai
2021/03/04 09:03

Htnk さま、こんにちは、お世話になっております。

ご返信いただきありがとうございます!今回の悩みは西村様から素敵なアドバイスをいただき無事解決いたしました!

初心者ゆえグループの使用について全く知らなかったこともあり、ほかにも色々と応用が出来そうでしたのでとても満足しています

先輩方は知識が豊富でなにより温かく、素敵なコミュニティの運営に感謝いたします

私もいつかお役に立てる側になれるように成長できればと思います

今後ともお世話になります、よろしくお願いいたします!