常連

注目の的

質問力

はじめまして、
ネットで検索してもいまいちピンと来なかったので、
こちらで質問させていただきます。

私は、今、プログラミングを勉強中の者です。

現在、作業者が手書きで書いた作業日報をエクセルに打ち込む仕事をしているのですが、これを簡略化したいと考えています。

方法としては、
作業者の持つスマホからwebサイトにアクセスしてもらって、
そこに入力すると、入力されたデータが私のパソコンのファイルに保存されている、
といったものを実現したいと考えています。

そのためには、どの言語を勉強すればいいでしょうか？

将来的には、データベース等も作っていきたいと考えています。

的外れな質問でしたら申し訳ありません。
このサイトを読めばわかるよ～等の情報でも構いませんので、
何卒、アドバイスのほどをよろしくお願いします。

htmlで作業日報を管理したい

PDF（Acrobat Pro DC）でフォームを作成しています。
その中で消費税の計算をしているのですが、
消費税の計算がうまく出来ません。

|商品A-1|金額×数量| |商品B-1|金額×数量|
|商品A-2|金額×数量| |商品B-2|金額×数量|
|商品A-3|金額×数量| |商品B-3|金額×数量|
|小計A |金額|     |小計B |金額|
|    |    |  |合計（税別）|金額| ←小計A + 小計B
|消費税 |金額  |  |合計（税込）|金額| ←合計（税別）+消費税

小計、合計（税別）まではきちんと表示されるのですが、
「消費税」の部分が自動で計算されない状態です。

例えば、「商品A-3」まで入力が終わって、合計（税別）までは
きちんと計算されているのに、消費税はその前の「商品B-2」まで
入力した状態の合計（税別）を反映しているような状況です。

消費税の計算は、「カスタムの演算スクリプト」にしています。
↓
var Kingaku = this.getField("合計（税別）").value;

this.getField("消費税").value = Math.floor(Kingaku * 0.08);


ご確認頂けますようお願い致します！

PDFフォームの自動計算（消費税）が反映できません

1つの商品に対して複数の価格表があるのでそちらをサイトに載せたいのですが、
量が多いため矢印を押すと表示されるような形（ドロップダウンリスト？）で、
選択するとそのページに飛ぶといった形が理想です。※別ページとして
  例）商品●●
    価格表AA
    価格表BB
    価格表CC

現在は、商品●●のページにAA/BB/CCの価格表を載せる形です。
（いずれは、価格表まとめページを作り、1ページに商品●●（AA/BB/CC）、
商品△△（DD/EE/FF）ナビをつけるかもしれませんが、現時点では上記の形希望です。）

現在下記コードでは、別ページ（タブ）が開く形で良いのですが、
ポップアップ形式だとスマートフォンだと不具合もあり別の方法にしたいのです。

```HTML
<form id="lookup_form" method="POST">
<select name="linklist" onchange="window.open(this.value,'pdf','')">
<option selected value="-">■ メーカーを選択してください。</option> 
<option value="-">------------------------</option> 
<option value="/sampleAA.php">□ AA</option>
<option value="/sampleBB.php">□ BB</option>
<option value="/sampleCC.php">□ CC</option>
<option>------------------------</option> 
</select>
</form>
```
調べてみたのですが、ドロップダウンメニュー、メガメニュー、モーダルウィンドウなど…
色々見すぎて何かピンとくるものが無く、止まっています。

wordpressを使っていますが、
レスポンシブデザイン的にもお勧めの方法はありますでしょうか？
ご相談になり、申し訳ありません。

---
【07/27追記】
html/javascriptを少し変更致しました。
下記コードであればポップアップでは開かないとは思うのですが、
別タブ（target="_blank"のイメージ）で開くにはどのようにすれば良いでしょうか？

少し内容変更になっているかもしれませんが、関連しているかと思い、
追記という形にさせて頂きました。


```javascript
<script>
function screenChange(){
    pullSellect = document.lookup_form.linklist.selectedIndex ;
    location.href = document.lookup_form.linklist.options[pullSellect].value ;
}
</script>
```


```HTML
<form name="lookup_form">
<select name="linklist" onChange="screenChange()">
<option selected value="-">■ メーカーを選択してください。</option> 
<option value="-">------------------------</option> 
<option value="/sampleAA.php">□ AA</option>
<option value="/sampleBB.php">□ BB</option>
<option value="/sampleCC.php">□ CC</option>
<option>------------------------</option> 
</select>
</form>
```

プルダウンメニューで別画面に移動するには

WordPressテーマtwenty seventeenを子テーマを作ってカスタマイズしています。
ヘッダーの大きい画像をスライド表示しようとしたのですができません。
jQueryプラグインを使ってみたりしたのですが、どうしてもスライドしないので質問しました。
どうぞよろしくお願いいたします。

WordPressテーマtwenty seventeenのヘッダ画像をスライド表示したい

現在Webサービスのスタートアップ的なものを考えています。
メンバーは、サーバーサイドのエンジニアが僕ともう一人いるのですが、
デザイナーやフロントエンドエンジニアといった人がおらず知識不足です。
そこで、自分で情報収集もしているのですが恐縮ながらいくつか参考までにお聞きしたいことがあります。

**UIデザインツールは何が良いか**
デザインの作業を、プログラミングに詳しくないメンバーの一人に任せようと思っています。
直感的に操作できることと、作ったUIをCSSにエクスポートできることが条件です。
調べたところSketchまたは無料から利用できるFigmaというのが良さそうなのですがいかがでしょうか。

**CSSデザイン用のエディタはないか**
作成したデザインをコーディングする際に、HTML/CSSがリアルタイムで右の画面に表示される、とういようなCSS特化のエディタのようなものがあれば嬉しいです。現在エディタはVS CodeやAtomを使っているのでプラグインでもいいです。似たようなツールはいくらでもありそうですが、有名で便利なものがあれば教えていただきたいです。

以上よろしくお願いいたします。

フロントエンドのデザインツールの選定について

サイトで、バックナンバーページを作りたいと考えています。
上から下に向けて流れていくようなページ（左上→右上→左下→右下……）で、
最新ページがどんどん上に追加されるような形をイメージしています。
（画像と簡単なテキストを入れる）

tableタグだとずらしていくのがかなりの手間になると思いますので、
更新がもう少し簡単に出来る方法希望です。
何かお勧めの方法はございますでしょうか？
（float、table-cell、flex……）

検索しても、あまりピンとくるものがなくて、ご相談させてください。

バックナンバーページ作成について

レスポンシブした際に、iphoneのsafariでtableのthとtdをdisplay：block;にし、width:100%;を指定しているのですが、td要素のみ画面幅いっぱいにならず、コンテンツ分しか幅出ません。
thは画面幅いっぱいになっています。
原因としてどのようなことが考えられるでしょうか。

htmlは以下のように組んでいます。
```
<table>
<tr>
<th>title</th>
<td>aaaa</td>
</tr>
<tr>
<th>title</th>
<td>aaaa</td>
</tr>
</table>
```