プログラミング・開発

ランキングをGoogleで調べてサイトを見に行ったら5ページ位にわけられて順位表示してたんですよ あれ見ずらくて嫌いなんですけどなんでああしてるんですか？ 1ページにまとめてるサイトもちゃんとあるんで意図的だと思うんですけどなんでですか？ Googleの上位表示してるってことはアレがみんなに支持されてるってことですか？

Facebookとインスタを連携しようとしている中で 認証するために下記が必要になりました。 スマホだけの操作でできるのでしょうか ドメインのルートディレクトリにHTMLファイルをアップロード

画像の上中央に文字を重ねるのに <style>を使っていましたが Nu Html Checkerで エラー:このコンテキストでは、要素はstyle要素の子として許可されません。div(このサブツリーからのさらなるエラーを抑制します。) というメッセージが出てくるので CSSを使って表示したいのですがうまくいきません <style>を使っての表示は <style> .myimage{ position: relative; } .myimage img{ width: 100%; height: auto; } .myimage>div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; font-family: "HG丸ｺﾞｼｯｸM-PRO"; font-size: 38px; font-weight: bold; text-shadow: 0px 0px 1px #ff8c04, 0px 0px 4px #ff8c04, 0px 0px 8px #ff8c04, 0px 0px 12px #ff8c04, 0px 0px 16px #ff8c04; white-space: nowrap;/* 自動改行防止 */ } </style> <div class="myimage"> <img src="https://blog-imgs-166.fc2.com/m/a/a/maakochannel/entry-1.jpg" alt="サイトマップ"> <div>サイトマップ</div> </div> としていました。 自分なりに ■HTML■ <div class="myimage"> <img src="https://blog-imgs-166.fc2.com/m/a/a/maakochannel/entry-1.jpg" alt="サイトマップ"> <p>サイトマップ</p> </div> ■CSS■ .myimage{ position: relative; } .myimage img{ width: 100%; height: auto; } p{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; font-family: "HG丸ｺﾞｼｯｸM-PRO"; font-size: 38px; font-weight: bold; text-shadow: 0px 0px 1px #ff8c04, 0px 0px 4px #ff8c04, 0px 0px 8px #ff8c04, 0px 0px 12px #ff8c04, 0px 0px 16px #ff8c04; white-space: nowrap; } としてみましたがwidth: 100%; height: auto;も効かないし、文字も表示されません 改善点を教えていただけないでしょうか。

今、MinGWをインストールしているのですが、テラパッドもインストールしていますが、テラパッドを使わずに、代わりにメモ帳にC言語のプログラムを書いても良いのでしょうか？教えて頂けると幸いです。

Webページ更新時に一旦ローカルでブラウザの表示確認をして、その後サーバーにアップし、ネット上で再度確認という手順で作業を行っていますが、ページにSSL認証のサイトシールが挿入してあると、ローカルでの表示に30～40秒の遅延があって作業になりません。 サーバーはロリポップでSSL認証はグローバルサインの「企業認証SSL」で、サイトシールは指定された<script>タグをhtmlファイル内の配置したい場所に挿入する、というものですが、これがあるとローカルでの表示に遅延があり、なければ即表示されます。 グローバルサインに確認すると「購入先はロリポップだから購入先に説明責任がある」一方、ロリポップでは「グローバルサインの提供するサービスなので回答できない」と3～4回たらい回しに会いました。 結果、グローバルサインが解答。「サーバー内での問題ではないのでローカルでのことは使用者で対処してほしい」。無駄な抵抗でした。 結果、ローカルでの確認時はサイトシールを外し、サーバーアップ時は戻すというような不要な1クッションを強いられているわけですが、何か回避策がないものか、投稿させていただきました。 よろしくお願いします。

