Webサイト制作初心者用質問スレ part250
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://mevius.5ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.5ch.net/search?q=seo
6. アクセス解析については該当スレで質問すること
http://find.5ch.net/search?q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://medaka.5ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.5ch.net/search?q=%E5%BD%B9%E3%81%AB%E7%AB%8B%E3%81%A4%E6%9B%B8%E7%B1%8D%E3%81%AF
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part249
https://mevius.5ch.net/test/read.cgi/hp/1529144063/ >>153
メインはclass
IDは使うな、使い回しが効きにくくなる Bootstrap以外のCSSフレームワークを用いたHTMLテンプレートってどこかにないでしょうか >>154 >>155
横からだけどどうもありがとう
やっと理解できた
多謝 CSS設計を勉強中の者です。
ライブラリやフレームワークなどでclass属性を利用するものが数多くあります。
これらは命名規則に反することになりそうですが、何か解決策はあるでしょうか。 >>160
コーディング規約に追記する
class命名規則：あれはあーしてそーする。こんなことは禁止。
※ただしフレームワーク等で定義されているものはこの限りではない。
↑この一文追記 セレクタの件ありがとうございます
速度関係ないのは安心しました
でもたし蟹、いつも行き当たりばったりで書いてくうちにクラス名がわけわからなくなったり
ここ使い回せたよねっていう部分が出てきたりします
極端だけど <list class="circle small gray inline-block"> みたいにすれば後から混乱しないのか
もっと効率よくきれいに書けるようになりたい >>163
命名は経験を積むしか無い
サイトを幾つも作る内に、あるｔ程度どういう名前をつければ良いかが分かるようになる スマホで確認してほしいのですが、
https://page.auctions.yahoo.co.jp/jp/auction/p612451494
上記の 商品説明 → 続きを見る の中の文章で、
「※ご注意※
弊社ページの一部を無断転写し、「ブランドトレーディング Yahoo!店」を名乗る悪質業者が出回っております。
十分にご注意いただきますようにお願い致します。」
上記文章が20文字くらいで折り返されてしまっています。
ヤフオクなのでこちらでスタイルシートをいじれないのですが、どうしたらきれいに表示されますか？
ちなみにわたしはここの業者ではなく似たような現象が出ている業者を見つけて投稿しました。 呼び方の違いについてお聞きしたいのですが、
Webシステムを作ってるところの呼称はWeb屋とシステム屋のどちらが適当でしょうか？ >>167
web制作会社
web屋さんはやや蔑称。システムはちょっと違う
会社のHP開いて会社概要とか見たほうがいいかも
https://bakemono.co.jp/ >>168
web屋は蔑称なんですか、知りませんでした
システム屋はいわゆる銀行システムとか金融システムなどを作っているところの呼称なのでしょうか >>169
それもあるけど、レジのPOSシステムや経理システムなど
企業内で完結する、社内的なシステムを指すようなニュアンスに感じる
〇〇屋さんは「○○しか出来ない」という否定的な意味で捉える人もいると思う
注意した方が良い jQueryのプラグインを使用する際に
「商用サイトはライセンス購入」が必要と書いてありますが、
「商用サイト」には「個人で自作品を公開していて、それにより仕事の連絡を貰えるかもしれないサイト」も含まれるのでしょうか？ その作者が、それも営業行為と言うかもしれないから、作者に確認するのがよい。
個別の案件・契約は、作者次第
商用の条件を付けているものは、契約が難しいから、できる限り使わない方がよい。
契約は何段階にも渡って、双方が確認しないといけないから、そこに理解コストが掛かる
作者も利用者も会員になって、契約は、その会社としか結べないようなものが好ましい。
双方が直接、訴えたりできないタイプのものがよい
つまり、間に契約専門の会社を通して、双方がその会社だけを訴えることができるもの。
調整役、著作権協会とか保険会社みたいなもの ブラウザベースの社内システムなんかはWEB制作会社じゃなくシステム会社が作ってるけどな 未だにWeb＝サイトって思われてるんだな
AWS使っていてもサイト制作ということか インターネット＝ヤフー
という認識が普通にある国
厳密な定義は止めといたほうがいいぞ。疲れるだけ Yahooと書いてヤフーと読みます
たまに間違える人がいますが気をつけたほうがいいですよ
世界標準の検索サイトですから ビックリをつけるんですよ。
若者はみんなつけてます。 主人公とくっつくのかと思ったら元敵とくっつき、いつの間にか別れてたと思ったらまーた敵とくっついたアバズレ。 ゲイツの退任後CEOになったんだよな。
みんな「誰コイツ…？」状態だった。 >>183
たて笛のことかと思ったらそういうボケか HTMLでは
<a href=xxx.http img=tokyo.png>image</a>
<a href=xxx.http img=nagoya.png>image</a>
<a href=xxx.http img=oosaka.png>image</a>
と画像を組み込むのが一般的かと思いますが、
画像を大量にいれなくてはならない場合でも、
上記のタグをたくさんコピペして、.pngの名前の部分を手作業で変えていっているのですが、
これを楽にできる方法はありませんか・・・？
例えば、imgの部分を
<a href=xxx.http img=image-001.png>image</a>
<a href=xxx.http img=image-002.png>image</a>
<a href=xxx.http img=image-003.png>image</a>
として、入れ込む画像の方の名前も一括リネームで001,002,003...とやれば比較的早くできると思うのですが、
画像を開いた時の名前が何の画像かわからない、htmlをいじる側もpngが番号だと画像を開くまで内容何かわかりづらい、
といった欠点があると思うのですが、良い方法はありませんか？
正規表現を使えばいけたりしないのでしょうか VisualStudioCodeを使用しています
宜しくお願いします <a href=xxx.http img=tokyo.png>image</a>
このタグなんだ？ なんかわからんがエディタの機能で複数箇所に同時に同じ入力することができるでしょ
tokyo
nagoya
oosaka
だけ先に打ってから全部の前部分を選択して
<a href=xxx.http img=
を打つ
全部の後ろ部分を選択して
.png>image</a>
を打つ
それか
<a href=xxx.http img=.png>image</a>
を必要な数コピペしてファイル名のとこを全部選択して、別途矩形コピーしたファイル名を貼り付け
複数選択、複数コピー、複数貼り付け、矩形選択・・・この辺りのエディタ機能を使いこなせ >>193
aタグっぽくはあるけど属性がよくわからん
img属性？
hrefも xxx.http とかだし aタグにimg属性なんて無いぞ
あと>>194みたいなのはなかなか覚えられない。エクセルで済ませてしまうわ >>192
href=foo.php?img=tokyo.jpg の誤記？
いずれにしても、質問者はよく分かっていなさそうだが >>191
これ。
A列にhref（例通りなら三行ともxxx.http）、
B列にimg（例通りならB1がtokyo、B2がnagoya、B3がoosaka）、
C列にhref（例通りなら三行ともimage）、
を書いて管理しておく。
A1からC3までマウスドラッグで選択→右クリック→コピー（キーボードでもいいけど）・・・
const html = `
＜＜それをここに貼り付け＞＞
`.trim().split`\n`
.map(r => {
const [href, img, text] = r.trim().split`\t`;
const aElm = document.createElement`a`;
aElm.href = href;
aElm.setAttribute('img', img);
aElm.textContent = text;
return aElm;
})
.reduce((acc, aElm) => acc + aElm.outerHTML + '\n', '');
console.log(html);
出来たコードをchromeのコンソールに貼り付けてエンターで実行。
結果：
<a href="xxx.http" img="tokyo">image</a>
<a href="xxx.http" img="nagoya">image</a>
<a href="xxx.http" img="oosaka">image</a>
終わり。 >>199
これはめんどくさい
エクセルの方が楽で早いだろう エクセルで範囲選択してコピペ、エンター押すのがめんどくさい？？
寝たきりのおじいちゃんか何か？ >>201
こういう事
https://i.imgur.com/ro8p7aG.png
要素生成してコピペして更に結果をコピペってめんどくさすぎるでしょｗ おう、ほんで属性足したりするときは式修正して全部のセルにコピーするんか？
データと手続きは分けたほうがいいと思うがな。 >>203
＞ほんで属性足したりするときは式修正して全部のセルにコピーするんか？
そう
ちなみにフィルハンドル（セルの右下の「＋」）をダブルクリックすると一番下までコピーできる
>>199の場合にしても同じで、コードとコピーの手間は同じだろう
＞データと手続きは分けたほうがいい
プログラムだとそうだけどね
文字列で要素生成するだけの物に対して、そこまで深く考えなくてもいいと思う うーんまあエクセルファイルひとつにまとめられるのがいいこともあるしな… Excel使うなら、関数を使って生成すればいいのに、わざわざJavaScriptコードにコピペするのか アスペかな？
>>202のどこがjavascript使ってるように見えるんだろう？
ひまわり学級の考えることはよく分からん。 >>207
そこじゃなくてその少し上でjs使ってる物を差してるんでしょ 初心者ですけど似たような画像リストをphpで読み込んでます >>194
><a href=xxx.http img=.png>image</a>
>を必要な数コピペしてファイル名のとこを全部選択して、別途矩形コピーしたファイル名を貼り付け
>複数選択、複数コピー、複数貼り付け、矩形選択・・・この辺りのエディタ機能を使いこなせ
矩形選択で、はめ込めるのか！
これは良い ってかこういうのこそVueなりなんなりでループ使う局面じゃないの 漏れは、Ruby で、そういうスニペットを書くけど、
言語は異なるけど、基本的には、
>>199
と同じ
もっと進化させると、クリップボード処理で、変換するように書く。
Ruby からも、powershell コマンドを呼べる
str = `powershell Get-Clipboard`
Ruby Script をダブルクリックで起動したいのなら、vbs, bat に起動処理を書く。
ruby .\スクリプト名 それか、VSCode で、そういうスニペットを作れば？ Rust興味あるが将来性のない言語は勉強する気にならない 品質を気にかけない日本のIT業界でRustが流行るわけない サイトで配布されているWeb材料で（コードやイラスト）
「無料配布（個人利用可・商業利用はライセンス購入）といった場合の、
商業利用の範囲は一般的にどれくらいなのでしょうか？
例えば、
・アドセンス付きWebサイト
・お仕事依頼受付や作品公開をしている会社or個人のホームページ（アドセンスはなし）
はどちらもライセンス購入が必要でしょうか？ URLのエンコードについてよく分からんのだけど、
phpとかcgiの引数にエンコードした引数をおくると、phpやcgiで直すの？
ファイル名が日本語だった場合はどうなんの？
utf-8ならまだしもsjisだった場合は？
<img src="./日本語フォルダ/日本語ファイル名.jpg"> とかってHTMLに書いてあった場合、それは勝手にurlエンコードされんの？ブラウザごとの使用？
URLがエンコードされてるとしたら、サーバーはどこでデコードしてんの？httpd的なソフト？勝手にデコードしてパス通してくれんの？
教えて偉い人 >>224
お金が入るから、商用かも知れないね
作者に確認した方がよい。
作者によっては、使用料を請求してくるかも >>225
まず、web 関係で、sjis は使わない。
使うのは、BOM なしUTF-8(UTF-8N) だけ
><img src="./日本語フォルダ/日本語ファイル名.jpg">
HTML 内に、日本語のパスをそのまま書けるかな？
例えば、Ruby なら、ERB で、HTMLを作る際に、
URL エンコードするには、ERB::Util.url_encode(短縮形はu)メソッドを使う
<%= "http://search.example.com/?q="; + u(" 日本語") %>
#=> http://search.example.com/?q=%E6%97%A5%E6%9C%AC%E8%AA%9E
日本語などは、あらかじめ、% を使った表記に、URLエンコードしてから、HTMLを作るのかも？
それとも、日本語で書いておいたら、ブラウザが送信要求時に、自動的に変換してくれるのかな？
一方、その要求を受け取ったサーバーでは、それを元に戻すため、URLデコードする >>227
自分でも理解してないのに回答するなよ・・
これだからrubyは そりゃ回答に偽装した宣伝だからな。
なお宣伝対象のクソ言語についてもよく分かっておらず初心者スレで質問してる模様ｗｗｗ
https://mevius.5ch.net/test/read.cgi/tech/1545421414/166 >>225
基本的にはhttpdが処理する
まずURLに書かれた文字はブラウザによってURLエンコードしてからリクエストされる
アドレスバーやsrc属性に日本語入れて開発者ツールのnetとかで確認すればわかる
で、それをhttpdがデコードしてパスやファイルを判定して実行する
クエリストリングも同じでデコードしてからZPHPなどに渡す
なので$_GETなどで取得するとデコードされた状態 >>235
分かったありがとう！
日本語でurl書いて <A HREF="日本語"> とか <IMG SRC="日本語"> とかやったら 勝手にブラウザがURLエンコードしてくれるんだね
どのブラウザでも必ずやってくれるのかな？
そんで、エンコードされたディレクトリとファイル名は、HTTPDが勝手にデコードするので、問題なくパスが通ると。
クエリストリングってのはcgiとかの引数？かな？
cgiとかだとcgi側でデコード処理書くのが普通の気がするんだけど、そんなことないのかな？
あと、古いシステムも新しいシステムも、自動エンコードとデコードの仕様は同じ？ブラウザもHTTPDも。
このHTTPDだと自動デコードありませんとか、このブラウザだと自動エンコードありませんとか、そんなことが起きると面倒くさいんだよね いま就活用の架空サイトを作ろうと思ってるんだけど現存するサイトを模写した奴でも就活に使えるって聞いたんだけど本当？
スレチ質問だったらごめん >>237
サーバー用意・ドメイン取得して一通り作れるだけでも全然違う
面接官はそんな付け焼き刃を見てないから、細かいところまでは知らなくても大丈夫
それよりwebのトレンドやSEOが何か、セキュリティはどの辺りを気をつけるかをざっくり知っておくほうが良い
提出を考えずに、一度まるごとコピーして作ってみては >>237
模写じゃなくhtmlとcssコピってそのまま使えばいいじゃん
画像だけどこか他から持ってくればいい
いちいち流用元なんか調べないから
採用決まったらその後頑張ればいいんだよ >>236
漏れも、ブラウザやサーバーの互換性が気になったので、自動的に処理されるとは書けなかった。
すべてのブラウザやサーバーの動作を保証することは、できないから
だから、自力でエンコード・デコードする方法を書いた HTMLコーディングしない専業Webデザイナーって要らなくないですか？ 服作るのにパタンナーだけいればデザイナー要らないよねって言うようなもん？ >>241
デザイナとHTMLコーダを逆にしてみると？ 社長がデザイナーはコーディング必要ないって言い切ってる
コーディングしなくてもビルダー使えばいいから コーティングしなくても良いけど知識は持っといてもらいたいな。 むしろ客を惹きつけるデザイン力を最優先で鍛え上げてほしい コーディングなんか誰がやっても一緒だからな
htmlソース見るのなんてごく一部 コーディングのまともな知識ないのにコーディングするWebデザイナーがいるんですよ >>249
それはコミュニケーション不足が問題
逆の意味でWebデザイナから不満を持たれている可能性すらある >>249
ウチにもおったわ
フロント任せてたら全部静的htmlファイルになってて、クライアントと大モメにモメた
結局他の部分を大幅に値引きさせられる事態になったわ
死ね >>253
誰もがそういう結論を出したので、チェック体制などが大幅に変わった
その後、当事者は退社した
結果、謎のチェック体制だけが残る事になった
そいつ以外は普通なんだよ・・・ ■ このスレッドは過去ログ倉庫に格納されています
