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/ それをしたいんだけど
そのファイル自体のURLが分からないのよ
ファイルマネージャー上のプレビューで開くURLか
DLするためのURLかしか分からない グーグルマップ埋め込んであるサイト嫌い
普通にリンク貼るだけでいいのになんで猫も杓子も埋め込みなんだろ
無駄に重いし >>135
それって制作側の始皇帝しな理屈って感じする
埋め込みマップなんて使いづらいし、モバイルなら結局地図アプリに移ることが多いわけで
イラスト地図載せててグーグルマップへはリンクで飛べるのが理にかなってるとおもう >>137
知らん。クライアントは100%要望してくる。まぁ俺も合ったほうが良いとは思う
・googlemapなら、地図に「拡大した地図はこちら」ってリンクがあるからそれ踏めばいいだけ
・リンクの方がページ構成考えなくていいし、apiも使わんでいいから制作は無いほうが楽。hrefのgetパラメータに渡して終わり
あれが重いって相当しょぼい端末だろうから気にしていないし、大体地図アプリに写っても重さは同じ
まぁあれに関しては嫌なら見るなって態度で良いだろう
よほど変な構成じゃない限り、基本的には合ったほうが良い ふうんお客さんが付けてほしいのかー
下へスクロールしてたらマップのスクロールになっちゃう時とかウガー!って思うけど さすがに左右にpaddingはつけている
後、最近はctrrlや指日本でスワイプしないと動かなくなった 適当なスレを見つけられずここに書きます。
今まで身内だけで使ってきた会員制Webアプリがありました。
予定表だったり、チャットだったり、そんな行動管理系アプリです。
今後外部ユーザーも使えるようにしようとなりました。
完全なパブリック物ではないですが、どうにかして見つけて入られる可能性は有ります。
そこで質問。
公開の場に「会員登録」のページがあります。
アカウントの所有状態?って今のご時世どうしているのでしょうか?
・アカウントはユーザーの所有物。
Webアプリ管理者は触れない、触れられない、触れることができても触れないという体を取るのか?
・アカウントも管理者のものの一部であり、全アカウント操作は問題ない。
管理者がユーザーアカウントの操作・内容を監視し、問題があれば管理者の手で指摘・修正をしても良いのか? NG ワードなどは、書き込めないようにしているサイトが多い。
それに、サイトのルールを守らない人は、退会処分する
色んなサイトの規約を見ればよい >>105
font-awesome/css/.ht
そこに、font-awesome のフォントを読み込みにいって、
フォントが無くて、エラーになってるとか? >>142
考え方が少し違うし、
ユーザーに媚びる必要は無い
徹底的に管理出来る用意しておくべき
・アカウントはユーザーの所有物。
これはあり得ない
・アカウントも管理者のものの一部であり、全アカウント操作は問題ない。
>管理者がユーザーアカウントの操作・内容を監視し、問題があれば管理者の手で指摘・修正をしても良いのか?
問題はない
ただ、管理者アカウントが漏れると全データが流出する、という事態は避けなければならない >>129解決しました
手元で直にURL表示させてその確認ができないだけで
鯖上のそこにあるだろうURLを打ち込み入力してアクセスできました DDOS攻撃を受けた場合
毎月決まり切った金額のみ支払っているサーバーでしたら単純にページが404?になるだけかと思うのですが
AzureやAWSの様なアクセス数に応じて料金が変動する支払いの場合は、
DDOS攻撃を受けたらどうなるのでしょうか? ul.class li{
footer a{
みたいな指定方法はプロからしたらダメダメ?
速度が落ちるとか何かの思想に反してるとかあるみたいで
でも素人目にはこのほうが分かりやすいしラクで… >>150
速度が落ちることはない
jsと違ってセレクタの書き方は速度に影響しない(レンダリングの話なのでここでは割愛)
思想は人それぞれだから好きにすればいい
それが良くないのは再利用性やメンテナンス性の悪さにある
例えば ul.class li は場合によって同じスタイルを dl.class dd で使いたくなるかも知れない
もしくは div.class div かも知れない
明日の自分は他人と言う言葉があって、将来の自分ですらどう考えるかわからない
なので要素セレクタは極力避けた方がいい あと、それがどんなスタイルなのかがセレクタからわからない
それに違うスタイルだけどタグ構成が同じとこに影響があるかも知れない
などなど 要素セレクタを極力さけるということは、nth-childとかfirst-childとか+とかチルダとか
そっちメインで指定するのが普通なんかな ul.class li{
の場合、一番良いのはliにclassをつける事
でもめんどくさがって
.class li
を使ってしまう
さすがにliをli以外で使い回す事はほぼ無いので、
俺ならこれぐらいは許容範囲としているな
ただ
ul.class li{
これはNG、ulは不要だ。
表記がブレる原因になり、最終的にソースが読み辛くなる
俺が失敗した道だ >>153
メインはclass
IDは使うな、使い回しが効きにくくなる Bootstrap以外のCSSフレームワークを用いたHTMLテンプレートってどこかにないでしょうか >>154 >>155
横からだけどどうもありがとう
やっと理解できた
多謝 CSS設計を勉強中の者です。
ライブラリやフレームワークなどでclass属性を利用するものが数多くあります。
これらは命名規則に反することになりそうですが、何か解決策はあるでしょうか。 >>160
コーディング規約に追記する
class命名規則:あれはあーしてそーする。こんなことは禁止。
※ただしフレームワーク等で定義されているものはこの限りではない。
↑この一文追記 セレクタの件ありがとうございます
速度関係ないのは安心しました
でもたし蟹、いつも行き当たりばったりで書いてくうちにクラス名がわけわからなくなったり
ここ使い回せたよねっていう部分が出てきたりします
極端だけど <list class="circle small gray inline-block"> みたいにすれば後から混乱しないのか
もっと効率よくきれいに書けるようになりたい >>163
命名は経験を積むしか無い
サイトを幾つも作る内に、あるt程度どういう名前をつければ良いかが分かるようになる スマホで確認してほしいのですが、
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
要素生成してコピペして更に結果をコピペってめんどくさすぎるでしょw おう、ほんで属性足したりするときは式修正して全部のセルにコピーするんか?
データと手続きは分けたほうがいいと思うがな。 >>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は そりゃ回答に偽装した宣伝だからな。
なお宣伝対象のクソ言語についてもよく分かっておらず初心者スレで質問してる模様www
https://mevius.5ch.net/test/read.cgi/tech/1545421414/166 ■ このスレッドは過去ログ倉庫に格納されています