御世話になります。 PHPでPDFファイルをテキストとして読むプログラムを書いてみましたが、エラーメッセージが出て上手く行きません。 以下にプログラムのソースを添付しますが、５行目でのクラスのインスタンス化が問題で、Parser　というクラスが存在しないと言っています。 <?php //C:\xampp\htdocs\newBOM\readPDF-purchase-order.php include 'vendor/autoload.php'; // Initialize and load PDF Parser library $parser = new Smalot\PdfParser\Parser(); //"C:\xampp\htdocs\NewBOM\vendor\smalot\pdfparser\Parser.php" $host = "localhost"; $user = "root"; $pass = "rsi2018"; $database ="BOM"; //============== connect to MySQL ================ $connection = mysqli_connect($host, $user, $pass, $database) or die("cannot connect to database"); // Source PDF file to extract text $dir = "C:/Users/ShiroYasuda/OneDrive - Rockland Scientific Inc/Desktop/test/"; if (is_dir($dir)){ if ($dh = opendir($dir)){ while (($file = readdir($dh)) !== false){ if(strpos($file, ".pdf")>0){ $totalPath = $dir.$file; $pdf = $parser->parseFile($totalPath); // Extract text from PDF $textContent = $pdf->getText(); // this is not an array //echo $textContent."<BR>"; } } } } mysqli_close($connection); ?> Smalot\PdfParser\Parser();　の部分に関しては、このプログラムと同じレベルに　Smalotというフォルダーがあり、その中のサブフォルダー　dfParser　の中にparser.php というファイルがあって、その中でParser クラスが定義されています。 従って５行目についてクラスが見つからないというメッセージは理解できません。 どなたか詳しい方のご意見を頂けると有難く思いますので、どうかよろしくお願いいたします。

