01
Maintenance
メンテナンス
稼働状況に応じた定期点検・緊急対応を行い、機器のトラブルや計測不良を未然に防ぎます。異常値検知や改修時のコンサルティングも対応可能です。
図面展開作業
お客様からの設計図をCAD/CAMソフトで展開し、
精密な製品製造を実現します。
▼アコーディオン
・クリックできる範囲を広げるため、余白（padding）の設定箇所を変更すると、より操作性が向上します。
・デフォルトでは「Accordion Item」に余白が設定されていますが、
「Accordion Toggle」にパディングを設定する形に変更することで、白背景全体がクリック領域となり、より直感的に開閉できるようになります。
・開いたときのコンテンツを余白は、「Accordion Content」内のコンテナに設定しています。
Accordion content
Accordion content
Accordion content
Accordion content
▼クエリループ
・↓の線については、画面サイズが変わっても中のコンテンツの幅に変化がない（常に1200px）ため、calc(100% – 250px)は使用せず、950px（1200px – 250px）の固定値指定でも大丈夫です！
※calc() は、コンテンツ幅が可変する場合や、画面サイズに応じて動的に計算したい場合に使用すると効果的です。
また、固定値を指定せず、「flex-grow: 1; flex-basis: 0;」でも余ったスペースを埋めてくれます！
NEWS
一覧へ
flex-grow: 1; は、余っているスペースを広げる指定です。
flex-basis: 0; は、中身のサイズを基準にせず、初期サイズを0として計算する指定です。
この2つをセットで使用することで、
① 0pxスタートで計算
② 余ったスペースを flex-grow の割合で分配
という動きになり、中身の文字量などに影響されず、均等に幅を広げることができます。
「残り幅を自動で埋める」「均等幅にする」といったレイアウトでよく使用されます。
▼ flex-basis: 0;を指定しなかった場合、flex-basis の初期値は auto のため、中身のサイズを基準に幅が計算されます。そのため、文字量やコンテンツ量が多い要素は幅が広くなり、少ない要素は狭くなる場合があります。
1
flex-basis: auto;flex-basis: auto;flex-basis: auto;flex-basis: auto;flex-basis: auto;flex-basis: auto;
▼flex-basis: 0;を指定した場合
1
flex-basis: 0;flex-basis: 0;flex-basis: 0;flex-basis: 0;flex-basis: 0;flex-basis: 0;flex-basis: 0;flex-basis: 0;
「あったらいいな」の発想を通し、
最適なフィルム製品をご提案します
ビニカは、事務用品や日用雑貨などを彩るPO(ポリオレフィンフィルム)・PVCプラスチックフィルム製品加工会社です。
お客様のニーズの応える高品質な製品の設計から製造までを一貫生産。
製造工程では環境へ優しいモノづくりにも尽力しています。