実現したいこと トップページのローディング画面について質問させてください。 現在、トップページにローディングを実装しています。 なお、ホームページ内のページ遷移からトップページ表示時は、ローディングを非表示にしています。 クライアント様から、検索画面→トップページ表示→検索画面に戻る→再度トップページ表示した際に、ローディングを表示したいとのご要望があり、試行錯誤しているところです。 ちなみに、’loading_bg’クラス・’body’タグは初めからdisplay:none;にしています。 ’loading_bg’は、ページ遷移の際に、トップページに行くとローディング画面がちらつくのが気になったためです。 ’body’タグは、ローディングが始まる前に一瞬読み込み前の画面が表示されるのが気になり、非表示にした方が気にならずに済んだからです。。。 /* ==================================== 　ローディング */ $(document).ready(function() { var time = new Date().getTime(); var h = $(window).height(); // セッションストレージから初回訪問のフラグを取得 var isFirstVisit = sessionStorage.getItem('isFirstVisit'); if (!isFirstVisit) { // 初回の訪問時にのみ実行 sessionStorage.setItem('isFirstVisit', 'true'); // セッションストレージに初回訪問情報を保存 showLoadingScreen(); // ローディング画面を表示する関数を呼び出す } else { // 2回目以降の訪問時には非表示 // ページ読み込みの際に非表示にするため、すぐに実行 hideLoadingScreen(); } // すべての読み込みが完了したら実行 $(window).on('load', function() { var now = new Date().getTime(); if (now - time <= 1000) { setTimeout(function() { stopload(); }, 1000 - (now - time)); } else { stopload(); } }); // 5秒たったら強制的にロード画面を非表示 $(function() { setTimeout(function() { stopload(); }, 5000); }); }); function showLoadingScreen() { var h = $(window).height(); $('.loading_bg').height(h).css('display', 'block'); } function hideLoadingScreen() { // フェードアウトのアニメーションを追加 $('.loading_bg').fadeOut(500, function() { // アニメーション完了後、非表示にする $(this).css('display', 'none'); }); } function stopload() { hideLoadingScreen(); // ローディング画面を非表示にする $(".wrapper").animate({ "opacity": 1 }, 500); } // ローディングの直前に表示を戻す document.addEventListener('DOMContentLoaded', function() { document.body.style.display = 'block'; });

アマゾンの評価のような星をクリックすると星の数が選択されるスター評価のコードを書いてます。 選択した評価で星の数の情報をphpで確認表示画面に送るコードを書いたのですが、submitを押して次の画面には行くのですが、phpが間違っていると思いますが、選択した星が表示されなくて困っています。 コードは星選択フォーム画面と確認画面の2つのコードを提示しています。 回答よろしくお願いいたします。 ●星評価選択フォームの画面 b.php <?php session_start(); $errors = array(); if ($_POST) { $rate = filter_input(INPUT_POST, 'rate'); if (empty($rate)) { $errors[] = "評価をタップして下さい。"; } else { // 各星のラジオボタンに評価値を設定 $_SESSION['rate'] = $rate; header('Location:b2.php'); exit(); } } if (isset($_GET['action']) && $_GET['action'] === 'edit') { $rate = $_SESSION['rate']; } ?> <style> /* 選択の星のスタイル */ .rate-form { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .rate-form input[type=radio] { display: none; } .rate-form label { position: relative; padding: 0 5px; color: #ccc; cursor: pointer; font-size: 35px; } .rate-form label:hover { color: #ffcc00; } .rate-form label:hover ~ label { color: #ffcc00; } .rate-form input[type=radio]:checked ~ label { color: #ffcc00; } <body> <form action="b2.php" method="post" id="form"> <div class="rate-form"> <!-- 各星に評価値を設定 --> <input id="star3" type="radio" name="rate" value="3"> <label for="star3">★</label> <input id="star2" type="radio" name="rate" value="2"> <label for="star2">★</label> <input id="star1" type="radio" name="rate" value="1"> <label for="star1">★</label> </div> <button id="submit" class="yohaku"></button> </form> ●確認表示画面のPHP <?php session_start(); // セッションから評価値を取得 $rate = isset($_SESSION['rate']) ? $_SESSION['rate'] : ''; ?> <style> /* 出力する星の大きさ */ .w { font-size: 35px; color: #ffcc00; } </style> <body> <form action="b3.php" method="post"> <div class="w"><?php echo $rate; ?></div> <input type="submit" name="submit" value="評価を送信"> </form> </body>

HTMLとCSSで作成された既存サイトをリニューアルした時のファイルをアップする手順について教えて欲しいです。 ドメインもサーバーもそのままなので、FTPツールであげるだけだと思いますが、既存HPは他人に作成してもらっているのでcssフォルダは今回とは違うファイルもあります。 サーバーにアップするとindex.htmlは上書き、cssの同じファイル名は上書き、必要ないものはそのまま残ってたり、新しく追加されてるファイルなど混ざるの思います。 そこで疑問なのですが、新しいファイルを全てアップロードして古い必要ないものは削除するという手順であっていますか？それとも他に効率のいいやり方がありますでしょうか？ よろしくお願いいたします。

WordPressに２００記事近くの記事があります。 その２００記事近くを全部非公開にしたいです。 そのため、記事一覧の表示オプションから、 ページネーションを１００にして項目を増やしました。 そして、一括操作から非公開にしようとしたのですが、 このサイトにアクセスできません 〇〇.com により途中で接続が切断されました。 と出て、非公開にできません。 ページネーションを１０とかにしてやったら、 更新しました。と緑の帯で出るのですが、 実際は、非公開にできていないです。 一括で非公開にするには、どのようにすればできますでしょうか？ よろしくお願いいたします。

水平タブ区切りの集計データテキストをコピーしPowerShellの寄せ集めコードでExcelに貼り付けそのデータを元に2軸グラフを作ること迄なんとかできましたが、素人のため自信が全くありません。そこでお願いですが、下記の寄せ集めコードについて使い方が違う、間違い、余分なも、足りないもの等についてご教授お願いいたします。 ※コピー元データ 月 売上高 粗利益 粗利益率 1 540000 81000 0.15 2 560000 128800 0.23 3 660000 171600 0.26 4 750000 225000 0.3 5 360000 65000 0.1805555555555556 6 620000 116500 0.1879032258064516 ※PowerShellコード $excel = New-Object -ComObject Excel.Application $excel.Visible = $true $book = $excel.Workbooks.Add() $sheet = $excel.Worksheets.Item(1) $sheet.Range("B2") = "月別売上" $sheet.Range("B3").PasteSpecial($exlpasteType::xlPasteValues) $objRange = $sheet.usedRange $a = $objRange.SpecialCells(11).row $b = $objRange.SpecialCells(11).column $sheet.Range($sheet.Cells.Item(4,$b),$sheet.Cells.Item($a,$b)).NumberFormatLocal = "#,##0" $sheet.Range($sheet.Cells.Item(4,$b),$sheet.Cells.Item($a,$b)).NumberFormatLocal = "0.00%" $tableRange = $sheet.Range($sheet.Cells.Item(3,2),$sheet.Cells.Item($a,$b)) $tableRange.Borders.LineStyle = $True $posX, $posY = 300, 100 $width, $height = 400, 300 $chart = $sheet.ChartObjects().Add($posX, $posY, $width, $height).Chart $currentseries1 = $chart.SeriesCollection().add($sheet.Range($sheet.Cells.Item(4,3),$sheet.Cells.Item($a,$b-2))) $currentseries1.Name = "売上高" $currentseries1.xvalues= $sheet.Range($sheet.Cells.Item(4,2),$sheet.Cells.Item($a,2)) $currentseries1.AxisGroup = 1 $currentseries2 = $chart.SeriesCollection().add($sheet.Range($sheet.Cells.Item(4,4),$sheet.Cells.Item($a,$b-1))) $currentseries2.Name = "粗利益" $currentseries3 = $chart.SeriesCollection().add( $sheet.Range($sheet.Cells.Item(4,$b),$sheet.Cells.Item($a,$b))) $currentseries3.name = "利益率" $currentseries3.AxisGroup = 2 $currentseries3.ChartType = 4

社内に重機・機械・車両等が約100台あります。これらは、1台目から　1～100までの管理番号が付いています。1日分の予約状況一覧を、Microsoft Forms で作成しているのですが、管理番号 1～100までの数字が、重複入力出来てしまいます。これを防ぎたいのでが、どなたか解決方法をご教授願います。 よろしくお願いします。（社内メンバーだけなく、外部メンバーも含めて自由に予約できます）

visualbasic 2013 formアプリケーションを構築しております。 フォーム内にElementHostを配置しその中にWPFのDataGridを配置しております。 描画自体は問題なく動作し目的の表示とすることができているのですが、フォームを最小化しその後に元のサイズに戻すとフォームが真っ黒の表示となり正常な表示が完了するまでに30秒程度の待ち時間が発生致します。 上記の待ち時間が短くなるよう改善を行いたいと考えております。 どなたかわかる方がいらっしゃいましたらご教授の程よろしくお願いいたします。 以下XAML抜粋 ======================================== <UserControl x:Name="Grid_Sien_Detail1" x:Class="Grid_Sien_Detail" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" Height="110" Width="2800" FontFamily="Meiryo UI" FontSize="12" MaxWidth="2900" MaxHeight="110" > <UserControl.Background> <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.ControlLightLightColorKey}}"/> </UserControl.Background> <UserControl.BorderBrush> <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.ControlDarkDarkColorKey}}"/> </UserControl.BorderBrush> <Canvas Name="GP_Panel" KeyboardNavigation.TabNavigation="Local" Margin="0,0,0,289" > <Label Content="" HorizontalAlignment="Left" Height="108" Margin="870,1,0,-108" VerticalAlignment="Top" Width="60" Background="#FF94F5E8" MaxWidth="60" MaxHeight="110" PresentationOptions:Freeze="true"/> <Canvas> <Label x:Name="Lbl_Toku_M1" Content="" HorizontalAlignment="Left" Height="16" Margin="809,1,0,-20" VerticalAlignment="Top" Width="57" BorderBrush="#FFABADB3" BorderThickness="1" VerticalContentAlignment="Center" Padding="0" FontSize="14" Background="{x:Null}" FontWeight="Bold" FontFamily="Arial" HorizontalContentAlignment="Center" Foreground="#FF595757" MaxHeight="19" MaxWidth="57" PresentationOptions:Freeze="true"/> <Label x:Name="Lbl_Pre_M1" Content="{Binding 仮発注_数量_M1日後_表示用, Mode=OneWay}" HorizontalAlignment="Left" Height="16" Margin="809,20,0,-36" VerticalAlignment="Top" Width="57" BorderBrush="#FFABADB3" BorderThickness="1" VerticalContentAlignment="Center" Padding="0" FontSize="14" Background="{x:Null}" FontWeight="Bold" FontFamily="Arial" HorizontalContentAlignment="Right" Foreground="#FF595757" MaxHeight="19" MaxWidth="57" PresentationOptions:Freeze="true"/> <TextBox x:Name="Text_HI_ZAN_M1" Text="{Binding 日発残_M1日後_表示用, Mode=OneTime}" HorizontalAlignment="Left" Margin="809,38,0,-54" TextWrapping="Wrap" Width="57" Background="#FFF0F0F0" FontFamily="Arial" HorizontalContentAlignment="Right" VerticalContentAlignment="Center" FontWeight="Bold" Foreground="Black" FontSize="14" IsReadOnly="True" IsTabStop="False" Padding="0" TabIndex="1" MaxHeight="23" Height="16" MaxWidth="57" /> <TextBox x:Name="Text_HI_NYU_M1" Text="{Binding 日入荷_M1日後_表示用, Mode=OneTime}" HorizontalAlignment="Left" Margin="809,56,0,-72" TextWrapping="Wrap" Width="57" Background="#FFF0F0F0" FontFamily="Arial" HorizontalContentAlignment="Right" VerticalContentAlignment="Center" FontWeight="Bold" Foreground="Black" FontSize="14" IsReadOnly="True" IsTabStop="False" Padding="0" TabIndex="1" Height="16" MaxHeight="23" MaxWidth="57" /> <TextBox x:Name="Text_HI_M1" Text="{Binding 日出荷_M1日後_表示用, Mode=OneTime}" HorizontalAlignment="Left" Margin="809,74,0,-90" TextWrapping="Wrap" Width="57" Background="#FFF0F0F0" FontFamily="Arial" HorizontalContentAlignment="Right" VerticalContentAlignment="Center" FontWeight="Bold" Foreground="Black" FontSize="14" IsReadOnly="True" IsTabStop="False" Padding="0" TabIndex="2" MaxWidth="57" Height="16" MaxHeight="23" />

CSS初心者です。 1,リスト 1-1,○○○○○ 1-2,○○○○○ 2,モデル 2-1,○○○○○ 2-2,○○○○○ 3,まとめ のような入れ子リストを作成したいのですが 現在の ■HTML <ol class="sample1"> <li>リスト</li> <li>○○○○○</li> <li>○○○○○</li> <li>モデル</li> <li>○○○○○</li> <li>○○○○○</li> <li>まとめ</li> </ol> ■CSS ol.sample1{ counter-reset:list; list-style-type:none; font: 14px/1.6 'arial narrow', sans-serif; padding:0; } ol.sample1 li{ position:relative; margin: 7px 0 7px 0px; padding-left:40px; font-weight: bold; font-size:14px; line-height: 30px; border: solid 1px #F6A38B; border-radius:20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } ol.sample1 li:before{ counter-increment: list; content: counter(list); position: absolute; left: 0px; width: 30px; height: 30px; text-align: center; color: #fff; line-height:30px; background: #F6A38B; border-radius: 50%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } ol.sample1 li:hover{ background: #F6A38B; color: #fff; } ol.sample1 li:hover:before{ background: #fff; color: #F6A38B; } をHTMLを下記に変更して上の例のような入れ子にするには 上記のCSSをどのように変更すればいいのでしょか？ ■HTML <ol class="sample1"> <li><a href="">リスト</a></li> <ol> <li><a href="">○○○○○</a></li> <li><a href="">○○○○○</a></li> </ol> </li> <li><a href="">モデル</a></li> <ol> <li><a href="">○○○○○</a></li> <li><a href="">○○○○○</a></li> </ol> </li> <li><a href="">まとめ</a></li> </ol> よろしくお願いいたします。

W3C CSS 検証サービスで 文法解析エラーが発生しました というエラーメッセージが出ます。 cssは次のとおりです。 .qa { color: #ffffff; /* 文字色 */ font-size: 17px; /* 文字サイズ */ font-weight: bold; /* 文字を太く */ text-align: left; .q { background: linear-gradient(-80deg, #ff65ff, #65ffff); /* グラデーションの背景色 */ border: 2px solid #ff0000; /* 線の太さ 線のタイプ 線の色 */ border-radius: 20px; /* 角を丸く */ height: 60px; padding: 15px 40px 15px 15px; position: relative; cursor: pointer; &:before { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%); } &:after { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%) rotate(90deg); } } .q.active { &:after { display: none; } } .a { background-color: #999999; border-radius: 20px; /* 角を丸く */ height: 60px; display: none; padding: 15px; } } 検証したスタイルシートを以下に示します の表示は .qa { color : #ffffff; font-size : 17px; font-weight : bold; text-align : left; } です。 どこをどのようにすれば良いでしょうか？

恐れ入ります。perlで、 push@list,$1 while $body=~s!<div>(.*?)</div>!!; として(.*?)部分を抜き出して@listを作成していますが、 <div>(.*?)</div>が存在しない、つまり条件に合致しない場合は0を代入したいのですが、どのようにすればよいでしょうか。よろしくお願いいたします。

powershellですが、Get-xxxxの結果に対してSelect-Objectで取り出しています。 出力結果に文字列、＄LISTの値をを追加、結合したいのですができません。 $LISTS='aaa','bbb','ccc' foreach($LIST in $LISTS) { Get-xxxxx $LIST -Properties hogeプロパティ | Select-Object -Expand hogeプロパティ } aaa,内容1 aaa,内容2 bbb,内容1 bbb,内容2 　： 　： ccc,内容3 というようにしないのですができなのでしょうか。 dir *.txt | select-object -expadn fullname とすると コマンドを実行したカレントディレクトのファイル名がフルパスで表示されます その結果の前でも後でもいいのですが、任意にの文字列を追加したいのですが、 できるのでしょうか。 1,c:\tmp\a.txt 2,c:\tmp\b.txt : 10,c:tmp\c.txt という具合です。 お願いします。

今Docker環境下のlaravelで作っているプログラムがあります。 ログイン認証機能をつけてなかったので、laravel breezeをインストールしました。 するとなんと、web.phpのデータがすべてなくなり、初期値に切り替わってしまいました。 バックアップを取っていたので、なんとか復旧できたのですが、ヒア汗ものでした。 そしてこれからまたlaravel breezeをインストールしようと思ってます。 既存のプロジェクトに後からインストールする場合、何か気を付けるべきことがあれば教えて下さい。 何卒よろしくお願い致します。

W3C CSS 検証サービスで 次のプロパティが正しくありません : text-align プロパティ名の前にセミコロン(;)を追加してみて下さい というエラーメッセージが出ます。 cssは次のとおりです。 .open-menu input { display: none; } .open-menu label { width: 180px; color: #ffffff; /* 文字色 */ font-size: 20px; /* 文字サイズ */ line-height: 2; /* 行間 */ font-weight: bold; /* 文字を太く */ text-align: left: 20px; /* 文字を左からの距離 */ box-shadow: 5px 5px 5px #aaa; /* 影を付ける */ background: linear-gradient(-80deg, #ff65ff, #65ffff); /* グラデーションの背景色 */ padding: 20px; /* 内側の余白 */ cursor: pointer; position: relative; display: block; } /* ここから追加 */ .open-menu label { border: 2px solid #ff0000; /* 線の太さ 線のタイプ 線の色 */ border-radius: 20px; /* 角を丸く */ } .open-menu label:hover { background: #ffb8b3; /* マウスを乗せた時の背景色 */ opacity: 0.5; /* マウスを乗せた時に背景色が薄くなる */ } .open-menu label:after { position: absolute; right: 10px; /* 右からの距離 */ top: 50%; /* 上下中央配置 */ -webkit-transform : translateY(-50%); transform : translateY(-50%); content: "［開く］"; /* アイコン */ } .open-menu input:checked ~ label::after { content: "［閉じる］"; /* クリック後のアイコン */ } .open-menu div { height: 0; overflow: hidden; opacity: 0; transition: 0.3s; /* 開閉スピード */ } .open-menu input:checked ~ div { height: auto; max-width: 80%; opacity: 1; padding: 20px; /* 中身の枠内の余白 */ background: #ffeff9;/* 中身の背景色 */ border: 2px solid #ff95d5; /* 線の太さ 線のタイプ 線の色 */ box-shadow: 5px 5px 5px #aaa; /* 影を付ける */ border-radius: 20px; /* 角を丸く */ overflow: hidden; /* メニューがはみ出ない*/ } .open-menu-inside { color: #333333; /* 中身の文字色 */ font-size: 15px; /* 中身の文字サイズ */ line-height: 2; /* 行間 */ } どこをどのようにすれば良いでしょうか？

こんにちは。 配列として[ 　{name:'りんご',aji:'あまい'}, 　{name:'みかん',aji:'あまい'}, 　{name:'りんご',aji:'すっぱい'}, 　{name:'みかん',aji:'あまい'}} 　]; こんなデータがあったとします。 これを[ 　{name:'りんご',amai:1,suppai:1}, 　{name:'みかん',amai:2,suppai:0} 　]; という形にするにはどの様にコードを書けばよろしいのでしょうか？