まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 ttp://peace.2ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
ttp://find.2ch.net/?STR=seo&;TYPE=TITLE
6. アクセス解析については該当スレで質問すること
ttp://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&;TYPE=TITLE
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 ttp://kanae.2ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
ttp://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&;TYPE=TITLE
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part247
ttps://echo.2ch.net/test/read.cgi/hp/1488192984/
間違えてたらすまん！
■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
個人で好みが違うので、一概に「これ」が良いと推奨することはできません
あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「
ttp://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか A3. ソースを見て理解する努力を惜しまないことがあなたを救います
初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
また、「レスポンシブ」という単語もあなたを救うかもしれません
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
HTML の文法を専用サイトでチェックしてみましょう
ttp://validator.w3.org/ こちらを先に使いますか
ttps://jsfiddle.net/v71pwuza/ 初めてテーブルを作ってみたんですが、今風の作り方とか改善できる箇所のアドバイスをください
<tr>タグの中に<td>タグが3つ入る場合は、どうしてもcolspanで調整するしかないんでしょうか
table難しいです
自分でページ作れよ。
面接のときに質問されたらオフラインでみせろ。
ノートと紙に印刷してもってこい。
他所のサービスつかってたら鼻で笑われるぞ。
特にないと思うよ
レスポンシブのこと考えて
<table>要素以外でも同じこと出来るようにしとけばいいんでね？
やっぱり自製ですか
そんなに手間でもなかろう？
サイトのタイトル（リンク）
サイトの簡単な説明など
をリストにするだけじゃん？
自製は手間ではないだけに、あえてポートフォリオサービスを使っている人がいるので、別の利点があるのかと思ってます。SNS的な使い方ができることかな
フリーランスで生きてこうと思ってて
広く知ってもらう目的ならそういうのはありだと思う
どこぞの会社に就職しようと思ってんなら
そうでもないかも
自分のところにそういうの送られてきたら
他の人に目移りしちゃうかもｗ
サーバー管理もできる人だとすぐにわかるからな。
そういうの売りにしたほうがいいんかな？DWあんまり好きじゃないのもあるけど
繋がらないことを考慮しておけ。
見やすいページが重要で複雑な構造化はいらないよ。
タスクランナーつかってhtml/css/js以外で書いてるなら
ソースファイルも見たいし
お返事が遅れて申し訳ないです。
レスポンシブなんてのもあるんですね。
勉強することが山積みですが頑張ります。
ありがとうございました。
強制的に確定（Enterを押した場合と同じこと）
もしくは入力をキャンセルさせる（ESCを2回押したような処理）ことは可能ですか？
javaScriptで出来ないかと思っています
可能だよ
質問はJavaScriptのスレでどうぞ
まずはこちらを読んでから質問しましょうね
できるんですね、ありがとうございます
スレチだったようですすみません…
ベンダープレフィックス付でもいいのでください！
はい！
id
ttps://jsfiddle.net/3ssqyaLw/ ↑のような状況で2つ目のdivを1つ目のdivの下にピッタリと付けることはできるものなのでしょうか。
補足として、1つ目のdivは高さが変わります。
なにかコツみたいなものがあればアドバイスをください。
よろしくお願いします。
ttp://a-cherry-blossom.com/wp-content/uploads/2015/05/seo-e1432693964807.jpg こんな感じでリンクがゴチャゴチャしてる奴ってなんていう名前なんですか？
内部リンクで検索してたら気になっちゃいました。
できません
大雑把に言うと
position: absolute; にした要素は親要素から引き剥がされ
元いた親要素の計算からは外れる、と思っておけばOK
親にposition: relative;記述していても？
それです！
モヤモヤが晴れました！
ありがとうございまっす！
レスありがとうございます。
やっぱりできないですか。
勉強になりました。
ありがとうございます。
いえす
要素がabsoluteになった場合、その絶対基準点は
親要素を辿って最初にstatic以外になったもの、もしくはbodyになる
これをoffset parentて呼ぶ
子要素がabsoluteになった場合の親要素は自分がoffset parentであったとしても
その子要素の位置と大きさを計算できなくなる
だからこの子要素に隣接するstaticやrelativeな要素は
この子要素を無視して配置するしか出来ないのです
<address id="w3c_signature"><a href="
ttp://lists.w3.org/Archives/Public/site-comments/">Feedback</a></address> これのことなら合ってるよ
address要素は直近の親要素かそのページに関する問い合わせ先を表す要素
リンク先がw3cメーリスのアーカイブで、問い合わせはメーリスで出来るからOK
レスThanks！
みんなはaddress要素って使ってるのか気になるけど勉強しまっす！
面倒だから
こういうときって一般的にはどう対応するものなのでしょうか？
JSでデバイス判定してSPページにリダイレクトですか？
またalternateやcanonicalの記述をしていないのですが、これらを書けばGoogleが自動的に出し分けてリンクを繋いでくれたりはしないのでしょうか？
JavaScriptに関しては
ttps://echo.2ch.net/test/read.cgi/hp/1456242505/l50
で聞くとよいぞぉ
がんばんな(´・ω・`)
JavaScript の質問用スレッド vol.123
ttp://echo.2ch.net/test/read.cgi/tech/1491147085/
良いと思うよ
「指定しなければならない理由」に依るとも思うけどね
レスありがとうございます。
理由と言えるほどではないのですが、
fontのショートハンドだとfont-sizeは必須項目のようなので気になっていました。
ありがとうございました。
一方、margin, padding など外側の部分は、固定でもよい
一般的なブラウザだとmedium=1em=100%=16pxってことなんかね
切り抜きかと思っていたのですが、切り抜きは背景を消す意味を指さないようでして
photoshopの切り抜きツールのように
切り抜きというと単に500×500ピクセルの写真を200×100ピクセルに切り抜く事のみを指しているようです。
WordPressの写真切り抜き機能やスマホアプリもその事を指しているので、
切り抜き、トリミングには背景を消すという意味は含まれてないようですがまあ通じるならいいのかな
DTPでは普通に切り抜きって言う
普通切り抜きって言ったらPhotoshopのパスツール使ったような自由曲線のクリッピング。
プロの間では画像の切り抜きと呼んでいます。
略して切り抜き。
ちなみにトリミングは四角形をベースにした選択領域以外をカットする下位技術のことです。
body {
font-size: 62.5%;
}
これで、ブラウザのデフォルトの16px を、10px にできるから、
1em = 10px で計算できるから、分かりやすい
経験は大切だよな
がんばれよ
Content-Typeヘッダは、必ず頭が大文字で送られてきますか？
それともサーバの実装によって、全部小文字であったり、cONteNt-TYPeみたいな可能性もあるのでしょうか？
cONteNt-TYPeをContent-Typeと同一にするのか、別物にするのか、ブラウザ側はどう解釈するのでしょうか？
大文字小文字何でもあり
ttp://httpwg.github.io/specs/rfc7230.html#header.fields ブラウザも同一と解釈する
ttps://fetch.spec.whatwg.org/#terminology-headers 助かります。ありがとうございます。
ul要素にborderを設定したり、li要素にborderを設定したりしているのですが上手く引けません。
詳しい方、教えてください。
ttps://jsfiddle.net/p6wujznu/ できました！
borderではダメだったんですね。
勉強します！
どうも、ありがとうございました。
先週までふつうだったのにどうしたんだろ。
そういうことってありますか？
ctrl押しながらマウスのコロコロ動かしたとかしちゃったんじゃね
サイトごとに設定が保存されてるかもしれないから表示リセットすればいい
firefoxだと表示→ズーム→リセットなんだけどchromeもそれに類するやつがあるはず
windowsならブラウザ表示上で
Ctrl + 0
コントロールプラスゼロ
押してみれ
自分のホームページの字だけがおかしいです。何か触ったつもりないのに。
あとのサイトは普通に大きい字です。クロームに嫌われたか。IEは問題なく大きいし
ホームページビルダーで作成中の表示もおおきいのに。
まずはここにbodyのcssコード載せてみしょう
結局どっちにすれば良いかわからぬ
BODY{
margin: 0;
padding: 0;
text-align: center;
font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
color : #202020; /* 標準文字色 */
background-position: top left;
background-repeat: repeat-x;
min-width: 900px;
font-size : 95%;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body{
font-size: 70%;
}
こんな感じになっています。
何かわかります？？
¥66 は何だ？
普通に f と解釈されて
font-size: 70%; が効いてくるんじゃないか？
あと /*¥*/ は何だ？
safariの部分削除したほうがいいんですかね。
スタイルシートいじるのが怖いんですが。
何で safari だけ 70% にしてるかわからないと答えようがないような
怖いならページ複製して試せば？
font:100%/1.4 font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
今でも使われている定番の書き方です。
69さんの指摘する箇所が原因かもしれません。
基本bodyで挙動変動はほとんどないので一度試してみてください。
ありがとうございます。
試してみたところドンピシャでした。
safariの部分削除したら元通りになっています。
古いホームページビルダー全部そんな感じになっているみたいです。
文字がしっかりと大きくなりました。
本当に助かりました。ありがとうございます。
やはりブラウザの仕様上できないのでしょうか。
詳しい方、お教えください。
統一してほしいわ
参考に聞かせてください
ｵﾅｼｬｽ
msのosサポート状態で見極める
あとはログみて判断だな
拡大縮小はブラウザでできるし今はそこまで重要じゃないのかなってふと思ったけど
他にも理由があるのかな
無料サバ考えてるがどこがおすすめ？
有料サバも探したけど無料からでいいよな？
何か問題ある？
見てるかわからんけど
どんな風に解決したのかkwsk
そういう局所的なシステムにしかないフォントを使おうとする思考が理解できない
ユーザーが再現できなきゃ意味無い
そんなにズレるかね？
ウィンドウズ版chromeでカスれるのはわかるけど
あと局所的ってほどでもなかろう
サイトにもよると思うけど半分くらいの人にはあるんだから
・極小
・小
・中（推奨）
・大
・極大
はそれぞれどのくらの倍率なのですか？
検索が下手なのかヒットしませんでした。
どなたか教えてください。
他にも良い方法があればアドバイスをください。
ttps://jsfiddle.net/wc4b8mkt/ よろしくお願いします。
line-height:100px; text-align:center; ※1行の文字列のみに限る
padding:1em 0; text-align:center; ※複数行可だけどpの高さは内容または設定値に依存
一番楽なのはこの２つだと思うけど状況によって使い分けになると思う
他の方法だとpをtableのセルのように動作させる方法で
display:table-cell; vertical-align:middle; text-align:center; height:100px; width:200px;
※高さと幅を指定する必要がある
その他でpをdivなど他の要素に入れる必要があるけど
親の方にdisplay:table-cell;text-align:center;vertical-align:middle;
pはdisplay:inline-blockなどとして似たことができる
これはp自体の位置を上下左右中央にできる＆複数のpを横並びにできるなど利点がある
他にpositionやmarginを使う方法とかあるけど最近はflex使うことが多いかな
こんなのどうよ
ベンダプレフィクスで長くなったけど
flex使っただけ
ttps://jsfiddle.net/swhw18xm/1/ 横スクロールで表示する方法ない？
JavaScriptなら余裕
HTMLでペッと貼るだけのやつはどうしようもない
アプリ登録してAPI叩いてデータとってきて自分で整形すればどうとでもなる
それとも絶対値ですか？
せやろか
ttps://jsfiddle.net/7j3f1qdf/ ほぼpx
たまにvw
ウチの環境が変なんかな
見直してみるお(´・ω・`)
ありがとう
ttp://example.com/?a=1&b=1&y=1 ttp://example.com/?a=1&b=1までがsrcのURLで y=1はhoge.htmlに渡すパラメータになります。
?と&が混在してるのでうまく渡せていないようなのですが、
この部分はどのように対処したらいいのでしょうか？
パーセントエンコードしてパラメータの区切りを明確にする
対応言語は問わない
ttps://developers.google.com/chart/ さんきゅう
ウチのIE、gridが機能してない；；
バージョンは11.0.14393.0デス
ttps://jsfiddle.net/p4hzkv7g/ 上のようなコードで親要素にdisplay:flex;を設定すると
子要素より下の要素にfloatが設定されても
それの親要素が高さを変えないのは仕様ですか？
上の例だとh1要素内のimg要素にfloat:left;が設定されているので
img要素の高さは無視されるものだと思っていました。
フリーランスの方にWordpressテーマのカスタマイズをお願いしているのですが、
こちらの要件を満たすカスタマイズを実装が難しいと来ています。
詳細を聞いても的を得ない回答しか来ないため、何が原因で実装できないのか理解出来ませんので
何が原因なのか分かる方がいらっしゃったら教えて頂きたいです。
二つのテーマががあるのですが、テーマAに使われている機能をテーマBに実装したいのですが、
phpの記述内容を移そうとするとphpのバージョンが古いという理由でエラーが出てしまっているそうです。
テーマはどちらも最新で、サーバーサイドのphpも最新バージョンになっているのですが、
テーマのphpが古いという理由でこういうエラーは発生するものなのでしょうか？
あるんじゃねーの？
つか自分で作れよ。
ここはそういうスレなんだし。
phpのバージョンってサーバーサイドの話でしょ？
はじえめて聞いたわ
知らないならいちいちコメントするなよw
バカの自己紹介は片腹痛いからやめてくれwww
信じないなら、人に頼まず、自分で作れ
サーバーサイドのPHPが最新バージョンというのなら
そのバージョン番号言ってみ
普通は最新バージョンであるはずがないんだが。
まあ最新バージョンであるかどうかは、そこまで重要ではないが
PHPのバージョンが新しくて、テーマがそのPHPのバージョンに
対応していないこともある。
テーマが最新といっても、最終更新日が10年前とかありえるからな。
ようするにそのテーマがPHPのどのバージョンに対応しているかって話だ。
そしてPHPの設定にもよる。
だから、PHPのバージョン、WordPressのバージョン
テーマが対応しているWordPress、PHPのバージョン
そしてサーバーの設定によっては動かすことが困難だったりするだろうさ
そもそもあなたがphpを知らないのになぜ要領を得ない回答だとわかるの？
発言がコロコロ変わるとか？
もしPHPのバージョンが最新なら7系になる
WPコアは7を推奨しているし、動く
けどテーマが必ずしも7で動くように記述されてるとは限らんっていう話だよ
PHP7は5までで許されてたレガシーな書き方をバッサリ切ったから
書き換えればいいだけなのはわかっているけど
の払ってる金では難しいってことじゃないかね
よくある話だけど
<h1>が<img>の高さを計算できなくなるって考えはあってる
flexコンテナの高さを明示するとわかりやすい
ttps://jsfiddle.net/p4hzkv7g/1/ flexアイテム（<h1>）はデフォルトでalign-self: stretch;が設定されて
flexコンテナの高さに追従しようとする
flexコンテナの高さを明示しなかった場合
ttps://jsfiddle.net/p4hzkv7g/2/ flexコンテナはただのブロックとしてコンテンツを内包できる高さになるんで
「TEXT」より高さのある<img>の方の高さに設定される
なので<img>の高さに合わされたflexコンテナの高さに追従するから
<h1>は<img>と同じ高さになる
赤枠の上下に空きがあるのは<h1>のデフォのマージン
ありがとうございます。
確認したところ、フリーランスの方の作業サーバーがロリポップでロリポップ内で最新という事でした
Wordpressのテーマ自体は今年更新が会っているのでファイルが古いという事は無いと思います。
曖昧な発言しかしてこないからですね、確認しても曖昧な回答しか帰ってこないので正しいのか少し疑問があったのでこちらで質問させて頂きました。
ありがとうございます。php5で書かれているか7で書かれているかを確認デキれば原因は確定しそうですね
それであれば金額調整するだけだからいいんですけどね、
いかんせんそもそもこちらの要望が実現不可なの否かの判断出来ないので
まずそこに判断をしたいと思っています
とても丁寧な返答ありがとうございます！
なんとかしてimgの高さを無視させたかったのですが難しいです。
いただいたレスを参考に考えてみます。
ありがとうございました。
> 確認したところ、フリーランスの方の作業サーバーがロリポップでロリポップ内で最新という事でした
ttps://lolipop.jp/manual/hp/cgi/ サーバーによって違うじゃん。もしモジュール版を使っているならば、
5.6しか使えないかもしれないし、7.1しか使えないかもしれない。
> Wordpressのテーマ自体は今年更新が会っているのでファイルが古いという事は無いと思います。
関係ない。更新したからと言って、古いコードのままかもしれない
> ありがとうございます。php5で書かれているか7で書かれているかを確認デキれば原因は確定しそうですね
可能性は上がるが確定できるとは限らない。環境と設定と書いてあるコードなどで変わってくる
> いかんせんそもそもこちらの要望が実現不可なの否かの判断出来ないので
金と時間の問題だってわかってる？
未熟な人は技術的に可能かどうかを答えてしまってあとでトラブルになるが、
ちゃんとしている人なら（決められた金を時間のなかで）実現不可能という言い方をしてくる。
だから、あんたも実現するならどれくらいの金と時間がかかる？って聞いたほうが良いよ。
殆どのことは実現はできるが金と時間がかかるという答になるから
○○○.com/ にアクセスると
○○○.com/?i=1
というように、すべてのurlに ?i=1がくっついてくるのですが、これを取り払うには htaccessに何と書けば良いのでしょうか？
それとも他に方法がありますでしょうか？
あいまいな発言をしてくるなら、そいつは、プロとしておかしいだろ。
そいつとの契約をやめて、自分で研究して作ればいい
自分が分からないのに、相手と交渉など、出来ないだろ。
相手に何を言われても、君は分からないだろ
普通は、仕事を頼む方でも、情報処理など何かの資格を持って、相手に望む。
そうしないと、そもそも相手に言われる事が、理解できないから、
外国人同士が話すようなもの
自分で研究するのが嫌なら、まず相手と交渉のできる、技術コンサルタントを雇え。
それで、コンサルと相談しながら、交渉に望め
普通、会社では必ず、どちらかの方法を取る。
技術が分からない、素人だけで交渉することは、あり得ない
そもそも、この板は、自作している人の板だし。
素人が、この板で返事をもらっても、書いてある事が理解できないだろ
親セレクタ（E<E）と親祖セレクタ（E E）もほしいよな
･･･ﾊｯ('Д')
誰もが思いつくのに無いのは理由があるのだろうが
その理由をちゃんと説明している所は見かけないな
とりあえず
E << F > G < H I << body
（ << は先祖セレクタ ）みたいなセレクタがあったりすると
DOM の一箇所を改変しただけで全体のリフローを誘発する可能性があるので
効率的に実装するのもメンテするのも困難を極めそうなのは容易に想像つくが
親切にありがとうございます。
一度フリーランスの方に相談して進め方を見直します。
もう解決したかも知れんが
ラッパーを作ってalign-selfを変えてやればいいんだぜ
ttps://jsfiddle.net/p4hzkv7g/6/ E << F > G < H I << body
怖すぎわろた
:hasはよ
ttps://www.youtube.com/watch?v=G7qL6ftpets 第１回案件王ランキング！YouTuberで１番稼いでるのは誰だ！
ttps://www.youtube.com/watch?v=asF2wQ2xhjY&t=61s ユーチューバーの儲けのカラクリを徹底検証！
ttps://www.youtube.com/watch?v=FUSb4erJSXE&t=504s 【給料公開】チャンネル登録者4万人突破記念！YouTuberの月収公開！
ttps://www.youtube.com/watch?v=Y7DAQ0RKilM&t=326s 誰も言わないなら俺がYouTuberのギャラ相場を教えます
ttps://www.youtube.com/watch?v=E4q-vaQh2EQ&t=118s YouTuberになりたいのは馬鹿じゃない！YouTuberになる方法
ttps://www.youtube.com/watch?v=Fr0WXXZRMSQ 最高月収5000万円だとさ。年収じゃなくて「月収」な
おまえらもyoutubeに動画投稿したほうがいいぞ。副業にぴったしだ
やろうと思えばスマホがあればできるぞ
最低2年はやらないとここまではいかないだろうけど才能とアイデアと
企画力と継続力があればが大儲けできる可能性がなくもない
まだまだ他の職種に比べれば競争率は低いからオススメ
顔出したくないならラファエルみたいに仮面つければいい
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
古臭い知識しかない悪徳SEO業者に要注意！
「突き」全般がスピア、刃が無い尖った棒がランス、ジャベリンは投げ槍
＊ ＋ うそです
n ∧＿∧ n
＋ (ﾖ（* ´∀｀）E)
Y Y ＊
grid-column-startとgrid-column-endはgrid-columnのショートハンドに属してて
grid-rowとgrid-columnはgrid-areaのショートハンドに属してるんですか！？
ﾜｹﾜｶﾒ
shorthand は持つものではないので「〜のshorthand」という言い方はないと思う
業務アプリのUIを手軽に綺麗に構築するためのライブラリって何を使えばいいんですか?
やりたいことは.NET WinFormsのアプリを手作業でhtml/css/jsに移植する感じです
如何にも業務的で画面サイズが固定で入力が沢山満遍なく散らばっててグリッドが超賢いやつです
入力検証がパラノイアじみてて異様に細かく設定されてます(コードの大部分は検証コード)
見た目はこだわりませんが保守しやすくそれなりに綺麗にしたいです
自作したREST APIがあるので再利用したいです(JSON in/JSON out)
ftpでアップロードしても反映されたりされなかったり発狂しそうです
ググってもよくわからないので、どうすれば反映されるのか教えてください
ありきたりだけどブートストラップでいいんでね？
1台目サーバー(A)のURL、www.hoge.com/SUB/
※SSLはwww.hoge.comで有効。
SUBにアクセスした時に、
2台目サーバー(B)に301リダイレクトさせたとき、
この時2台目サーバーもSSLが継承されると聞きました。
サーバーBでもSSL契約をしなくても良いのでしょうか？
サーバーBは完全にデータサーバー的扱いでBに直にURL打って入るとかはしません。
リダイレクトするなら直にURL打って入るのと同じことにならないか？
解答になってない。
そんなこともわからないの？
悪いけど、2台目サーバ(B)にSSLが継承されるの意味が分からないので、詳しく
具体的にどうすると、どうなるの？
リダイレクト？
リダイレクトの意味が分からない？
リダイレクトっつーことは
何か違うドメインが振られてるんだろ？Bにも
だったらそれはそれで認証取らなきゃダメに決まってんじゃん
ドメイン内でもリダイレクトだぞ
これ常識ね
2台目サーバーBにリダイレクトつってんだから
同ドメインてことはなかろう
目くそ鼻くそ基地外
htmlとcssの知識あれば作れるものでしょうか？
wordpress触ったことがないので、どんなものか分かりません。
ショッピングカートプラグインを入れて、あとはそこのテーマテンプレートを選んでコーディングしていくってイメージなのですが
一応カーラミーで運営はしているのですが
オーダーメイド商品を多くあつかっていて、1商品に対する選択肢が結構多いんですよね。
カーラミーだとオプションが二つまでしかつけられないので、何個もオプションを付けれるレンタルカートを探したのですが
なかなか見つからなくて、wordpressのプラグインにたどり着きました
自分で試せばいいじゃん
タダなんだし
自由にカスタムしたいならメールフォームプロとかのほうが良さそう
いまいち言ってる意味がわからんけど
<div>要素は特に意味のないブロック
うまく伝えることができなくて申し訳ないです。
HTMLを勉強し始めたのですがピンとこなくて質問しました。
教えてくださり、ありがとうございました。
こっちもキツイ書き方ですまんこ
<div>と<span>は意味がないから困惑するかもね
オプション２個までだと確かに不便だと思うんだけど、カーラミー使っている人達は我慢しながら使っているの？
自営業ならやりますけど、いちおう雇われなんで・・・
んー、調べてみましたが違いますね…
7年くらい前から改善要求はあるみたいですねー
easy-myshopってとこが良さそうなので、ちょっと調べてみます
SOYSHOPならオプション好きなだけ付けられるよん
でもメールフォームプロ見てできないって思ったのなら自力じゃ無理かも
先に、なるべく意味付けが出来るタグを使うこと
まあ漏れは、ひとまず、div で囲って、id を付けたりするけどw
見た目と動作が正しければ意味なんてどうでもいい
変わってんな
PS4からキャプチャーでとってきたファイルなんですけど、このままGIFアニメにすると重たくなるので、なるべく劣化させないように手順としてまずはリサイズしたいと考えております
どなたかお力添えお願いします
ttp://html5doctor.com/resources/ HTML5 Sectioning Element Flowchart (日本語版)を参照
板違い。ここは、web制作管理板です
ソフトウェア関係の板へ、書き込んで
か、プログラム書けないorデスクトップでやりたいなら
handbrakeとかどうだろ
リサイズするとCPU食うけど、ハードウェアエンコードできるキャプチャーボードがあれば瞬時に解決しそう。
ttps://jsfiddle.net/redq8xr3/ ↑のような状態の時、H1タグの中のAタグのborder-topが上にはみ出している原因がわかりません。
Aタグをdisplay:block;にすると問題ないのですが気になります。
詳しい方、教えてください。
どうか、よろしくお願いします。
こうするとわかりやすいだろうか
ttps://jsfiddle.net/redq8xr3/3/ 上のボーダーがはみ出すのは<a>がinlineだから
inline-blockになればはみ出さない
下のunderlineがはみ出すのはline-heightが1だから
line-height（行の高さ）はtopからbaselineまでが基準値になってる
計算しやすいよ。
それ苦手だー
borderやpaddingのあるボックスの高さと
line-heightを合わせたいときに面倒になる印象ある
食わず嫌いだけど
横レスごめん
初心者的には良いと思ったんだが、車でいうところのオートマだから文字のベースラインとか合わせたい時違和感がありそうだ
aがinlineだとはみ出してしまうのですね。
親要素から飛べ出てしまっているので気になっていました。
勉強します。
box-sizingという方法もあるのですか。
計算方法が多くて悩みます。
みなさんレスありがとうございました。
早く一人前になれるよう努力します。
これってaをblock系の要素に変える以外の方法で解決できるんかな
こうするとわかりやすいだろうか
ttps://jsfiddle.net/redq8xr3/5/ インラインレベル要素ってのは、ブロックの中身そのものなんで
親ブロックの高さはその中身（文字）の上下で計算される
だから例のようにインライン要素にpadding設定してもそれはかわらん
ボーダーも同じ
分からないことは片っ端から調べるようにしてるけど追いつかない；；
レスThanks！
blockはゆで卵 高さも幅も持てるが無指定なら100%になるのが良し悪し
inline-blockは温泉卵 高さや幅は持てるが対外的には成り行きのようにもふるまえる
今750pxで作ってますが、750ｐｘって多分タブレット用ですよね
タブレット考えずにスマホだけ考えると半分の380pxくらいでいいんでしょうか
540〜768未満 : タブレット縦
768以上 : タブレット横・デスクトップ
グリッドデザイン
960px
または、940・978
IEだけベンダープレフィクスが必要みたいなんだけど、いつの日か対応するのかね
私のショップdionでホームページ作ってたんやけど、ホームページアドレスを変更しようとおもってます。
もうひとつ昔に練習用に作っていたホームページがあって、そのアドレスを
今までのホームページのアドレスにすること考えています。
過去のホームページのページランクを関係なくして今使っているホームページの内容を全部移してランクも移行したいなぁと
思っています。
上手な移行する流れが分かれば助かります。
301リダイレクトでググれ。
やり方とか教えて下さい。 ┌(_Д_┌ )┐
在日外国人さんですか？
ttps://www.youtube.com/watch?v=RLZGrqQnnZc 第１回案件王ランキング！YouTuberで１番稼いでるのは誰だ！
ttps://www.youtube.com/watch?v=asF2wQ2xhjY&t=61s ユーチューバーの儲けのカラクリを徹底検証！
ttps://www.youtube.com/watch?v=FUSb4erJSXE&t=504s 【給料公開】チャンネル登録者4万人突破記念！YouTuberの月収公開！
ttps://www.youtube.com/watch?v=Y7DAQ0RKilM&t=326s 誰も言わないなら俺がYouTuberのギャラ相場を教えます
ttps://www.youtube.com/watch?v=E4q-vaQh2EQ&t=118s YouTuberになりたいのは馬鹿じゃない！YouTuberになる方法
ttps://www.youtube.com/watch?v=Fr0WXXZRMSQ 最高月収5000万円だとさ。年収じゃなくて「月収」な
おまえらもyoutubeに動画投稿したほうがいい
顔出したくないならラファエルみたいに仮面かぶればいい
手っ取り早く視聴数稼ぐには有名ユーチューバーへの物申す系動画がオススメ
:hasとか
一概には言えん
けど、実装と勧告は別物
今は事実上、ブラウザベンダが草案作ってるようなものなんで実装の方が早いかも
W3Cによる勧告は
草案：working draft
↓
勧告候補：candidate recommendation
↓
勧告案：proposed recommendation
↓
勧告：recommendation
っていう長ったるいステップを踏みます
ブラウザベンダが今後HTML LS以外を優先することもないだろうし
勧告とかもう意味ない、気がする
んで先行実装から本実装までの感覚は今後一層短くなるんだろうけど
俺らがそれを使うかどうかは、俺らのサイト見にくる層のUAを見て決めてね
って感じじゃなかろか
ちょうどsassのcompassがそうしてるみたいに
CSS LSがあるという記録は読んだ覚えがない
ttps://books.spec.whatwg.org/ C#だとモデルを定義するとスキャフォールディングといってビューのマークアップを生成する機能があります
それと同じようなことをJSのほうで動的にやってほしいんです
let model = {
id: "X01",
name: "hoge",
details: [{
foo: "aaa",
bar: "bbb",
baz: "ccc"},{ ... }, { ... }],
execzzz: function () {
...
}
};
var doc = generate(model); /*
とても賢いアルゴリズムがモデルのメタ情報を解析してすごくいい感じのドキュメントを生成する */
document.body.appendChild(doc);
生成できれば楽でいいと思うんですが
というかテンプレートエンジン使ってる？
共有部分は分けて、ループ処理とか書いてもキャッシュ化してくれるよ。data-なんちゃらとかｊsで使う汎用属性とかがあるし、手書き馴れした方がいい。
毎回同じHTMLでいいならそうだろうし
実際そういうシーンではそういうの作ってる人もいるだろうな
ただ一般的に需要がないだけで
まだ、仕様が変更される可能性あるのかな？
Gruntのプラグイン、grunt-contrib-jst で、
js テンプレートを、事前にコンパイルする
JavaScript Templates(JST)
[Grunt]grunt-contrib-jstでjsテンプレートを管理する
ttp://dev.classmethod.jp/tool/grunt-contrib-jst/ 誰かが、Rails の、scaffold みたいな、プラグインを作っているかも
客に保証するブラウザの範囲内なら使うね
ベンダプレフィックスやらの対応は、案件ごとに違うけど
概ねcompassに任せてる
記事内にfontawesomeのアイコンを表示して、そのアイコンを押すと用意していた音源が流れるようにしたいです。
音源を作ってアップロードするところまではできたのですが、
font awesomeの記号にリンクをつけてURLを指定してもうまくリンクが表示されず、再生することができません。
<i class="fa fa-play" aria-hidden="true"></i> ←これ全体を指定して、リンク先に音声ファイルURLを指定しました。
うまくできずに困っています。アドバイスをいただきたいです。
よろしくお願いいたします。
Sassは聞いたことがあるけど
Compassははじめて聞きましたありがとう。
やっぱ客にもよりますよね
何が生成されるか全く予想不可能
コンパイルを遅くするだけ
えええ
それはjQueryのプラグインであって
jQueryの話題じゃないからスレ対象外
カートに入れたときに「今、●人がカートに入れています」のような情報を出すためにはプログラミングが必要ですか。
タグとか埋め込むだけで簡易的にできるものはありますか。
例えばAccept-Languageがjaだったら
「今、日本人がカートに入れています」
>プログラミングが必要ですか。
はい
>タグとか埋め込むだけで簡易的にできるものはありますか
いいえ
指定の動作をするプログラムを作ってもらえば、タグを埋め込むだけで実現させることも可能ですよ。
Vue.js で、追加ツールを使えば、Scaffolding できるらしい
ttps://jsfiddle.net/ncyg4kxu/ ↑のような感じでリストに線を引きたいのですが作り方は合っていますか？
線の引き方について「こうしたら良い」などのアドバイスがほしいです。
どうか、よろしくお願いします。
ttp://www.fuji-foods.com/ ↑このサイトみたいにトップページでコンテンツごとに背景を変更する方法を探しています。
何かいい方法はありますでしょうか？
問題ないと思うけど
要素名でやるのかクラス名でやるのかはっきりしたいところですな
これ自体には問題なくても、後々のことを考えると
>コンテンツごとに背景を
どこのことを指しているのか詳しく
問題ないですか、良かったです。
要素名とクラス名に関しても勉強します。
どうも、ありがとうございました。
CSSにはpxやem、%やvwなどの単位？が多く、勉強している途中なのですが、気になったので質問いたしました。
どうか、よろしくお願いします
それぞれ違うもの
pxは絶対値
em/remは文字サイズを基準にした割合
%は親要素の大きさを基準にした割合
vw/vh/vmax/vminはviewportの大きさを基準にした割合
さん、レスありがとうございます。
やはり特定の比率を維持するためには%しかないということでしょうか。
いただいたレスを参考に勉強を続けます。
ありがとうございました。
ttp://www.fuji-foods.com/ ↑のサイトで企業情報と事業紹介の背景のことです。
ワードプレスを使用しているのですが、背景を一つしか設定できずに困っています。
スレチだったらごめんなさい
ユーザーが変更できなくなるので、使わない方がよい
body { font-size: 62.5%; }
普通、ブラウザのデフォルトサイズは、16px だから、
16px * 62.5% = 10px となり、
1em, 1rem が、10px となり、em, rem での計算がしやすい
font-size - MDN
ttps://developer.mozilla.org/ja/docs/Web/CSS/font-size pxを使うとユーザが変更できなくなる？本当に？
背景（background）はbodyだけでなく、ほぼ全ての要素に使えるんだよ
<div class="aaa">
企業情報
</div>
<div class="bbb">
事業紹介
</div>
.aaa{
background: url(a.png);
}
.bbb{
background: url(b.png);
}
のように
wpは関係ない
なんか古いなあ
ウィンドウの幅を変更したら縦横比がなんかおかしくなるよね？
まあスマホとPCで切り替えるためだけなら別にPCのウィンドウ云々は関係ないんだろうけど
横だけじゃなく縦もそうすればいいじゃない
ただそんなの面倒臭すぎるので
viewportの縮尺変えた方がいいと思うけど
ttp://xn--pckwbo6ks47msdhxcu239c.jp/contents/truck-syasyubetu/suzuki-carry.html これは一例ですが、こういった画像と車種等の情報を書き込むにどのように作成するのでしょうか？
あまりに初歩的で質問するスレもこちらで正しいのかわかりません
スレ違いでしたら、誘導していただけると助かります
この手のいわゆる帳票形式は
わりと意見の割れるところかもしれんね
個人的にはセクショニングと見出し：文章を重視したいので
普通に<article>や<div>、<hn>で書くことが多い
けど「これはこういうレイアウトの表だ！」って判断で<table>でなんとかする人もいると思うし
それも間違いではないと思う
すみません、せっかくお答えいただいたのですが、専門用語の知識が全くありません
まずは、リンクの帳票形式を作成するにはどこから(なにから)学ぶのが良いのでしょうか？
・コンピュータのファイルとディレクトリの仕組み
・インターネットの仕組み
・テキストファイル、バイナリファイルの特徴
・HTMLの書き方
・CSSの書き方
・ファイル転送の方法
これくらい学べばとりあえずOK
ごめんちょっと抜けてた
・コンピュータ全般、ファイルとディレクトリの仕組み
・インターネットの仕組み
・WWWの仕組み
・テキストファイル、バイナリファイルの特徴
・HTMLの書き方
・CSSの書き方
・ファイル転送の方法
細かいところまで提示をしてもらってありがとうございます
またここのお世話になると思いますが、スレ違いでなければ、よろしくお願いします
質問させて下さい。
大量のURL（エクセルシート）があり一つずつDreameaverで貼り付けてるのですが
もっと効率よく出来ないか？
<エクセル>
#1
ttp://www............... #2
ttp://www............... #3
ttp://www............... ↓
<a href="#1" target="_blank"> 〜 </a>
<a href="#2" target="_blank"> 〜 </a>
<a href="#3" target="_blank"> 〜 </a>
エクセルの前のセルに例えば「#1」を入れたURLを
「#1」のソースに置換えたいのですが
良い方法はないでしょうか？
よろしくお願いします。
1だと狭すぎるしで考えてます。
よろしければ参考に聞かせてください。
・テキストエディタの検索・置換を上手く使ってななとかする
・テキストエディタのマルチカーソル機能を上手く使ってなんとかする
・エクセルのVB等の機能を上手く使ってなんとかする
・プログラム書いてなんとかする
みたいな感じで
デザインや書体によるとしか言い様がないけど
文字網になる部分を1.4以下にすることはまずないかも
その辺のことはウェブだけでなく
エディトリアルデザインの基礎も学んでおくと為になるかも
ほしい情報部分だけ印刷されるように手間をかけてあるサイトはときどきあるけど現時点では本当に稀。
有名サイトでもけっこうあって残念感
ちなみにこのサイトの１つにcssやｊｓなどかなり詳しい記事が出てるとこがある
ググルとかなり当たるからみんなも１度は見てるはず
csvにしてphpで読み込んでforeachじゃダメ？
なんか時代が一周りした感じでしみじみするわー
まだスマホもなく、mova携帯も残ってた2004年頃から、企業の採用サイトが発端で
サイトの印刷対応がしばらく流行ったんだぜ
サイトにはよく印刷ボタンがついてたし、印刷をサポートするASPもあった
ブロックの改ページ跨ぎ問題とか、背景が印刷されない問題とか、いろいろ苦労があって
質問スレにも印刷CSS関連の質問がそこそこあった思い出
スマホが普及して、印刷する必要性が下がって、みんなprint.cssを作らなくなって
時が経ち、また,280みたいな感想をもつ人が現れるようになったんだろうね
ありがとうございます。
Web制作初めてでして。。勉強になりました！
まあみんな最初は初めてだから
他のサイト見て真似したくなったら
真似したいところを右クリして開発ツール（chromeだったら「検証」）出すと
その部分のHTMLとCSSがどうなってるのか見られるから、そのへんの使い方覚えるといいかもね
ありがとうございます。
しかし、phpは、不可です。
※掲出箇所の事情によりhtml以外は提出できません。
又、初心者ですのでphpまで出来ませんので
テキストエディタ等やapplescript等で出来ると
良いのですが、むずかしそうですね...
※winでもmacでも可
AppleScript使えるつーことはmacOSなんだろ
ならphpもrubyもperlもpythonもすでにローカルで動く環境ができてるから
エクセルからHTML作るのなんて、ほんの数十行書けば出来るよ
そんなに難しくないから食わず嫌いしないでやってみ？
ありがとうございます。
調べてもわからなかったので質問させていただいたのですが....
もう少し調べてみます。
ありがとうございます。
ごめんねごめんね
例えちんこがもげてもプログラムは書きたくない！ってくらい強い意志なら
で書いたけど、テキストエディタの機能で頑張ってみて
プログラム（例えばPHP）なら
・xlsxをcsvに変換しておいて
・SplFileObjectでcsvファイル開いて
・setFlags(SplFileObject::READ_CSV)して
・foreachで回して各セルのテキスト拾って
・sprintfでHTMLに整形してバッファに貯めて
・出力ファイルをfopenしてどーん！
でOK
詳しいやり方はphp csv 読み込み、とかでググるとQiitaあたりがヒットすると思うよ
「初心者だから…」ってのは全初心者が陥りがちな勘違いだから、気が向いたら試してみるといいと思うよ
わざわざ細かく書いていただいてありがとうございます。
教えて君では駄目ですね！
いい機会なのでPHPの勉強を兼ねて調べて必ず出来るようにします。
夜中にありがとうございました！
PowerShell で作った。
入力ファイルは、タブ区切りのCSVファイル。
$Out_file は、出力ファイル
$In_file = '.\in.csv'
$Out_file = '.\out.txt'
$ary = @()
Import-Csv -Path $In_file -Delimiter "`t" -Header num, url | foreach {
$ary += '<a href="' + $_.num + '" target="_blank">' + $_.url + '</a>'
}
$ary > $Out_file
ファイルの文字コードが、UTF8 なら上、shift-jis なら下にする。
Import-Csv -Path $In_file -Delimiter "`t" -Header num, url
Import-Csv -Path $In_file -Delimiter "`t" -Header num, url -Encoding Default
Mac では、Rubyが簡単
in_file = "in.csv"
out_file = "out.txt"
ary = []
File.open( in_file ) do |file|
file.each_line do |line|
cols = line.chomp.split(/\t/)
ary << %Q(<a href="#{cols[0]}" target="_blank">#{cols[1]}</a>)
end
end
puts( ary )
ああ〜凄く感謝です。
今は出先でテスト出来ないですがRubyで頑張ってみます。
以前、Rubyを習得しようとしましたが挫折してしまったので今一度、一から勉強してみます。
しかし、皆さんサラサラと書けるの凄いですね......
私は基本デザインの方なので文字の羅列が取っ付きにくいですが頑張ってみます。
ありがとうございました！
これ今更だけどphpなしでやるなら
エクセル上で必要なタグを書いた列を挿入して結合したらよいのでは…
文字サイズ12pxに対して行高17px;
17/12 = 1.416666...
KDDIさんが前のサイトから新しいサイトに３０１リダイレクトのサービスをしてくれるということで新しいホームページ(アドレスも変わりました。)へ３０１リダイレクトを
お願いしました。
しかし、すべてのページをTOPページに移動するだけでした。後で気づいて、古いサイトも新しいサイトも同じ形のサイトだったのですべてのページごとにリダイレクトできるように
かえるようにお願いして今はその作業中です。
こういった場合前にリダイレクトしたことでページのランクは残っているのでしょうか新しいサイトのサブページも評価するでしょうか？
新しいリダイレクト理解してくれたらいいのですが、googleロボットはちゃんと確認してくれるか心配です。
知っている人がいれば助かります。
どこで聞いてもそれはその人妄想だよ
そもそも、PowerShell, Ruby などで、処理しないでも、
エクセルで式を書くだけで、出来るかも？
split(/¥t/)だけだと
ダブルクォートされてたり、文中にカンマ出てきたりしたときこけない？
タブが無いことを想定して、タブ区切りにしている
ああやっぱそうだよね…
エクセルのCSV化でも
rubyなら安直に¥tでぶつ切りするだけで上手くいくのかと思っちゃいました
のプログラムは、paiza.io に貼ってある。
ttps://paiza.io/projects/7fFJ4enkqJxZEzsDoApX_A データはタブ区切りで、File1 に書いてある
fsでCSVファイル読んで
csv-parseに渡せばもう2次元配列になってるから
あとはループ回してHTMLつくって
fsで書き出すだけだ
質問した275ですが皆さんありがとうございます。
質問と少し答えが違ったので私の伝え方が悪かったのですが
<エクセル>
セル1 セル2
#1
ttp://www.123 #2
ttp://www.abc #3
ttp://www.%&%& <html>
<a href="#1" target="_blank"> 〜 </a>
<a href="#2" target="_blank"> 〜 </a>
<a href="#3" target="_blank"> 〜 </a>
↓こうしたかった
<a href="
ttp://www.123" target="_blank"> 〜 </a> <a href="
ttp://www.abc" target="_blank"> 〜 </a> <a href="
ttp://www.%&%&" target="_blank"> 〜 </a> 教えてばかりではいけないので、勉強して頑張ってみます。
現状、全然わからいけど....
〜には何が入るの？
すいません...
「〜」は特に何も無いです。省略を意味してたのですが説明下手ですいません
セル1に「<a href="」、セル2にURL、セル3に「" target="_blank"> 〜 </a>」を書く。
範囲選択してテキストエディタに貼り付けるとタブ区切りになる。
テキストエディタでタブを空に置換する。
結合したほうが早いのでは
ていうか275の人は毎度ひとことふたこと余計なこと言い杉 ネットで質問するのに向いてない
もう十分答え出てるのにこれ以上何を知りたいのかと
素のPHP使ってるんだけど問題ある？
テンプレは好きなのでいいんじゃない？
個人的にはjadeが好き
それを変換するタスクランナーの
例えばgulp-webserverとか使うときにPHPが動くように
あれこれする必要はあると思うけど
これに伴って、DV証明者か無料SSLを導入しようと思っています。
一般論としてこのようなことによって、サイト閲覧者に、例えばサイト運営者の
氏名や住所が公開されるということはあるのでしょうか？
ドメインを取得したときにWhoisの情報公開代行を行わないと
Whoisでサイト運営者の氏名や住所が公開されてしまいますが
これと同じような落とし穴や注意点があったりしないでしょうか？
DVってなんだっけ？
それ以上だと個人で取得はできなくて、会社の情報とかが分かるようになってるんだっけ？
疑似要素::beforeや::afterでcontentの値が空（content:"";）の時、line-heightで高さを調整する方法を考えていたのですが分かりませんでした。
heightであれば調整できたのですがline-heightでは調整できないのでしょうか。
詳しい方、教えてください。
よろしくお願いします。
.test{
background-color:orange;
}
.test:before{
content:url();
width:15px;
line-height:100px;
background-color:green;
display:inline-block;
}
レスありがとうございます。
空のURLなんて方法もあるんですか
勉強になります。
いただいたレスを参考に進めたいと思います。
ありがとうございました。
グーグルで表示されるのも、当然ｗｗｗつきです
改めて.htaccessで無しに変えようと思ってるんですが、今更止めたほうがいいでしょうか
また変更したとして、検索結果に反映されるのはどれくらいでしょうか
よろしくお願いいたします。
回答ありがとうございます。
参考になりました。
ありがとうございました。
曜日や時間ではなく、
今日は「1」
明日は「2」
明後日は「3」
その次の日はまた「1」
と「1」「2」「3」を毎日繰り返して表示させたいのです。
これはどの様にすればいいでしょうか？
アドバイスをよろしくお願いします
好きにすればいいんだけど
そのままだとwwwありとなしの双方がインデックスされてしまうんで
どちらかを主と決めて、canonicalに主のURLを書くようにすればいいじゃろう
一昨日の日付を3で割ったあまりは？
昨日の日付を3で割ったあまりは？
今日の日付を3で割ったあまりは？
明日の日付を3で割ったあまりは？
明後日の日付を3で割ったあまりは？
メールフォーム置くのが一番安全ですかねぇ
連絡されてもうざいんで極力置かない
アドバイスありがとうごさいます
ですがよくわかりませぬ。
スクリプトでしょうか？
一定時間 画像 切り替え
でけんさく
スクリプトってなんじゃ
数値を好きな個数ぶん繰り返す方法はわかったじゃろ？
あとは出し分けするだけなんで、クライアントサイドでも、サーバサイドでも
好きな方でやればいいよ
安全てかスパム予防
HTMLがなんなのかわかってないんだよ
HTMLは文書に意味付けするだけ
CSSはその装飾をするだけなんで
なんか動かしたり条件わけしたい時はクライアントサイドのJSか
サーバーサイドのPHP等の言語を使うんだよ
検索したら私のやりたい事ができそうな情報が見つかりました。
難しそうですが解読していこうと思います。ありがとうごさいました。
こういう時間を制御したギミックはcssじゃ無理なのかなって思ってスクリプトかなって思いました。
htmlとcssの相互関係はある程度は理解していたつもりでしたがcssは恐ろしく奥が深いのでテンプレートコピペで簡単な組み合わせができる程度の知識しかないのは事実です。
よく考えたらあなたの言っている事は私の能力では実現出来そうにありません
サンプルサイトの様なモノを流用したりして貼り付ける事しかできないのです
ついこの前もJqueryを使った、スクロールしたら「上に戻る」ボタンがフワッと出てくるのをブログに設置して分かった気になった様な感じでした
サーバー側のPHPをどういじるかとか
クライアント側のjsをどうするかっていうレベルの事は
できません
勉強する気がないなら諦めろハゲ
どこか海外の全く内容的に無関係な通販サイトだかが大量にひっかかります
自サイトの見覚えある文章が流用？されているようで、
でも実際にそこに飛んでみるとソースにもどこにもありません。
これなんとかサーチエンジンから取り除く方法ってないんでしょうか
もちろん勉強しながらやるつもりです
しかし現時点の能力はこの程度なんです
htmlやcssもいじったりしながら手探りでなんとか理解を出来るようになってきた感じなんですね
しかしながらjsまでになってくるとまた全然違う文書の感じなんで質問したんです
しかもjsってなんかイメージ的にパソコンの深部にまで影響を与えるようなちょっと怖いイメージがあって(ウィルス作成できそうな)
ちょっと雑草の素人が小手先の知識でいじるかんじゃないかなって思っちゃったんですね
パソコンを壊すようなことはできない
まあ不可能ではないが、それができるようになるまでに
必要な知識を得たら、それこそ何をしたら壊れるかわかる
PHP, JavaScript などの日付関数を使うとか。
ひょっとして、プログラミング言語を使わずに、できる方法もあるかも知れない
検索エンジンの会社へ、著作権法違反だから、
検索結果に載せないように言う
jQuery(JavaScript)で、作った
$(function(){
// 今日の日付
var today = new Date();
// 1-31 を、3 で割った余り
var mod_res = today.getDate() % 3;
// 画像のファイル名、img_0.gif 〜 img_2.gif
var img_filename = "img_" + mod_res + ".gif";
// パス付き
var img_src = "../images/" + img_filename;
// 画像を設定
var img = { src: img_src };
$("#div_a").attr( img );
});
自分のサイト名で検索したところ
website.informer.comというサービスでサイトのアクセス数等が公開されていました
こういったサービスは.htaccessやrobot.txtで弾くことは可能でしょうか？
削除申請をする予定ですが
誰かがサイトのURLを入力をしてから情報を掲載するようになっていると思うので
再度入力されても情報が公開されない方法がありましたらアドバイスをよろしく願いします
robotsてのはあくまであっちの都合に合わせたものなので
あちらに読む気がないなら置いても無駄だよー
んで、そのサイトは
こちらのサイトにアクセスして云々は（多少はするけど）あまり関係ないっぽいので
アク禁するのも意味ない気がするよー
初心者だからHTMLは簡単、プログラムは難しい！
ってのは初心者みんながかかる病気みたいなもの
実際にはそんなことないので、食わず嫌いせんでちゃんと取り組んでね
先に書いた人がいるけどHTMLとCSSでできることは見た目だけ
それ以上のことは必ずプログラムが必要になるので
＞先に書いた人がいるけどHTMLとCSSでできることは見た目だけ
アウト！
アドバイスありがとうございます
このサービス内でアクセス数が表示されて無いサイトもあったので何か方法があるのかなと思いました
スクショも撮られているので、こちらのサイトにアクセスしてると思っていました
早速アクセス禁止試してみます
もし他に対策をご存知の方がおりましたらアドバイスいただけると幸いです
海外はすべて禁止でいい
サーバーに侵入されるだけ
中国は最大の顧客だろ
爆買いはネットでも顕在だ
ネットでボロ儲けしているところは
中国にも対応している
Google CDNとか中国に対応してないものは論外だ
そういう人ってスパムはどう処理してるんですか。
気にしてないんですか。それとも何らかの対策をしてるんですか。
本人に聞け
border:1px solid #000;
border-top:0;
border-right:0;
とするのと
border-bottom:1px solid #000;
border-left:1px solid #000;
とするのだと、どちらのの処理が速いでしょうか。
プロパティの数だと後者の方は left と bottom の2つの記述で済みますが、
単純に文字数だけなら前者の方が少ないので多少なりともファイルの容量が抑えられると思うのですが。
なんで、こんなこと気にしてるんでしょうか(´・ω・`)
上はborder-style-noneになってないから意味が違う
下の方が速い
あなたがなぜ気にしてるかは自問自答してくれ
レス感謝です。
指摘されるまで全然気が付きませんでした。
ありがとうございます。
一晩寝たら気にならなくなってました。
不思議現象でした。
お騒がせしました。
こんな書き方もある。
(プロパティの上書きは計算コストが余計にかかると覚えておけば良い。)
border-style: none none solid solid;
border-width: 1px;
border-color: black;
直感的(人間が理解する)には、の後者が分かりやすいと思うけどね。
上書きゼロだから。
どのような仕組みで画像を取得するのか、自作可能かを知りたいです。
検索しましたが、思い当たるワードが "リンク" や "画像" のため上手くヒットしません。
このシステム名、または参考リンクをご存知の方は教えていただけますでしょうか。
スレチであれば移動します。
で検索はどう？
ありがとうございます。無事解決しました。
「リンク先 サムネイル取得」で調べた所、
「ウェブサイトサムネイル取得サービス」というサービスやAPIがあることが分かりました。
これらを使えば、スカイプの様にリンク先の画像が取得できそうです。
ttps://jsfiddle.net/mcvpLbe3/ 上のサンプルで【.span-a】にfloat:left;を設定しても、【.p-a】が高さを失わないのはなぜですか？
現在CSSを勉強中なのですが、子要素が浮動すると、親要素は子要素の高さを失うと見かけました。
詳しい方、よろしくお願いします。
高さを計算できるのは
何かしらの子要素にclearが指定されるか
自身にoverflow: hiddenが設定された場合
clearfixは前者を利用したもの
レスをくださりありがとうございます。
まだCSSの勉強を始めて日が浅いので、いただいたレスを理解できるよう勉強します。
子要素のみにfloatが設定されると親要素が高さを失うけど
親要素にもfloatが設定されると親子一緒に浮いてるから高さを失わないんじゃね？
たぶんね〜
高さを失うとは？
その例で「高さを失った」ときとそうでないときとで、どんな違いが想定されるの？
float を入れ子にするとレイアウトも入れ子になるので
（技術的には block formatting context のツリーが入れ子になる）
.p-a は span-a の高さを包含するのに十分な高さになるのが自然な帰結だが
非協力的な顧客？
こっちの人生を否定してくる顧客
（感想もらえる可能性ができるだけ高いほうが良い）
製作者目線での専門的なアドバイスが欲しい訳ではなく、
閲覧者としての感想が知りたいので（○○がださい、○○が使いづらい、色使いがイマイチ等）
サイトに限らないサービスでもよいです。
ブロック整形コンテクストっていう、大雑把に言えば箱があって
CSSはこの中にブロックやインラインの大きさを計算して配置していく
これを通常フローっていう
んで要素がfloatすると、そいつは通常フローから外れ浮動体になる
自分のいる通常フローから外れてしまったから
親要素はそいつの高さを計算できなくなっちゃう
そんで、浮動体は自分の中に新たなブロック整形コンテクストを作り
自分がそのコンテクストのルート要素になる
ルート要素の高さについてはここの最後に書いてあるんだけど
ttps://momdo.github.io/css2/visudet.html#root-height 要するに、フロートしてて下にはみ出すようなことがあればそれに合わせる
ってことになってる
のでp-aの高さはspan-aに合わせられる
タートルネック禿「素人の意見がなんの役に立とうか！」
カプンコ「わかりました（じゃあ箱1Ｘで出そう）」
ってならないかな(´・ω・｀)
ご査収願います。
ttp://go-up.online/ ttps://jsfiddle.net/jkt5ozfn/ 簡単なリストを2つ作ってみたのですが、
文法上、どちらのリストが望ましいですか？
アドバイスをください。
どうか、よろしくお願いします。
ttps://jsfiddle.net/sckk6bs3/1/ ttp://aaa/01.html 〜 100.html を
ttp://aaa/bbb/01.html 〜 100.html に転送するにはどうすればいいですか？
またグーグルでは古いアドレスが出てくるので、当然404になってしまいます。
これが新しいＵＲＬに対応するのはどれくらいかかるのでしょうか。
apacheのrewriteっていうモジュール使って
リクエストを書き換えてリダイレクトするといいよ
その時、ただ飛ばすだけじゃなくて
ステータスコード 301 Move Permanentlyを返してあげると
グーグル先生にもサイト構造変えたことつたわる
具体的には.htaccessか、サーバのhttpd.confに書きます
詳しい書き方は
mod_rewrite リダイレクト
でググると親切なサイトがたくさん見つかると思うよ
でもnginxとかにもrewriteの仕組みはあるので
ご親切にどうもありがとうございます
検証でid=breadcrumbで表示されてることまでは分かったのですが、そこで止まってしまっています。
スタイルシートに
#breadcrumb{display:none;}
でいけるかと思ったんですがダメでした。どうしたら消えてくれるでしょうか。
どのページでも表示させなくしたいの？
だったらheader phpにあるパンくずリスト（breadcrumbs）のhtml部分を<!-- 〜 -->でコメントアウトしてみたら？
それかトップページ以外を表示させなくしたいんならその部分を
<?php if ( !is_home() ): ?> 〜 <?php endif; ?>
で囲う
そういう意味じゃなくて？？
すべてのページで表示をなくしたいです。
header phpにbreadcrumbが見当たりませんでした。。
ああheaderにないってことはプラグインで導入してるのかな？
じゃあインストール済みプラグインのところを見てみて
そしてパンくずリスト系のプラグインがあるか確認してあったらそのプラグインを停止
#breadcrumb{display:none !important;}
でもだめ？
それでも消えなければ
#breadcrumb:not(x)
（ x は存在しない要素名）でセレクタの詳細度を上げる方法もある
（ :not(x) は上げたいだけ何個でも）
プラグインでパンくずを表示してるとしたらcssで非表示にするのではなく、プラグインを無効にしたほうがいい
単体のプラグインじゃなかったら、functions.phpで設定しているかもしれないから、該当部分を外す
まずテーマフォルダ全体を「breadcrump」で検索してみよう
サイトタイトルと記事タイトルを<h1>タグでマークアップすることは、
アウトラインを生成する上で変でしょうか？
ネット上では、index.htmlのサイトタイトルを<h1>でマークアップし、
それ以外の記事のサイトタイトルは<p>でマークアップした上で、その記事のタイトルを<h1>でマークアップした方がいいと見かけました。
実際のところ、どうなのでしょうか。
どなたかアドバイスをください。
どうか、よろしくお願いします。
これだけだと通常のテキストと区別がつかない時があります
何かおすすめの装飾やフォントってありますか？
あまりオシャレな感じではなく、必要最低限、機能的に済ませたいと考えています
これと言って決まりはないんじゃないか？
斜字体にする、下線引く、引用符を付ける、その他いろいろありそう
誰のためにそれにこだわってんのかをはっきりした方がいい
検索ロボのためなんだったらHTML LSに従って、セクショニングを第一に考えるべき
そうでないならただの自己満なので適当でいいよ
少しでも正しいものが作れたらな と思った自己満足かもしれません。
いただいたアドバイスを参考に精進します。
どうも、ありがとうございました。
ありがとうございます
どうか、よろしくお願いします。
・W3C (w3.org)
・WHATWG (whatwg.org)
・ISO (iso.org)
RFC
パンくずリストを作りたいのですが、
如何せんファイル数が膨大なところに後付けする形なので、
手作業だと大変だなと思ったんです
みなさんどうやっているんでしょう
テンプレート使う手もあるし
サーバーサイドでもローカルでも
適当な方法で適当にやる
自社でDNS管理していたらIPアドレス等は簡単に設定し直せますが
他社がDNS管理していたらIPアドレスが変わる度にゾーンの変更を申請しなければいけません。
Aレコードとかをいちいち他社に申請しなくてもよい方法はないですか？
CNAMEで、ドメインで指定できるみたいですが、wwwなしは指定できませんし・・・・。
DNS自体の変更してもらうというのはできない状況です。
よろしくお願いします。
管理者に知らせずにIP変更するってことは
言葉を変えると
乗っ取り
じゃないのか？
せっかく目の前にパソコンあるんだから
そういうプログラム書いてサクッと書換えようぜ
複数のテキストファイルの一部を置換するなんて
かなり初心者向けだと思うし
なんで馬鹿なのに喋ろうって思っちゃったんだよ
ウィンドウズユーザにとっちゃプログラム書くのはまだまだ一大事だから
過剰に反応されるのもわからんでもない
わりと
HTML書き終わったらアウトラインみるアドオンを一回クリックして確認する程度には
参考にします！
ありがとうございます。
見出し （みだし、英語: headline）とは、
新聞を始めとする様々な記事、文章において内容の要点を非常に短い言葉にまとめ、
本文より大きな字で章（チャプター）や節（セクション）の最初に置かれる言葉。
見出しは、それに続く文章の要点をまとめたものらしいから、続く文章の有無が判断基準になるとか？
俺もよくわからん
それSEO的にも大事だよ
見出しと続く文章の関連性薄いと結果も良くなくなる
> 何をもって見出しとするかって難しくない？
目次を見出しにすればいい。
普通は逆で見出しが目次になるわけだが
> それSEO的にも大事だよ
当然だろうね
例えば本一冊が1ページに書かれていたとして
最初の方と最後の方は本としての大きなテーマにはあってるとしても
章ごとのテーマは違うわけじゃん？ 最初と最後では関係ないテーマかもしれない。
だから検索のスコアをだすとしたら章ごとにくぎって計算したほうが
1ページ全体から計算するよりもより正確になるだろうね
ttp://web-heihou.jp/blog/marke/%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF%E3%82%B8%E3%83%A3%E3%83%83%E3%82%AF%E3%81%AB%E3%82%88%E3%82%8D%E3%81%97%E3%81%8Fweb%E5%88%B6%E4%BD%9C%E7%B7%A8/ 頭が痛いんだが？
現在はなー
制作会社を組織して利益出してくのはわりと難しい方だと思う
wixでgoogleアナリティクスのトラッキングコードを貼り付けようとしたら課金しないといけないみたいなんで..........
ウェブ解析士ってのは有用な資格なの？
試しに自分の携帯でアクセスしてみたのですが反映されません
忍者アナライズにはちゃんと自分のブログのURLを貼っているのですが、これは他人から見たページを貼れば良いんですよね？
それともマイページのURLを貼れば良いのですか？教えていただけるとありがたいです
みたいなアドセンス?で稼ごうとする?ブログサイトのことをなんていうんでしたっけ？
先日fc2ブログを製作し、google analytics と google console にリンクしました。
ここまでは無事成功したのですが、この先、google console を「www」のある
ttp://www.△△△.blog.fc2.com/ に繋ぐのが上手くいきません。 この「www」付きのアドレスは、無しのアドレスを取得した時点で自動的に取得したようなものであり、
特に取得のための手続きは必要ない、という理解でよいですよね。
それで、google console に
ttp://www.△△△.blog.fc2.com/ の所有権を確認させようと、 google console の指示に従ってファイルをアップしたり、トラッキングコードを貼ってみたりしたのですが、
全く上手くいきません。
原因として、google analytics のトラッキングコードを貼った html を、一度変えたことがあるかも知れません。
（ブログのデザインのテンプレートを変更し、トラッキングコードを貼り直した）
現状そんな感じです。もしやり方がわかる方いましたら、教えて下さい。
ネットで見かけた情報だと、それにschema.orgで定義されている属性を利用すると良いとありました。
皆さんはどのようにして作成していますか？
アフィリエイトブログ？
質問の意味取り違えてたらごめんね
広告見当たらないけどアフィリなんだあれ
を奪うつもりだ。 ← 民主主義の崩壊
ttp://www.data-max.co.jp/280113_ymh_02/ ↑ マスコミは 9条しか報道しないが 自民案
の真の恐怖は21条など言論の自由を奪うこと
ttp://blog.goo.ne.jp/kimito39/e/ec37220f64a8e1d6ed732dd0ab95cbf0 ↑超危険な緊急事態条項で人権無視の内閣独裁に！
ttps://www.youtube.com/watch?v=h9x2n5CKhn8 上のビデオで 自民党は 国民に基本的人権
は必要ないと怖いことを平気で言う。
ttp://xn--nyqy26a13k.jp/archives/31687 ↑ 都民ファーストも安倍と同じく 憲法改正で 人権
無視の大日本帝国憲法に戻すつもりだから
絶対に投票してはだめだ。 民主主義が崩壊する
ttp://blog.goo.ne.jp/ngc2497/e/8899f65988fe0f35496934dc972e2489 ↑ ネトウヨ= 安倍サポーター工作員はネットで国民を騙す。
ttps://dot.asahi.com/aera/2016071100108.html?page=3 ttp://blog.goo.ne.jp/kimito39/e/c0dd73d58121b6446cf4165c96ebb674 ↑ 安倍自民を操るカルト右翼「日本会議」は国民主権否定。
国民投票や選挙では自民党、維新、小池新党に絶対に入れるな。
ウチは小規模だから導入してないけど
PHPとかで動的に生成するとインデックスされないって見かけたことがあるな
本当か噓かは分からんけど
内容によりけりじゃね？
とりあえず書き込んでみ
現在、以下の【例1】のようになっている箇所があります。
この箇所はサイトのフッターになるのですが、【例2】のようなマークアップの方が良いのでしょうか。
【例1】----------------
<h2>NAVIGATION</h2>
<ul>
<li>List Item</li>
<li>List Item</li>
</ul>
<h2>COPYRIGHT</h2>
<p>© 2017 COPYRIGHT</p>
【例2】----------------
<h2>FOOTER</h2>
<h3>NAVIGATION</h3>
<ul>
<li>List Item</li>
<li>List Item</li>
</ul>
<h3>COPYRIGHT</h3>
<p>© 2017 COPYRIGHT</p>
詳しい方、教えてください。
どうか、よろしくお願いします。
iOS端末が無いと無理
今時、そんな必要あるの？
Safariユーザーは少ないので切り捨てるのが良いよ
iOS端末のSafariはMobile Safariといって違うもの
はいはい
そんな事より439に教えてやって下さいね
だからSafariは切り捨てろと
仕事だとそうも言ってられんよ
クライアントがMacだったらアウト
・テキストは改行位置をJavaScriptから取得できる。文字列の選択、コピー&ペーストなど基本的な操作を行える
・画像はドロップやペースト等で挿入できリサイズ可
・使用できる技術は最近の各Webブラウザに実装されている物
こんなのを実装するサンプルや解説ページとかってどこかに無いですかね？
どう思う？
前提不明
あなたがそういうなら、あなたの中ではそうなんだろう
有名どころは下の作りになってるな
・W3CはUL要素
・GoolgeはOL要素
・AppleはOL要素
・WHATWGはP要素
参考になるかわからんががが
C言語の変換指定子みたいに、例えば「%s」って文字列を
titleタグの中身に変換して表示する、みたいな方法はないでしょうか。
順番に意味のあるリストなので<ol>にしているなあ
それ以外に的確な要素が思いつかん
JSの話？
ごめんなさい
htmlとCSSの話です
じゃあありません
バックスペースなどでテキストボックスが空白になればチェックをオフにします
キーボード入力およびマウスでの削除やコピペなどで発火します
キーボード入力に関してはいいのですが、マウス操作による変更で一部予定にない動きをします
動きとしては
マウスでテキストボックスの文字列を選択
↓
選択後、マウスを押したままテキストボックス外へカーソル移動
↓
マウスを離す
でチェックボックスのチェックが外れてしまいます
mouseupイベントを使用しているため、マウスを離した場所の値を取得しようとしているようなのですが、何か上手い回避法はありますでしょうか？
プログラムは思ったようには動かない
書いたとおりに動くってやつですな
コード見ないとわからないけど
テキストボックスの値を見て→チェックボックスのcheckedを変える
ってのを各種イベントで発火させる時
チェックボックスのchangeイベントが含まれてたりすると厄介になる、はず
ありがとうございます
inputイベント
ただ、見る限りではチェックボックスは不要でプログラムでテキストボックスの空文字判定をするのが最適解だと思う
また、他にも方法があれば教えてください
HTMLの規格はXHTMLです
【1】
<p><img src="/" alt="alt"></p>
<h2>TEXT</h2>
【2】
<h2>
<img src="/" alt="alt">
TEXT
</h2>
どうか、よろしくお願いします。
<p><img></p>
<figcaption>
<p>てきすと</p>
</figcaption>
</figure>
冗長だろうか
どちらか選べっつーなら1だなあ
テキストや画像を裸で置くのはなんかソワソワする
アドバイスありがとうございます
考えすぎて訳が分からなくなってましたが何とかなりそうです
ありがとうございました
これだけだとアウトラインが空になるんだな
ずっとalt属性が反映されると勘違いしてたわ
アウトラインって目次と同じようなもんだぞ
画像のaltが目次になるなんておかしいだろ
Chromeのアドオン？だと空やNo text content insideって表示になるけど、
HTML5 Outlinerってウェブサイトだとalt属性がアウトラインに反映されるみたいだな
どっちが正しいのかわからんね(´・ω・`)
画像の表示には、
CSSのbackgroundプロパティを使う方法と、
img要素を使う方法があると思いますが、
これらの使い分けについて教えてください。
例えば、自分のウェブサイトの場合、index.htmlの見出し要素（H2）のみに使用する画像があるのですが、
これは どちらの方法が良いのでしょうか。
この見出し要素の内容は更新履歴となっており、画像もそれに関係のあるものとなっています。
どうか、よろしくお願いします。
目次(hn要素)の中にimg要素があるなら、おかしくないだろ
alt属性は代替テキストを表す
画像の表示をOffにすれば、どういうものかわかる
前景ならimg要素を使い、背景ならbackground-imageを使う
文字で表現できない場合はどうするの？
企業名や社長名などで検索してもトップページがgoogleの1ページ目にヒットしません。
トップじゃなくて企業概要をかいたページはgoogleの4ページ目くらいにありましたが・・・
ＳＥＯがなにかおかしいのか、サイト上げた直後はそんなもんなのかどうなんでしょうか？
社長名が芸能人と同姓同名だったりしたら
そりゃでるわけないよなぁとしか
他の上位のサイトがなぜ自分のとこよりか上なのかを考えてみたら？
そっちのほうが価値があるとGoogleはみなしてるんだよ。
とくに被ってたりはしないですが
やはりSEO施策が上手くできてないんですかね
レスありがとうございます。
使用している画像は背景ではないのでimg要素で対応することにしました。
ありがとうございました。
コンソールにはログが早々に表示されているのに
画面に反映されるのはそれよりずっとあとになります。
画面への表示を早くするにはどうすればいいですか？
cssでtable-layoutをfixedにしてテーブルのサイズを固定すれば
サイズの計算がなくなるので早くなるとどこかで見たのですが、
早くなった気がしません。
FirefoxとChromeで試しました。
※重いです
<head><style>
table { width: 1000px; height: 1000px; table-layout: fixed; border-collapse: collapse; }
td { width: 1px; height: 1px; overflow: hidden; }
</style></head><body><script>
(function() {
var now = new Date();
var table = document.createElement("table");
new Array(1000).join(" ").split(" ").forEach(function() {
var tr = table.insertRow();
new Array(1000).join(" ").split(" ").forEach(function() {
tr.insertCell().appendChild(document.createTextNode("."));
});
});
console.log("created", new Date() - now);
document.body.appendChild(table);
console.log("appended", new Date() - now);
})();
</script></body>
H1 = 章
H2 = 節
H3 = 項
みたいな感じなんかな
ttps://yumeirodesign.jp/blog/201709/building-iphonex-2017.html おまえら、たいへんだな
特に決まってないけど
もっと相対的なもんだよ
アーカイブ：2017-09-27
カテゴリー：アンパン
↑のように更新された日時と分類の2種類を表示したいのですが、
<p>アーカイブ：2017-09-27</p>
<p>カテゴリー：アンパン</p>
↑が良いのか
<ul>
<li>アーカイブ：2017-09-27</li>
<li>カテゴリー：アンパン</li>
</ul>
↑が良いのかわかりません。
どなたか判断基準に関するアドバイスをください
よろしくお願いします
ttps://www.kintetsu-re.co.jp/laurel/ なんかのツールつかって作るんですか？
コツコツjsをプログラミングして作るんですか？
セレクトボックスで言語をかえると、その言語に切り替わる仕組みを作ってみました。
仕組みとしては、
<p class=lang-ja>こんにちは</p>
<p class=lang-en>hello</p>
のようにクラスで指定し、JSで選択された言語の要素だけを表示します。
この言語情報はクッキーに保存し、他のページにいっても最初に選んだ言語で表示されます。
正直私は一つのページに複数の言語をかいてしまうほうが、あとでメンテナンスをする時に楽です。
ですが、色々調べてみると「同一のページで多言語を賄うのはやめたほうがいい、URLもそれぞれ分けるべき」と出てきます。
なので、分けようと思っているのですが、わざわざ似た内容のページを2つ分用意するのが面倒くさいです。
変更があったときも2つのファイルを開いて変更しなくてはいけません。
何かスマートな方法はないものかと思っているのですが、詳しい方アドバイスを頂けないでしょうか。
phpとかのサーバーサイドスクリプトでやればいいのでは？
HTML CSS JS（JQuery）と学んできましたが、次はphpっすか…！
簡単な方法はないのかな…。
複数言語が混在するページは、そのままだとマズイが、確かSearch Cinsoleで設定があったはず。
サーバーがwindows server 2012 R2 というやつで、
普通に調べたらhtaccessを使えと出てきたのですが、それを作成して追加しても全く認証が出ません。どうすればいいですかる
<dl> :俺たちを忘れてもらっちゃ困るな
<dt> :まったくだ
<dd>:困ったもんだぜ
indexのタイトルを○○会社｜トップページつけて
その他○○会社｜企業情報、〇〇会社｜技術などのタイトルのページをつくってサーバーにあげたのですが
googleで検索したところ検索結果が
〇〇会社｜企業情報 - 〇〇会社｜トップページというふになってて、後ろに - 〇〇会社｜トップページがくっついています
これってどうすれば外せるんでしょうか？
普通は、Rails, Spring Boot, AngularJS などのフレームワークを使う。
言語ごとのフォルダに、文字列を保存している
<p>ID_1</p>
文字列に、ID などがついていて、各フォルダのファイルで、
「こんにちは」「hello」などに、マッピングされている
「見出しタグ H」のpaddingとmarginを0pxにしていないことが原因だった
DIVデザインが原因だと思ってたんだけどまさかこっちとは
見出しタグのpadding指定のためにDIV枠から右側にだけはみ出してmarginを指定しなかったために上にだけ不可解な空白
table/div族の初心者ミスか
それを解説しているページがありましたらURLを貼ってほしいのですが…！
©って書くのだと
どっちがいいんですか !?
Unicode で完結する世界の中では © で十分。
どっかとバイナリ通信するときは © の方が安全かもしれない
親切に教えてくれてありがとう！
ええ人もいるもんだなや
知恵袋でも重複質問してるだろ
違反報告されるぞ
助言ありがとう、報告されずに助かったわ
報告されたかどうかは知りようがないので
ファイルサイズが倍になるから、無駄
まず、使うフレームワークを決めたら、やり方は文書に書いてある
フレームワークでは、英語用・日本語用の、別々のHTMLが作られる
その「文書」はどこにあるんですか
細かいファイルが多いので、現在Sqliteにぶち込んでPHPで参照する方法を考えてますが
他に負荷が軽めのInodeを節約する方法は有りますか？
何も無くても、そっとソコを覗いて見ろ。あの頃オマエの宝箱だったその場所を。
初めてヌイたAV女優の名前を覚えているか？その名を検索してみろ、それがオマエの本当の初恋の人だ。
なぜかラーメン三銃士を思い出した
フレームワークの説明書に書いてある
フレームワークの本にも、書いてある
そうですね。私も本には書いてあると思います。
なので、それを分かりやすく解説したページがあるのならURLを教えてほしかったんです。
JQueryで同じことができそうなので、分からなかったらまた聞きます。
質問スレで「本に書いてある」ってあまりに投げっぱなし過ぎない
DOM APIをシンプルに記述できるライブラリだから
言語を切り替えることは対象外
jQuery UIであれば、UIようのフレームワークだから
そのの一部に多言語化の機能が入ってるが、これはjQueryではない。
どれかをクリックしてその記事を見た後、ブラウザーの戻るボタンでyahooのサイトに戻ると、ページ位置がトップになってしまいます。
本来であれば、直前の位置（その記事をクリックしたスクロール位置）に戻るはずだと思うのですが、何故かヤフーのページはそうなりません。
なぜでしょうか？
使っているのはWindows10のChrome(64)です。
ウチのブラウザでもなったし仕様じゃろ
仕様ならしょうがないってかｗ
今どきの書き方としては小項目と値の部分はどのようなタグやスタイルで書くべきでしょうか？
小項目名の長さはバラバラなため小項目の値の書き出し位置は揃えたいです。
TABLEの入れ子？DLタグあたりになるのでしょうか？
なお、bootstrapも使用しています。
大項目１│大項目２□□□□□│大項目３
────┼─────────┼────
値１□□│小項目１：値値値値│値３
□□□□│小項目２：値値値値│
□□□□│小項目３：値値値値│
小項目の名前の集合は決まってるなら それらの名前を <th> として二行目に並べるのが普通かな
名前の数が多くてレイアウト的に幅が厳しいなら writing-mode で縦書きにするとか
名前の集合がばらばらなら dl でやるか
ul + 小項目に横幅一定にするスタイルを与えるとか
たぶん、自サイト内の戻るボタンでは、スクロール位置まで記憶しているけど、
ブラウザーの戻るボタンでは記憶していない、フレームワークを使っているのだろう
サイトの開発者が、それに対応できないから、放置しているのだろう
フレームワークが未対応なのかも
月や曜日を全部大文字の英語で表記するにはどうしたらいいですか？
MondayとかはできるけどMONDAYができなくて
不可能ですか？
Site Navigationって見出しが
position: absolute;
left: -1000em;
になっててびっくりした
これ必要あるのかな
詳しい人、教えてくだされ
なわけなかろう
ワードプレスにはその機能は無いと思うので、
1.phpで書き換える
2.CSSで指定する
のどちらかがいいかな。
初期値かな？
そして、ユーザー操作により、JavaScript で、正常な値にするのかも
画面に表示したくない
↓
でもdisplay:noneにすると読んでくれないuaがある
↓
せや、画面の外にぶっ飛ばしたろ
使いづらくね？
要素の存在は残るし
ジムド使い辛いと思うんだが、どう？
あれじゃない？
普段は画面上に表示されてなくて
左側から指でスライドさせたら飛び出てくるナビゲーションメニューのやつ
もし、ボタンが押されないのなら、
最初から読み込むだけ、回線・メモリの無駄だろ
それに、スライドメニューを非表示にしても、メモリを解放しないし、無駄
サイト作った事なさそう
あとで読み込むとファイルを分割して読み込まないといけないので
セッション数が増え負荷がかかり、圧縮も効かなくなるので、
回線とメモリの無駄
賢いふりしたバカだねあんた。
後から読み込む方法だとHTTPヘッダ分のサイズ、セッションをはるコストが余計にかかるので、ボタンを押す人にとっては無駄が多い
(逐次読み込み型は総合的なサイズが1回で読み込むのが現実的ではない場合に使うのが現実的)
何より通信が完了するまでメニューが表示されないから、ユーザの待ち時間が長くなり、ユーザビリティが悪い
通信コストを下げたいなら、ファイルサイズよりも通信リクエスト数を下げる努力をした方が良い(例えば、CSSスプライト)
ブログに張られてるリンクのように枠内でくるくるさせる表示をつくりたいのですが、参考になるサイトがみつからなかったので教えてください！
お願いします🙇⤵
利用者からすれば、上や左のメニュー自体が無駄
メニューを押すことが無いし、メモリ・通信コストも掛かる
基本的に、そのページを下まで読んで、
次のページボタンがあれば、十分
だいたいのことはCSSでなんとかなる
あと質問はもうちょっと具体的に
おまえさんの見たものを俺らも必ず見たことがあるわけじゃねえから…
まとめサイトにあるような回転するリンクの張り方？で伝わりますかね・・・
css調べてみます！
ありがとう！
とか安直なキーワードでも結構出ると思うよ〜
趣味仲間を見つけるサイトを作りたいのですが、掲示板では埋まるので、いわゆる出会い系や婚活サイトのような仕組みを作りたいです。
プロフィールを登録し、各項目で検索できるようなイメージです。
そのような仕組みを簡単に作れるようなサイトはあるでしょうか？
でもFacebookで事足りそう
あざまーす！
ありがとうございます！検索してみます。
作ろうと思っているのはあまり多数派でない趣味なので、それだけを目的にしたサイトの方が使いやすいのではと思いつきました。
ありがとうございました！
サーバーを借りてディレクトリ？を作成する時にはどちらの方法がいいですか？
例えば2017年10月10日にドラ焼きの記事をアップロードする場合
【1】
○○.com
│
└ food
│
└ weets
│
└ dorayaki
【2】
○○.com
│
└ 2017
│
└ 10月
│
└ 10日
説明がヘタで申し訳ないです(´・ω・`)
後のことを考えると【1】の方がいいのでしょうか？
文字コードが異なると、バグるから
システム関連は、半角英数字と、ハイフン・アンダーバーのみを使う
半角空白も使っては、いけない。
多くのアプリで、バグる
例えば「a b」が、半角空白によって、2つの引数として扱われてしまうため、バグる
本当にブログ？
WordPressなんかだとURLにパーマリンクを設定した方がいいって言うし、上の方がいいんじゃないかな。
よくブログでそういうURLを見かけるのだろうが
それはディレクトリ構成ではないんだ
スラッシュで区切られたひとつひとつがブログCMSに渡されるパラメータなんだ
だから前者と後者両方であることもできる
文字コードも勉強しないといけなさそうですね
いただいたレスはメモ帳にコピーしました！
WordPressは難しくてよくわからないのでサーバーを借りて、そのままファイルを設置する感じでいく予定です
やっぱりディレクトリは英単語の方がわかりやすいですかね？(´・ω・`)
ディレクトリ構成じゃなかったんですね･･･
個人的にはディレクトリ構成とパンくずリスト？が同じだとわかりやすくて良いかと思いました
いただいたレスを参考に考えた結果、サーバーのディレクトリは【1】の方法で作成することにしました
どうも、ありがとうございました。
【2】の方法だとファイルを探す時に大変そうだな
静的htmlで作るほうが少ないんじゃない？
ディレクトリ構造になってなくて、動的生成やフレームワークになってるよ
アダルトな文章を書き込んでいたので規約違反に反したのかとも思いましたがお知らせには何も連絡はありませんでした。
某無料レンタルセーバに問い合わせて下さい。
するときは、ローカルでHTMLを生成するツールを使うのが一般的
サーバーでphpの方が簡単だろ
野球のグラウンドに選手を配置し、
背番号や名前などの情報を<input>で入力できるようにする。
選手をクリックするとその選手の情報を<input>に表示する（valueとする）。
ということをしたいのです。
入力最中に選手クリックすると入力途中の情報が消えますがそこはスルーでいいです。
あくまで<input>の使い方としてありか否かをお聞きしたいです。
普通にありでしょ？っていうか入出力兼用？どこが？って感じだけど。
出力は、出力用のラベルなどを使う
それぞれ何と言いますか？
英語表記ではless thanとgreater than
郵便番号からの住所自動入力はよくあるでしょ
記号自体の名前じゃなくて
HTML要素を構成している<と>の名前が知りたいのです
<が小なり、>が大なり
使わなきゃいいだけじゃね
値拾ってそれを編集できるようにする
そうですね
開始タグ、終了タグなどというと
<hoge>と</hoge>のことになってしまいますし。
呼び方が分からないのです
どんどん小さくなっていくから小なり
どんどん大きくなっていくから大なり
昔は右から左に書いていくということを思い出そう。
さんざん出てるのにまだ言ってるの？
小なり、大なりでいいんだよ
htmlタグの場合だけ特別な呼び方があるわけでない
それはカーテンのシャーッてするやつを
プラスチックと言ってるようなものです
呼び名はあるはずです
ttps://hiramatu-hifuka.com/onyak/onyak2/kigo-1.html 山形括弧
ですから記号の名前を知りたいのではないのです
HTMLを設計した人がタグの最初の文字と最後の文字をどう呼んでいたのかを知りたいのです
ググってもらえただけありがたいと思えググレカス
htmlはxmlの一種だからxmlを調べな
〈〉の代用として入力しやすい<>を使ってるだけで、専用のの呼び名があるわけではない
みなさんいろいろ教えてくれているのに「あるはず」と決めつけてお礼もなしなのはよくないな
小学生レベルの知識に感謝すべきっておかしいのでは？
そんなことを聞くはずがないでしょう
あくまでネタと解釈してますが、違うんですか？
ttps://ja.wikipedia.org/wiki/%E3%83%86%E3%82%A3%E3%83%A0%E3%83%BB%E3%83%90%E3%83%BC%E3%83%8A%E3%83%BC%E3%82%BA%EF%BC%9D%E3%83%AA%E3%83%BC 今考えたんだけど、開始文字と終了文字（閉じ記号）でいんじゃね
SSIは10年前くらいによく使ってた俺からのアドバイス
どっちも体感ではかわらないけど、
運用面で結局はphpって結論になるぞ。
まあ実際に実装して運用していけば時代に合わないって事がそのうちわかる
拡張子の事とか色々調べてみいい
ではすでにある情報を元に編集させたいという場合はどのようにする？
空白状態から入力させる？
あなたがHTMLを作ったわけでもないのに、「呼び名はあるはず」なんてよく断言できるね
U+003C LESS-THAN SIGN character (<)
U+003E GREATER-THAN SIGN character (>)
ttps://momdo.github.io/html/syntax.html#start-tags ttps://html.spec.whatwg.org/multipage/syntax.html#start-tags それ、日本語にしたら
大なり記号、小なり記号じゃん？
SSIと拡張子になんの関係が？
静的なファイルをただインクルードするだけなら
PHPパーサを一度通すよりSSIの方が速いよ
現実にSSIを今使ってるか？
SSIを拡張子shtmlではなく、.htmlで使用するにはサーバー負荷をかけるのは知ってて絡んできている？
今の時代にSSIでまともに使える機能はインクルードくらいで、
実際、静的ファイルだけで済むはずなどなくどこかしらでどうせphpが必要になってくるんだから
その時にssiとphp同居とかナンセンスすぎるんだよ。拡張子どうすんだよ。
100以上のサイト触ってきているけど、そんなダサい構成しているサイト見た事無いし
今の時代にSSI使って作ったサイトすら見た事無いわ
少なくともプロはやらない
それを否定しようとは思わないけど、何がいいたいの？
質問者に対する苦言をこちらに向けられてる感が大きい
俺ちゃんはプロ！自分が見たことないものは間違ってる！むきー
ってのは誰もが一度は通る道よ
SGMLなら、
"<" … stago もしくは CON TAG
">" … tagc もしくは CXT TAG
ttp://www1.u-netsurf.ne.jp/~7l1rll/SGMLsec9_0.html#5_4 ttp://www1.u-netsurf.ne.jp/~7l1rll/SGMLtab3.html しかし、一般に stago や CON TAG と書いても通じない。
「JIS X 4151:2001 文書記述言語SGMLにおける stago」と書くべきだが、回りくどくて逆にわかりづらいだろう。
プログラマ向けなら U+003C の方がまだ通じる。
仕様原理主義者なら "LESS-THAN SIGN character" と書くだろうが、"<" や ">" と書けば済むものをわざわざ小難しく書く必要はあるまい。
冒頭にも書いたが、誰に向けた説明を意識しているのかを踏まえて、表現方法を変えるべきだな。
日本語訳の表記揺れを嫌って、原文を使用する人もいる
がどのように考えるかは知る由もないが
> htmlはxmlの一種だからxmlを調べな
これは明確に間違いなので否定しておく。
XHTML は XML の一種といえるが、HTML は XML の一種ではない。
そして、XML 1.0 では "<", ">" に「固有の名前」は与えられていない。
ttps://www.w3.org/TR/xml/#sec-starttags ttp://w4ard.eplusx.net/translation/W3C/REC-xml-20081126/#sec-starttags 見た事ないのではなく、10年前にしっかり自分が使ってきた結果としての意見だからな。
最近作成されたものは見ない。古いサイトでたまに見かける程度だ。
もしあるならURLムキー！！
> SSIを拡張子shtmlではなく、.htmlで使用するにはサーバー負荷をかけるのは知ってて絡んできている？
インクルードするだけなのに、なぜ、質問者が .html で使用する前提になってるんだろう？
「.shtml は動的URIと解釈されるからSEO対策上不利である → .html に偽装すればSEO対策は万全である」な論理がまかり通るとされていた時代がその昔にあった
.php も動的URIなわけで、.shtml だけ特別扱いする理由はなかったはずだが、なぜかSSIだけ拡張子偽装すべきと思い込んでるんだな
それから、「動的URIがSEO対策上不利である」も思い込みの一つ
速度はサーバスペックやネットワーク回線にも影響する上に、SSI/PHPがバージョンアップすれば過去の情報はあてにならない
あなたの環境下で実測した値が全てなので横着せずに実測すべきだと思うぞ
(「何となく速いものを使いたい程度の質問だし、面倒くさいからいいや」な返答が来ない事を祈る)
だからさあ、実際あんたは今SSIで作っているのか？
SSIでググって出てくるサイトが全部古いけどそれ見て何も思わないのか？
SEOの話なんて一言も言ってないのに勝手な思いこみもいいとこだぞ
はぐらかさないで、に答えてくれない？
> だからさあ、実際あんたは今SSIで作っているのか？
俺はSSIを使ってないが、質問者の判断基準にはならん
> SSIでググって出てくるサイトが全部古いけどそれ見て何も思わないのか？
何とも思わん
古い技術だろうが、正しく使えば問題ない
> SEOの話なんて一言も言ってないのに勝手な思いこみもいいとこだぞ
そうだな、思い込みだな
だが、俺がSSIを使うなら
ttps://httpd.apache.org/docs/2.0/ja/howto/ssi.html に書いてある通り、.shtml をサーバに設定するだけだが、なぜ .html にする必要がある(>607)んだ？
俺にはお前が SSI で .html を使う理由がさっぱりわからんので、教えてくれ
> SSIでググって出てくるサイトが全部古いけどそれ見て何も思わないのか？
君はどう思ってるの？
最初から書いているがSSIで今の時代にまともに使う機能はインクルードくらいだろ？
で、実際運用していくと、後で大抵はphpが必要だってなってくる。
同じインクルードの機能が使えて、それ以外にもたくさんの機能が使えるphpがあるのに
むしろ何故最初からのphpを選ばせないで.shtmlの拡張子で誘導するのかって思う。
それと、マイナーな拡張子.shtmlにしてしまっているとサーバー側の設定で初心者には厄介な事がたくさん出てくる。
ブラウザでアクセスしたらダウンロードしてしまう挙動のサーバーや、
htaccessを記述しなければファイル名を省略できなかったりと、初期段階から初心者には面倒が起る可能性が高い。
ググっても古い情報ばかりだろう。（shtml全盛の時代に書かれた情報が今の時代のサーバーの情報に合うか？）
初心者は安いレンタルサーバーを使うって考えるのが妥当だろ？
各レンサバは会社によって記述方法が異なったりするからApacheの記述通りにいかなくてググって苦労するハメになる。
例えばjavascriptもphpも今の時代に合わせてどんどんアップデートを行っている
新しい関数の追加や、古い記述の廃止、セキュリティ対策、デバイス対応など。
今からSSIを学ぶ時間や労力は無駄。SSIは避けて通れる技術。
何故つかわないの？理由は？
自分が選ばないものをどうして勧めている？
> 各レンサバは会社によって記述方法が異なったりするからApacheの記述通りにいかなくてググって苦労するハメになる。
まず、あなたは調べ方がおかしい
情報を探す場合は一次情報から探すのが原則
Apacheなら
ttps://httpd.apache.org/ レンタルサーバならレンタルサーバのヘルプを見れば良い
SSIサービスを提供するレンタルサーバがヘルプを用意していないわけがない
それから、安いレンタルサーバ利用を想定するなら、.shtml や .shtm でSSIが有効化されているパターンが大半だと思うのだが、どのレンタルサーバを想定しているんだ？
逆に「.htmlでSSI有効化」のようなニッチな設定をする方がよっぽど面倒だと思うが
ttps://help.sakura.ad.jp/hc/ja/articles/206206041-CGI-PHP-SSI-%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6 > それと、マイナーな拡張子.shtmlにしてしまっているとサーバー側の設定で初心者には厄介な事がたくさん出てくる。
> ブラウザでアクセスしたらダウンロードしてしまう挙動のサーバーや、
> htaccessを記述しなければファイル名を省略できなかったりと、初期段階から初心者には面倒が起る可能性が高い。
> ググっても古い情報ばかりだろう。（shtml全盛の時代に書かれた情報が今の時代のサーバーの情報に合うか？）
と合わせて読むと、「.htmlで設定する方が.shtmlで設定するより難易度が低い」って結論になるわけだよね
その根拠を知りたい
がいうように.今どきのレンタルサーバなら.shtmlが標準だと思うけどな(特別な設定なんかいらない)
既にiframe要素がある
それは違う
するとヘッダやメニューなど共用できたり幅が広がりそうだな
俺はSSIを勧めてないけど、なぜ勧めている事になってるんだろ
古い技術だろうがうまく使いこなしてくれればいいから、俺は他人がSSIを使うのを止めないよ
それよりも、君のその毎回周囲に煽り散らして相手の情報を得てから、自分の情報を小出しする姿勢がうざい
> 自分が選ばないものをどうして勧めている？
これは実際に質問者にSSIを勧める回答をしている人にいうべき言葉でしょ
全く関係ない第三者による指摘に対していうことじゃない
俺はあんたの考えを聞きたくて質問しただけ、他意はない
どこが違う？
そんなもん使うか？ふだん仕事で
客が用意してきたってのがたまーにあるのはわかるけど
私の調べ方なんてここでは問題ではないだろ？
普通の素人が一次情報だのApacheだの英語の本家サイトで理解しようと努めるとかさ、感覚ズレてんぞ。
そもそもサーバーの仕様を自分でまともに調べるやつがこんなとこであんな質問しない。
さくらはそれ見た限り大丈夫そうだが、自分のはどこのか忘れたが、書いている事は全て実際経験してきた事。
難易度が低い根拠？無いよ。あえて言うなら、一般的じゃない事、マイナーな事するってだけで色々不便にはなるでしょ。
言いたい事わかるよね？もうイチイチ説明させないでくれ。
> 自分の情報を小出しする姿勢がうざい
聞かれる前に最初から聞かれるかもしれないだろう事を全て長ったらしく書けって？コミュ障ですか？
そういう考えだと、聞いても無いSEOの事なんて勝手に語り始めちゃうようになるぞ。
今更SSIを勧めていないとかさ、なんでphpよりSSIを勧めないの？理由は？それと何で今は自身で使っていないの？
markdownとかぎっとはぶとかおしゃれでかっこいいよね 勉強しよ
何故「間違った方法で調べる」前提なんだ？
あなたの言い分は全て仮定であり、思い込みだ
- 質問者は普通の素人のはず
- 普通の素人はこうするはず
- 質問者は俺(>617)が過去に陥った罠にはまるはず
全てに根拠がない
仮定を前提に論理を勧めるのは無意味だ
- 質問者は普通の素人だから俺と同じ罠に陥るはず
- 質問者は.htmlでSSI有効化する方が楽なはず
という前提で話を勧めているわけだな
「.htmlでSSI有効化する手法」が良くない方法である事を知っていながら、「より良い方法(.shtmlでSSI有効化する手法)」を隠して「良くない方法」主導で勧めている、と
意味が分からんな
根拠がないなら信用に値しないね
君の主観的価値観に同意できるほど、君との間に信頼関係はないし
最低限の論理展開ぐらいは出来ると期待したけど、思いこみの激しい意見でがっかりしたよ
根拠ねぇ。
>- 質問者は普通の素人のはず
だってここ初心者スレじゃん。
>- 普通の素人はこうするはず
>- 質問者は俺(>617)が過去に陥った罠にはまるはず
これは経験則。あなたも会社で部下や新入社員をたくさん教えていると、ある程度新人の行動がわかるようになる。それ同じ。
過去に接してきた初心者・素人が5人そうだったら6人目もそうなる可能性は高いって考えは間違いか？
それとマスの行動を予測しなきゃ何も言えない。過去の自分の経験からアドバイスする事は至って普通の事では？
PHPのインクルードとSSIの速度比較の話は終わり
あとは各自調べたり実験してみてね
次の方どうぞ
そうだよ。拡張子shtmlのファイルを1つでも使用する事は、面倒の始まりになるからね。
それともサーバー内のhtmlファイルは全てshtmlにしろとでも？
ところで、あなたは実際にSSIでサイトを構築してきた経験はもちろんあるんだよね？
あのねえ・・何にでも根拠が必要で、全て説明が必要？
例えば、「君との間に信頼関係はない」これの根拠は？って聞いてくる奴がいたらどう思う？
説明すんの？できるの？
難易度なんて言葉、私は持ち出してもないのに、それの高いか低いかという漠然とした事を
なんで私が証明しなきゃいけないんだ？
あえて言うなら、「難易度」ではなく「不便」っていってるっしょ。
それと、今SSIを使っていない理由は何？人には説明させておいて自分は言わないん？
まさか今まで1度もSSIでサイト構築した事はないわけじゃないよね？
サーバー内のhtmlファイルを全てphpにするよりマシじゃないの？
特定のディレクトリだけphp〜っていうのなら、
SSIでもそうすればいいし。
拡張子指定だけじゃなく、ディレクトリ指定、ファイル指定でも
SSI有効化はできるよ。
どちらにしろSSI有効にしないといけないし、
SSIはウェブサーバーのモジュールで実行されるから
極めて軽い。PHPなんかよりも軽いよ
サーバにはそんなに明るくないんじゃないかな
失礼な言い方だけど、小規模な案件を沢山やってこられた人つーか
サーバサイドでやることはせいぜい、ヘッダやフッタをモジュール化して
ちょろっとHTMLの出し分けするコード書く程度な感じで
100以上って書いてたから、そんなに経験も長いわけでもなさそうだし
ほんと失礼なこと書いてすまんけど
赤の他人の話を鵜呑みにするほど世間知らずではないから根拠ぐらいは確認するよ
逆に聞くけど、君は俺がいうことをそのまま信じるの？
> 例えば、「君との間に信頼関係はない」これの根拠は？って聞いてくる奴がいたらどう思う？
ただの感想に根拠を求める人がいるとは思えないけど、「初対面で君との間に付き合いがないから」と答えるだろうね
> 難易度なんて言葉、私は持ち出してもないのに、それの高いか低いかという漠然とした事をなんで私が証明しなきゃいけないんだ？
君はで「初期段階から初心者には面倒が起る可能性が高い。」と書いてるでしょ
それは.shtmlの難易度が高いってことじゃないの？
で、あなたが勧めてる.htmlで面倒が起きると辻褄が合わないから、相対的に.htmlの難易度が低いと主張してるように読めるんだけどね
まあ、の後にで別の理由を後付けしてるし、結論ありきで論理を後付けする一貫性のなさは感じるけどね
ざっくり書くと
iframeはあえて言えばその中は別世界
phpのincludeはあたかも元々そこに書いてあるかのようなふるまい
__FILE__相当が使えて読み込みエラー処理が対処できればだが
固定化されたファイルで、通信エラーは別対処なら
個人サイトなど場合によりそれすらも妥協できるだろう
>逆に聞くけど、君は俺がいうことをそのまま信じるの？
そんなの内容によるとしか言えないね。人は会話でいちいち嘘付くとは思っては無い。
もし引っ掛かる個所があれば確認するかな。
>「初対面で君との間に付き合いがないから」
どうして初対面と決めつける？根拠は？付き合いが無い根拠は？（答えなくてもいいぞ）
.shtmlの難易度が高いというか面倒な事が色々起こりえると言う事。今まで書いた通り。
細かい事を聞かれればそれに答えて、随時思いだした事も書いているだけ。
それが小出しとか言っていっちゃもんつけるなんてどうかしてるぞ。
てか、言葉遊びがしたいだけならもう終了でいいわ。
本質についてこっちが聞いてもは絶対答えないしな。
答えられないんだろう。それが答えだ。絡んできて何がしたかったんだか。
> そんなの内容によるとしか言えないね。人は会話でいちいち嘘付くとは思っては無い。
内容によるなら、何がしかの判断基準はあるはずなんとけどね
君は感覚的に考えるタイプみたいだね
論理的に話を出来ないタイプというべきか
> どうして初対面と決めつける？根拠は？付き合いが無い根拠は？（答えなくてもいいぞ）
君と会った事実を確認できる根拠がないからだよ
根拠がないものは安全サイドで考えるのは当然でしょ
で、君は俺と初対面ではないと考えるわけ？どういう理由で？理由なんか考えない？
> .shtmlの難易度が高いというか面倒な事が色々起こりえると言う事。今まで書いた通り。
.htmlで面倒な事が起きない理由も説明できてないけどね
それと、.shtmlで面倒が起きる根拠が全て君の主観だし、説得力がないんだよね
君(617)の根拠は全て「仮定」じゃないか
「事実」を元にした「論理」でないと説得力がないよ
ほんと何言ってんだ。判断基準なんて総合的に決まっているだろ？
それを全部具体的に1つ1つここで書くわけないだろ？物事をシンプルに説明でき無い奴はアホだと思われるぞ。
>根拠がないものは安全サイドで考えるのは当然でしょ
つまりそれって事実じゃないって事。「考え」っていう主観だよね。違う？
私が初対面ではないと考えているなんて一言も言っていない。初対面であると決めつけることはできないと言っている。
さすがにわかるよな？
.htmlで面倒な事が起きない理由→一般的だし一番基本形だから。
普通に考えればわかるだろ？これも具体的に書いてあげないととわからないか？（書いてもいいけど小出しとか言うなよ？）
.shtmlで面倒が起きる根拠→主観も含めて実際経験してきた事なんだが？それと何度も説明しているがもう一度書くか？
自分は論理的だから、信用に値するって思っている？
残念ながらそれは君だけの中での思い込みの可能性が高い。
枝葉に執着するあまり、本質からズレているんだ。
本音としてphpよりSSIを肯定していると思えない。それは事実として君自身で使用していないからだ。
しかもその理由も言わず話を反らす。
残念ながら小手先の言葉遊びで論破しようとしているようにしか感じないんだ。
私からしたら全く信用できない人と感じているよ。
ふたりともこのスレの本質からズレてるし、シンプルに説明できてないし。
長いから三行でまとめて。
使うのは簡単で、メモリ使用量は少ないし、速度も速いってこと
Apacheについてそんなに詳しくないのかも知れん（違ったらごめん）
拡張子なんて.shtmlでも.htmlでもまったく一緒
なんなら.cssや.jsでも構わんのよ
行う時代に意外と適してるってことを認めたくないのだろう
そんで大海を知った気になっちゃう
そんな若さゆえのシンタックスエラーは誰にでもあるものさ
例えば、更新した日付を年月日で分けて作成する場合、<ol>要素で問題ないのでしょうか。
それとも、↓のように20日は更新がなかったからといって歯抜けになるような場合、<ol>要素ではなく<ul>要素のほうがいいのでしょうか？
<ol>
<li>2017年
<ol>
<li>10月
<ol>
<li>19日</li>
<li>21日</li>
<li>22日</li>
</ol>
</li>
</ol>
</li>
</ol>
うまく説明できず申し訳ありませんが、これらの要素の使い分けについて教えてください。
どうか、よろしくお願いします。
順序が重要かどうかによる
A,B,C の順序でやる必要がある仕事があって日付を割り振る場合は <ol>
何かがいつ起きたまたは起こるか日付を示すだけなら <ul>
それ例で言えば、更新は一般に順序を違えると結果が異なる場合があり得るので <ol> になるだろう
歯抜けかどうかは関係ない
別で項目名の説明があるかどうかじゃないかな
「1-1-2. 21日を参照」のような。
それをしないならばcssでolでもulでもリスト、連番どちらにでもできるから汎用性の高いulのほうがいいかな
リストタグしか考えつかなかったです(´・ω・`)
順序が重要ということは、<li>要素を並び替えても機能するなら<ul>要素、機能しないなら<ol>要素といった感じになるのでしょうか。
参考の一つにWHATWGのブログにあるサイドバー（ARCHIVE）を見てみたら<ul>要素でマークアップされていたので混乱に拍車がかかってます。
項目名の説明がない場合は<ol>要素の方がいいということでしょうか。
悩みます。
そうそう
ただの箇条書きはul
順序に意味のあるのはol
お買い物リストはul
料理を作る手順リストはol
サイドバーのarchiveのところは
ただのリンクの集まりであって順番には意味がない
それのラベリングに年月をつかっているから、順不同だと気持ち悪くはあるけど
リンクのリストで順序があるものは、たとえばパンくずリスト
あれはコンテンツの階層構造にそったリストなので順序に意味がある
お、解りやすいぜ
理解できました！そんな気がします。
のリストは日付順ではあるけども、順番には意味がないということなんでしょうか。
しっかりと理解するまでに少し時間がかかりそうです。
ARCHIVEの箇所はただのリンクの集まりなんですか(´・ω・`)
順番を入れ替えたら意味が変になるから<ol>要素なんじゃないのかと思ってました。
実は今でも少し思ってます。
使い分けが難しいですが、いただいたレスとW3Cのウェブサイトを元に勉強します！
皆さん、親切に教えていただき、どうもありがとうございました。
W3Cに従うのかWHATWGに従うのか
はっきりした方がいいかも
>順番には意味がない
その日付に対応する出来事どうしに因果関係があるなら意味があると言えるだろう
逆にまったく独立な出来事なら ul でもかまわないかもしれない
普段はW3Cなんですが、行き詰るとWHATWGも見てます！
だから混乱するんですかね(´・ω・`)
作成予定の更新履歴は、ただ更新した日付にリンクさせるだけなので後者ですね。
奥が深いです。
亀だけどそれはアクセシビリティ関係の設定だね
でも何でleftなんだろうな
bottomやright、topもあるのに
ってのがあったが今どうなんだ
それ以来やってないしその必要性もないが
勿論、ダメ
理由が分かっていれば、今は大丈夫という事は考えられないはずなので、理屈を誓いする事を推奨
ttps://webmaster-ja.googleblog.com/2009/12/google.html 〇 理屈を理解する事を推奨
なんでそんなに偉そうな言い方なん？
W３Ｃでさえやってるからそういう話してんだろうよ
サーバからSet-Cookieヘッダは複数出力することができますが、
1つのSet-Cookieヘッダに指定できるキー値の組は1つだけですか？
それともexpiresやpathが共有される2つ以上の値を指定出来るのでしょうか？
あとSet-Cookieの先頭に予約語のexpiresやhttponlyのようなフラグが来ることはありますか？
どうどう(´・ω・`)
矛先違ってるで。向けるのはW3C
index.htmlにENTERボタンがありクリックすると
トップ画面のあるtop.html（グローバルメニューがある）にいく仕様になっています。
最近検索結果で上位に表示されるようになったのは良いのですけど、
index.htmlだけでなくtop.htmlの両方が入っています。
原因はtop.htmlに直接アクセスする人がそれなりにいたからじゃないかと考えています。
私はindex.htmlのみをランクインさせたいのですが、何か良い方法はありますか？
HTMLファイルを２つに分けてる理由はなんかあるの？
１つにすればいいじゃん
robot.txt
後にENTERボタンが「JAPANESE」とか「ENGLISH」になって各言語のページにとばすからです。
ありがとうございます。
(1)
ttps://jsfiddle.net/55nxvbby/ (2)
ttp://howtocodeinhtml.com/img/chapter6/menu-white-links.png (1) のサンプルを (2) のような感じに仕上げたいのですが上手にできません。
どなたか教えてください！
よろしくお願いします。
背景ピンクにしてボーダーいれてお好みに間隔あければいいだけでしょう。
どこが分からないの？
よくわかりませんが今しがた上手に出来上がりました！
なぜうまくいったのか理解できていないので、これから調べるところです。
お騒がせしました。
background: url(menu-white-links.png)
}
head内に出てくるdivタグ
body直下にたくさんあるstyleタグしかも中身空白なのがチラホラ
重複しまくるID 見慣れないタグ
一体この人たちは何をやっているのでしょう？
自分には理解の及ばない謎技術でくやしいです
くやしく
その時に、特定のボタンではsubmitさせずに別の動作（関数実行など）をしたい
のですが、どうすれば可能でしょうか？
クリックイベントを奪えばいいよ
ボタンのクリックにイベントリスナを設定すると
引数にイベントオブジェクトが渡される
そのオブジェクトのpreventDefaultってメソッドを叩くと
その要素のイベントだけキャンセルできる
<button type="button">これでおk</button>
勘違いでした。
"button"ならsubmitされず、
"image", "submit"ならsubmitされました。
pukiwikiにアフィリエイト広告を貼る方法をわかりやすく解説しているサイトってありますか？
広告はグーグルアドセンスではなく、a.8です
○A8.net
他人が用意したwikiをユーザとして利用してるだけなのか
あ、自分のです！
ただ質問が初歩的すぎてご迷惑かと思い、URLだけでもと思ってお聞きしました
ソース出力部分探してbody直下にコード埋めるなり
head内にJavaScript埋め込んであとは好きにDOMいじるなり
プラグイン的なものを期待してるのであればpukiwiki 広告 プラグイン
とかでググってみてはどうか
<body style="line-height:1.5;">
<ul style="line-height:5;">
<li>List Item</li>
</ul>
</body>
例えば<body>要素にline-height:1.5;が設定されている時、
その子要素の<ul>要素にline-height:5;を設定したとします。
すると<ul>要素内の<li>要素もline-height:5;を継承しますが、
この<li>要素は<body>要素のline-height:1.5;のままでいたい場合、
<li>要素にline-height:1.5;を設定しなければいけないのでしょうか。
この継承をさせない、または回避する方法があれば教えてください。
どうか、よろしくお願いします。
説明が下手で申し訳ないです(´・ω・`)
問題が解決しました。
の質問を〆ます。
ttps://jsfiddle.net/8rzo7kbe/ この状態から文字を縦に中央寄せするにはどうすればええの？
vertical-alignがええよって言われたけどサッパリ！
詳しい人助けて(´；ω；`)
もっと正しい方法があると思うが。
ul{
background:#abc;
height:10em;
margin:0 auto;
text-align: center;
display:flex;
align-items: center;
}
li{
dispaly:inline;
}
ul ul{
display:none;
}
のulにjustify-content:center;も追加で。
そんな方法もあるんやね！
丁寧に教えてくれてありがとー(*´▽｀*)
がんばるでー。
最近はもういいのかな
HTML5やCSS3に対応してないみたいでレイアウト崩れまくっててワロタ
それを折り返さずに、そのセルはフォントサイズを小さくして折り返さないようにできますか？
つまりEXCELのセルの設定で「縮小して全体を表示する」みたいな感じにしたいのですが。
nowrapをつけつつtdに文字の小さいスタイルを当てたらどう？
動的にやりたいならjavasriptやphpで文字数に応じたスタイルをあてるとか
いくら縮小でも限度はあるので、常に全体が見える必要がなければ
text-overflow: ellipsis
それってMicrosoft側だけでできるとでも？
ありがとうございました。
---------
| | |
| | |
---------
左右に２カラムあります。
この右側カラムの中に入れたdivが縦に長いのでブラウザーではスクロールバーが出ています。
この時、左側のカラムの中に入れたdivの高さも右側の縦長divと同じにしたいのですが、CSSの設定だけで可能でしょうか？
height:100% などでは効果ありませんでした。
URLとドメインについて教えてください。
例えばサクラでドメイン取得する際に
http://ドメイン.sakura.〜
で設定するみたいですが、このsakuraの部分が無いか無くす、もしくはURLの見た目的にましなレンタルサーバーあったら教えてもらえませんか。
用途は中小企業の運送会社でとりあえずwordpressで作ろうとしてます。コンテンツが少なすぎるのでwordpressで十分かなと思ったんですが、仮にも企業HPでwordpressってプロの人から見てどうなんですかね？
よろしくお願いします。
＞コンテンツが少なすぎるのでwordpressで十分かなと思ったんですが、仮にも企業HPでwordpressってプロの人から見てどうなんですかね？
仮にも、の意味がよく分からないけど
今のWeb制作会社の大半はwordpressを使用してのホームページ作成・更新かと・・・
むしろコンテンツが少ないならわざわざ自由度の高すぎる＆初心者にとっては難易度も高めなwordpressは利用しなくてもいいような
難しいようならお金払ってWeb制作会社に制作＆更新業務をお願いした方が確実かもね
それとsakuraサーバーは確か有料でsakura表記なしのドメインが取得可能だったかと
いや無料でも可能だったかな
とりあえずsakuraサーバーのサイトよく読んでみて
制作会社で働いてて個人でも注文受けて制作してる者だけどが言ってるようにコーポレートサイトやブランドサイトはWordPress多いよ
有名な大企業でもWordPressのとこあるし
逆にコンテンツ多いからWordPressで作ってるぐらい
お知らせとか商品とか動画とかレシピとか、投稿タイプで分けて管理・投稿できるからね
コンテンツ少なければCMS使わず静的で作ったりする
なので全然普通だよ
ただ世界一使われてるCMSだけに攻撃対象になりやすいからセキュリティはそれなりに必要
番号が1から始まるのが気持ち悪い
:nth-child(n+2):nth-last-child(n+2)ってやると上下から2番目以降の範囲を対象にできるとか？
どうせブログのネタにでもすんだろ
冬至には かぼちゃ に あんこ も乗せて食べるし
豆が好きなのよね
・途中までしか印刷されない
・重なる
・部分的に文字抜けする
などまともに印刷できない糞サイトがかなり多くあるが
どんだけ変な作りをしたらこうなるのだろうか？
ttp://fukafuka295.jp/hp/hp_no10.html ってサイトを見て真似したんですけどHTMLの中に
style="display:none;clear:both; って書いてあったのをcssの中に移したら
最初の1回目のクリックには反応しなくなりました
2回目のクリックからは同じ動作になりました
なんでhtmlの中に書くのとcssの中に書くのとで動作が違うんですか？
作者に聞こうかと思ったんですが質問掲示板見ると過去の質問が放置状態
だったんでこっちに書きました
宜しくお願いします。
すげーな
htmlに直接書くほうが優先度が高いのです
すみません
優先度が高いHTMLへの記述だと1回目のクリックで展開されて
優先度の低いCSSへの記述だと1回目のクリックで何も起こらないっていうのが
判りません。
もうちょっとヒントお願いします。
Edge一本に絞ってほしい
って思わね？(´・ω・`)
アクリル加工会社のHPに見積りフォームを作ることになりました
そこで種類と納期などの条件と、縦横幅の数値を入力して簡単な見積りをだしてくれる
プラグインでお勧めのものってありますでしょうか？
マイ見積などありましたが、しっくりくるものが見つからなく
よろしくお願いします
実際に書いたコード見せて
<!-- 折り畳み展開ポインタ -->
<div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';">
<a style="cursor:pointer;">▼ クリックで展開</a>
</div>
<!--// 折り畳み展開ポインタ -->
<!-- 折り畳まれ部分 -->
<div id="open" class="test1">
<p>展開</p>
</div>
<!--ここの部分が折りたたまれる＆展開される部分になります。
自由に記述してください。-->
↓がcssです。
.test1{
display:none;
clear:both;
}
画質落ちるし面倒だろ
たぶんjsでhtmlの該当タグのスタイルを取得しているんだけど、cssファイルに書くとそれがないから、1回目は動かないんじゃないかな
<div id="xxxxx" style="display:none;clear:both;">
と書くしかないってことですね
ありがとうございました。
ついでにもう一つ
ここの clear:both; って何のためなのかわかりません。
見るとfloatプロパティによる回り込みをすべて解除とあります。
floatは使われてる風ではないし削除しても動作は同じでした。
IEは既に開発終了している
IEが生き残っているのはEdgeをインストール出来ないWindows7,8のサポート期間がまだ残っているからだ
使う人によってはfloatしていることもあるだろうから、汎用性を考えてつけたのでは？
無くて問題ないなら消してもいいよ
ついでだけどアコーディオンメニューで調べるとアニメーション付きのものがいろいろありますよ
なんでそう思った
JavsScriptも外に出してDOMContentLoadedしろよｗ
アコーディオンメニューを調べたら簡単に実現できましたので、こちらを使うことにします。
ありがとうございました。
javascriptも別ファイルにしたんですが、DOMContentLoadedを調べても使い方がわからなかったので
jqueryのアコーディオンメニューにしました
ありがとうございました。
が答えを言ってるっちゃあ、言ってるんだが、
> <div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';">
ここでID = open の displayを参照してるんだけど、
HTML要素に書いてあれば当然、そのタグのdisplay（none)を取得できるけど、
CSSに書くとHTML要素には書いてないからdisplayを参照してもnoneではないっていうのが答
で、なんでこの話に DOMContentLoaded がでてくるのか？
関係ない。関係ないが言っておこう。DOM APIを使っているって言ってもこの程度でしかない
別にDOM APIに詳しくなんてなれない。素直にjQuery使えよ
それでだ。この場合、正しくはclassを使うのが正解。JavaScriptで操作するのは、
展開、非展開 という "状態" だけ。その状態でどう見えるかはJavaScriptで考える範疇ではない
なので最小限の修正でやるならこれ
ttps://jsfiddle.net/667gLb2n/2/ もっともこれはclassListを使ってるのでIE10からしか動かない
そこでjQueryを使った場合がこれ（ついjQuery Edgeを使用してしまったが
古いブラウザ対応が必要ならjQuery1系を使うべきだな）
ttps://jsfiddle.net/667gLb2n/3/ そして必要なら、JavaScriptを別ファイルにして、jQueryのready や DOMContentLoaded を使うわけだが
それがこれ
ttps://jsfiddle.net/667gLb2n/4/ でも、<body>の最後に書いてしまえば必須ではないし
ttps://jsfiddle.net/667gLb2n/5/ <head>に入れてもやる方法はある。
ttps://jsfiddle.net/667gLb2n/6/ そして汎用性をもたせるなら、このようにすると複数の折りたたみ展開に対応できる
ttps://jsfiddle.net/667gLb2n/7/ そしてJavaScriptなしでも実装できる
ttps://jsfiddle.net/667gLb2n/8/ ただし複数の折りたたみが増えると記述が冗長なのでsass必須なのと
古いAndroidとかこれじゃ動かないはずなので、対応の必要があれば茨の道
1. 動かない理由（へのレス）
2. DOMContentLoadedが的はずれな理由
3. 正しく動くコード DOM API版
4. 正しく動くコード jQuery版
5. jQuery使えよ
6. jQueryのready や DOMContentLoaded を利用した例
7. 同上 を利用しない例
8. 汎用的なコード
9 JavaScriptを用いないコード
初心者には難しいんじゃない？
なんというか、目的が違うような。
checkboxとcssで実装するのは面白いけどね。
まず、相手が初心者だってそのことを指摘するのは
失礼ってもんだろう。単なる上から目線だ。
俺は相手が初心者だろうが上級者だろうが
内容を変えるつもりはない。一番いいと思う方法を書く
その上で言っておきたいんだが、まあ相手が初心者だとして
なんでそこまで相手のレベルを考慮してあげないといかんのだ？
俺は金貰って教えてる家庭教師じゃねーぞ。
俺が良いと思う方法を書くのは俺の自由だ。俺がやりたいと思ってるからやる。
相手のために書けというのは俺の自由ではない
初心者用質問スレだから初心者でしょう？
のようなこと他で指摘されてた人かな
引き出しが多いのは経験からくるものだろう
HTMLのGET、POSTのような画面遷移をすることなく登録作業を行いたいです
自分の考え方としてはjavascriptからサーバ上のプログラム（PHP）にデータを渡し、PHPからDBに登録するという形を考えました
一般的なやり方はどういうものでしょうか？
コードまで示していただき、とても参考になりました。
ありがとうございました。
toggle('open') と .test1.open の open が id の openを指してるのかと思って
かなり悩みましたが .classList.toggle の説明を読んで理解できました。
アコーディオンで検索して出てきた jquertのslideToggle();を
使って実装したところでしたが色んな方法があるんですね
最初に”展開 html”で一番上に出てきたやり方が簡単そうだったんですが
jqueryだと更に簡単になるんですね。
アドバイスして頂いた皆様ありがとうございました。
それでいいよ
ChromeやFireFox、OperaやSafariは問題ないのに なんでやねん(´・ω・`)
> 君が一番いいと思えても質問者（特に初心者）にはそうでない場合がある
だよな。だからどんな回答だってOKなんだよ。
FirebugでそのローカルファイルのHTML構造確認しようとすると
phpの記述が混ざったページのファイルのみ、構造が見れない（生HTML部分まで見れない）んですが、
ローカルサーバー立てずに見る方法ないですかね？
Chromeだと見れるんだけどなあ
テキストエディタ
Firebug今壊れてる？
Firefoxデフォルトの開発ツールで我慢します
その解決策探すより
サーバ用意する方が10倍くらい楽はそうな気がする
端数の扱いは割とバラバラだったはず
段組の幅に%とpx混ぜたcalcとか使ってると
段落ちしたりする
最新のUAの文字列が取得出来るサイトとかありませんか？
最新のモダンブラウザならなんでもいいのですが
ttp://example.com/webapi/useragent/firefox/latest?os=win10 とかにアクセスすると
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:56.0) Gecko/20100101 Firefox/56.0
が返ってくるみたいなイメージで
落ち着け
そのJSは誰が実行するんだ
iPad、iPhone、各種泥スマホは普通のPCでいう解像度はそれぞれどのくらいと考えればいいんでしょうか
もうずっと良くわからん状態
例えばiPadは1024x768で作ればいいの？
iPhone6/6Sは横幅（狭いほう）750pxで作りゃいいの？375px？
画像も、フォントや他のhtml要素も、いっしょくたに考えていいの？
論理的なピクセルって何よ！！
>論理的なピクセル
logical（論理的）という単語は出てこないが
CSS Values 仕様の px 単位のことだろう
その仕様では視野角を基準にするものと定義されている
ttps://triple-underscore.github.io/css-values-ja.html#reference-pixel そのスマホに想定されている「普通の視聴距離」が 71cm（パソコンの「普通の視聴距離」）の半分なら
1 px = 1/96 inch の半分
スマホの「普通の視聴距離」がどう決まってるのかはわからんが
>フォントや他のhtml要素も、いっしょくたに考えて
px 単位を指してるなら、どれも px単位を基準にするのでいっしょくたに考えていいことになる
ブラウザじゃねーの？
>iPadは1024x768で作ればいいの？
そんなんしてたらキリないぞ
世代で変わるし縦横変えたら数値が入れ替わるしタブレットもあるし
何をどう作ってるのかわからんがレスポンシブにしてる？
ダメかな？
たいてい小さいほうのサイズ基準で、特化でいいときは直接、レスポンシブにしなきゃいけないときは@media書いてる
emや%を使うようにして、あとは、思考停止して実機やシミュレータで見て調整してる
けど新機種が解像度変わってたりするともう頭爆発しそうになる
単位pxが使えるのか使えないのか、画像の解像度がサイズがどうたらとか、・・・
よく読め
そのJSファイルを呼んでるのはimg要素だ
固定幅で作ってviewportのscaleの方を変えようぜ（極論
ダメどころかそれでOKじゃないかな。俺もそのパターンだよ
ただ折り返しのブレークポイントが1個だとどちらかが見づらいから2個、つまり3段階にしてる
フォントは片方のブレークポイントのみの2段階
これはサイトの内容によるから参考にしなくていいけどね
ブレークポイントをどこ（何px）にするかはそのワードでググって出た表を参考に
それとsrcsetで
新機種どうとかでコード変えるとかナンセンス
あんがと。
自分はブレークポイントは7インチタブレットを縦で見た解像度までをスマホ版にしてる。
スマホで横一杯になる画像はiPhone6以降に合わせて750pxを100%表示。
それとも@3x？
勝手に画面全体を縮小表示されたくないときくらいしか使えん
autoresize=true/falseだけでいいじゃん
あれな
すぐ治ると思ってたんだけど
長いこと放置されてんよな
目が不自由なユーザーで補助機能？を使ってる人は
【1】と【2】、どちらの構造のウェブサイトが使いやすいのかな
【1】
サイト タイトル
├ヘッダー ナビゲーション
├パンくずリスト
├メインコンテンツ
├サブコンテンツ
├フッター ナビゲーション
└コピーライト
【2】
サイト タイトル
├ヘッダー
│ ├ヘッダー ナビゲーション
│ └パンくずリスト
├メインコンテンツ
├サブコンテンツ
└フッター
├フッター ナビゲーション
└コピーライト
の質問を〆ます。
見たけどすごかった(´ρ`)
あなたが最近注目しただけなのでは？
【td派】
<table>
<tr>
<td>色</td>
<td>赤</td>
</tr>
</table>
【th派】
<table>
<tr>
<th>色</th>
<td>赤</td>
</tr>
</table>
ｔｈが正しいだろ
でも更新やいじくりまわすのが多いサイトはthは使わない
スレチでしたらすみません
Mac High Sierra を使用しております。
無料のWebオーサリングツールソフトを使用してみたいと思い
AptanaStudio3に決めたのですが・・・。
Javaを入れたりして何とか起動まではできたのですが、日本語化ができません；
ttps://qiita.com/k_kuni/items/06c76a73f48a883e2ed8 ttp://meglog.net/useful-tools/aptana-studio3-zen-coding.html これらのサイトを参考にしたのですが
Pleiadesの日本語化プラグインをダウンロードする箇所で
最新版だったり安定板だったりをダウンロードする部分が見当たらず
とりあえず
ttp://mergedoc.osdn.jp/ こちらの 「Pleiades プラグイン・ダウンロード」 という部分からMacを選択し
pleiades-mac.zip をダウンロードし
中のフォルダの「features」と「plugins」を本フォルダの方に上書きし
AptanaStudio3を右クリックし.iniをMac付属のテキストエディタから開いて
-javaagent:/Applications/Aptana Studio 3/plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
を追加したのですが、
そこからAptanaStudio3を起動しようとすると
「AptanaStudio3が予期しない理由で終了しました。」といったメッセージが出て起動できません。
どなたか心当たりいる方いらしたら教えて頂けないでしょう・・・。
よろしくお願いします。
むしろなぜスレ違いでないと思ったｗｗ
新Mac板とか行くが良い
そちらの該当スレで質問してみません
ありがとうございます
失礼しましたm(_ _)m
＞そちらの該当スレで質問してみません
質問してみます と すみません が合わさってしまいました；
失礼しました；
そのまま立ち去ってたら面白かったのにー！
左寄せがめんどくさ過ぎるわ
なんなんだよこの糞手法ｗ
ttp://blog.webcreativepark.net/2016/08/15-125202.html js使うのかよw
ttps://qiita.com/QUANON/items/e14949abab3711ca8646 この期に及んでまだこんな事必要なのかと・・
数年後に対応しました〜とかなって、
これらのバッドノウハウはどうせ後で消すハメになるんだろうなあ
この例だったらspace-between使わなければ良いだけのような気が
ttps://jsfiddle.net/secpffye/ これ単純に常に空divをカラム数−1置いとけばいーじゃん
まぁ空div絶対ダメマンには糞味噌いわれるんだろうけどw
カラム数が決まってないときに困るって話なんだろう
flexコンテナの幅が可変で、アイテムの幅が固定
こんな
ttps://jsfiddle.net/secpffye/1/ ttps://jsfiddle.net/secpffye/2/ その用途ならfloatが最適解では？
取捨選択の責任をflexに押し付けてる感が強い
空divだめならnbsp入れるだけだけどいいかい？
あとwwwの後には.つけようね
今の時代、レスポンシブに決まっとるがな
カラム数が固定なんて汎用性の無い組み方はイヤ。
レイアウトだけでいえばそうだが、flexを使う理由は他にもあるわけじゃん？
同じ行のカラムの高さを揃える、縦の中央揃えしたいとかさ。
それとfloatならclearfix使うから結局、flexの糞コード追加と大して変わらないような・・
あと、このスレでfloatで横並びはもう使わない、これからはflexだみたいな人が居た記憶がある
それと-1置いておくってどういう事？HTMLに手書きで都度加えるって意味？
jsでやるなら本末転倒でと手間は変わらない気がするが
レスポンシブ、カラムの数量は動的
これらに対応できないのはダメ
>floatならclearfix使うから
そんなに使う？
どーーーしてもoverflow使えない時くらいじゃね？
本筋と関係ない話でごめん
回り込みさせたいときはfloat
古い端末とブラウザ機にする必要ないならflex使うけど
さっき流れて行ったよ
んー？
カラム数不定レスポンシブでも流石に最大カラム数はわかるっしょ
嫌だ！横に30個いや100個だって並ぶことだってある！っていうなら99個いれとけよ
それでカラム数3個になってもちゃんと左から配置されるからさ
その時必要でなくてもfloatしたら必ずclearfix付けておく
内包要素の高さを認識してないとかあり得ないんだ
その時の見た目に影響無くても後で背景色付けたり、ボーダーで括ったり、
後続要素追加したら重なってしまったり、一番レイアウトがぐちゃぐちゃになる一番の原因て
floatだけだと思っているよ
動的生成のページ作った事ないのかえ？
1つのテンプレートを利用して違うページでそれぞれliをループさせる場合、
ページ毎にliの数が異なるけどテンプレは同じソースにする必要がある。
だから99個入れて都度ページ毎にHTMLを編集とか概念はダメだんだよ。テンプレで動的生成だから。
その数に合わせて動的に99個入れるってならのjsがそれに該当する。
レイアウトのcssの為にjs使うなんてダメダメじゃないか（CSS2の頃の不便な時代と変わらない）って話。
普通はそれでいいのかもしれないが、
nth-child(3n)って部分がダメです
これだとPCで3並び、スマホで2並びにする場合
nth-child(3n){margin-right: 5%;}で否定してからnth-child(2n){margin-right: 0}とかしないといけないし、
cssで数字の決め打ちしないようにするのが理想。まあ無理か。
PC.
item{margin-right: 5%;}
.item:nth-child(3n){margin-right: 0; }
スマホ
.item{margin-right: 10%;} ←ここが変わると
.item:nth-child(3n){margin-right: 10%; } ←PC用に書いた3の倍数のmarginの数字も.itemに合わせていちいち変更しなきゃいけない
.item:nth-child(2n){margin-right: 0; }
いや普通に10年以上webの仕事してるから動的サイトもつくってるけどさ…後から後からどんどん条件でくるよねぇどっかのクライアントみたいなこと言うな。
このスレではそういうの嫌われるよ。
てかいいから黙って99個入れてみろよ…カラム数がなんこだろうがおんなじテンプレだろうが左寄せになるかさぁ…
ならやっぱ空の要素を末尾に
最大カラム数ぶん詰め込んどくのが楽だと思うな
最終行から溢れたぶんは高さゼロになって見えないし
JSでコンテナの小要素を拾ってゴニョゴニョしたい
なんて時には注意が必要だけど
10年程度でそんなこと書くとアレだぞ
このスレには90年代からやってる方もチラホラいるから…
そんな老がいはさっさと辞めろ
それ、で最初から書いている通り、それ自体を問題視した話なんだが・・。
趣旨が伝わってないようだけど、
見た目を再現できなくて困っているのではなく、
なんで未だにこんな空要素作ったりしょうもない事しなきゃいけないんだろって話をしているのに
空要素作って対応したらできるぞ（キリッ って・・もう話がわけわかめだよｗ
途中から話参加する場合は過去読んでくれ。
後から後から条件というか、
コーディングしているならもう常識的に考える事だよ。静的サイトなんてもうほとんどなくなるんだから。
例えば、全部psition:absoluteやmapでコーディングして納品とかありえんでしょ？
「なんですかこれ？普通のコーディングしてください。要素追加できないじゃないですか？」
「は？そんな事聞いてないし。後から言うなや」←これと同じ
そんなの誰が使うんだって思ってた。実装してから気がつくと最悪な気分になる
一部のブラウザでしか機能しない
レスポンシブに対応できない
動的に対応できない
自分的にはこれらは全部ボツ
最初から判別しておかないといけない
静的だろうが動的だろうが普通そんな作り方しないだろww
経験者は語るってやつかなw
極端な例だったけど、これは当時としては無い話でも無かった。
それを今に置き換えると
レスポンシブに対応できるコード、動的に対応できるコード
これはイチイチ指定しなくても対応するのが当たり前の前提、
つまり今の「普通」って事。
何を伝える為の例なのかを察してくれない・・・
掲示板て難しいな
そんでさらに820以降で書いてる奴も同じ人？
…老外丸出しだわww
90年代からやってるやつもチラホラって自分の事かよww
俺のレスは
,809,820,821,827,828,829,830,835,836,837,839,840
だよ
は知らん。
いつからやっているとか何年やっているとかどうでもいい。歴1年だって構わない。
ここでは俺の提示した問題点を解決できるコードを知っているかどうかそれだけでいい。
話の本質からズレるレスや煽りも草も不要。
は知らん。
↓
は知らん。
だから当初から「疑似要素」でもないし「jsで無理やり作った空要素」でもないdiv入れとれっていってるじゃろ？
知らなかったからって違うもん！そうじゃないもん！言い出すなよ。
残った水平方向のスペースを満たす、min-widthを持つカラム２を右に置きたいのですが
カラム２の幅をどう表記していいか分からず困っています。
inline-blockを使い、カラム1のmax-width + カラム2のmin-width < ブラウザ幅のときに
カラム２がカラム１の下に回り込み、水平幅一杯になるようにしたいのです。
お分かりになる方がおりましたら助けてください。
絵で描いてくれんかね
画面A → 画面B → 画面C
だったんですが、この度
画面A → Bに移動するが必要な処理だけしてすぐに画面Cへリダイレクト
という形に変えることとなりました。
Bの処理が終わりしだいHTML出力前にCへ移動させたいのですが、 この場合header関数で移動させた方がいいのか、
JavaScriptのlocation.hrefで移動させた方がいいのか、どちらなんでしょうか
違いがいまいちわからなくて
出力前なのでheader関数のエラーにはならない前提です
簡単にいうとこんな違い
■header
ブラウザ「画面Bをお願い」
サーバー「はいよ！・・・(処理)・・・次は画面Cに行って」
ブラウザ「はーい、じゃあ画面Cをお願い」
サーバー「はいよ！画面Cだよ」
ブラウザ「ありがと」
■location.href
ブラウザ「画面Bをお願い」
サーバー「はいよ！・・・(処理)・・・ほい、画面Bだよ」
ブラウザ「ありがと・・・(レンダリング)・・・あ、画面Cに行かなきゃ」
ブラウザ「画面Cをお願い」
サーバー「はいよ！画面Cだよ」
ブラウザ「ありがと」
headerの方が無駄がなさそうですね
ありがとうございます
あんた、いい先生になるよ
独自ドメインを持ってる人は初期ドメインを何に使っていますか？
なんかもったいない気がして気になっています。
404にしてる
なんでもいいんじゃない
テスト環境とかphpMyAdminとか
で最初から書いている問題点をもう一度書くから読んで↓
疑似要素やjsで無理やり空要素作ったりこの期に及んでまだこんな事必要なのかと・・
数年後に対応しました〜とかなって、これらのバッドノウハウはどうせ後で消すハメになるんだろうなあ
空要素作ったり←あなたのはこれ。
それとあなたの考えた空要素99個をHTML手入力
<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>・・
それをjavascriptで自動化したのがな。
理解もスキルも何もかもが遅いんだ・・悪く思わないでくれ。
何かしら言い返したくなるだろうけど、その感情は抑えたほうがいい。
あんたのスキルと理解レベルがこっちには手に取るようにわかるし
かといって何も思わない。発展途上なだけだろうし自分だって昔は動的もjsも苦手だった。
もう話す事は特にないと思う。
自分なりに考えた手法で返信くれた事は評価しているよ。
ありがとうございます。テスト環境にしてみます。
公開しないならBASIC認証かけるの忘れずにね
できればIP制限をすすめるけど固定IPじゃないとめんどいし
あんた仕事しててまわりからめんどくせー人だなって言われない？
気づいてないならはやく気付いてね
初期ドメインだからブログとかしないなら使わないでしょ
それをテスト環境に使うだけかと
運営は独自ドメインでやってそのために金払うんだろ
鯖屋が付与するサブドメインて事か？
なら納得。
独自ドメインと同じディレクトリにデータ置くのはイヤだな
<input type="hidden" name="hoge" value="1">
<input type="hidden" name="hoge" value="2">
という順に書いたとき、送信値は確実に"2"で上書きされますか？
場合よっては"1"が送信されるということもあるのでしょうか
ブラウザによると思われ。
jquery辺りで書き換えて送信した方が胃に優しい。
言われた事はないな。（心の中で思われているかは知らん）
対応範囲も広いからか社内の後輩や同僚が対応できない内容がやたら自分の所に飛んでくるよ。
（デザイン、コーディング、ｊｓ、CMS、間に合わない、やり方わからない、クライアントが怒ってるとか何でも）
むしろ奴に相談するとめんどくさいからって避けてほしいくらいだわ
されない。そもそも同じ名前であっても複数送信される
例えばGETだと
ttp://http://localhost/foo?hoge=1">ttp://localhost/foo?hoge=1&hoge=2 となるような感じ これはあくまでブラウザ側がどう送信するかであって
サーバー側でどういう風に取得できるかっていうのは、
サーバー側の実装（フレームワーク等）で決まること
例えばサーバー側で勝手にいろんな処理を行ってるPHPであれば、
name="hoge" の場合は、単数として扱われ、2つ目の値で必ず上書きされる
（書いてある順番でブラウザが送信することは保証されている）
name="hoge[]" という名前であれば、配列として扱われ
hogeというキーで[1, 2]と取得できる。そういった処理がPHPによって行われている
そうこれはPHPが行ってる処理
他の言語であれば使用しているフレームワークがどのような処理を行うかどうか
フレームワークなどによる処理を介さなければ、ただ単にhogeという名前のものを
複数取得できるというだけの話
： Name_Not_Found [sage] 2017/11/30(木) 10:12:22.69ID:???
初心者スレで1聞いたら10にして返してくるんだから…
ありがとうございます
サーバー側の環境によるのですね
ラジオボタンの上に同じname属性のhiddenを作って、ラジオボタン未選択時の初期値に設定できないかと考えていました
サーバー側はPHPで作っているので、説明を聞く限り何とかなりそうです
ありがとうございました
未選択なら初期値入れるようにphpで書けばいいじゃん。
俺のPHPの知識は遠い昔のものだが
当時使っていたCakePHPではそれと同じような方法を使用していて
へーと思ったことが有る
ttp://blog.syuhari.jp/archives/62 > HTMLヘルパーで checkbox を表示するには下記のように書きます。
> <?php echo $html->checkbox('Model/field', null, array('value'=>1)); ?>
> 出力される HTML は下記のようになります。
> （実際は1行で出力されますが改行入れています）
>
> <input type="hidden" name="data[Model][field]" value="0" id="ModelField_" /
> <input type="checkbox" name="data[Model][field]" value="1" id="ModelField" />
> checkbox と同じ名前の hidden を勝手に作ってくれるのでチェックされていなくても必ず $this->data["Model"]["field"] には値が帰ってくるのでうれしいかも。
な？ 相手が初心者だと思いこんで初心者は長い（？）説明は理解できるはずがない
と見下し、初心者は俺の指示通りに動けば良いんだよって思ってるんだよ
おまえは初心者なんだからこの程度の知識で十分！
それ以上の知識をつけるな！教えるな！
ほんとエゴの塊だろ？ｗ
ご苦労様です
ダウングレードしたい
cssで背景色や文字色入れた場合PCだと指定通りの色になってたが
最近はのコードは同じままなのに文字黒背景白のみ
同じコードでIEやchromeは指定通りの色になる
どう見ても君がエゴの塊だけど
自分の思い込みで他人に制約をもたらすのがエゴ
いろんなものを受け入れる心を持つべき
そのべき論もエゴ
言葉遊びをしたいのかな？
constは自分流を押し付けすぎ
技術的に優れているかどうかは別の話
劣っているものを今までそれでやってきたからと
新しい方法、優れた方法に移行しない人もいる
思い込みと論点すり替えですぐわかる
ここしばらく書き込んでいなかったが、
お前が召喚したから書き込んでやっただけなのに
やぶ蛇って言葉しってるか？
哲学の話ですよ
人のために説明してあげよう
ようは昔からあるvarではなく新しく出来たletでもなく
宣言と同時に代入したら、再代入ができないconstを
使いましょうって話だ
よく分かってない人はフーンって思うだけだろう
少しプログラミングをかじった人は、変数の値を変えずに
作れないと思うだろう
だけど世の中には再代入する機能がそもそも存在しない
（純粋な）関数型言語と呼ばれるものだって存在している
例えばHaskell
関数型の説明なんか腐るほど有るが、まあこんなのとかね
ttps://www.slideshare.net/parrotstudio/gunmaweb-5-20110514 メリットはたくさんある。知っておいたほうが良いぞ
俺がすごいと思ったのは、変数の名前が常に正しいって所だな。
例えば、total_priceとかいう変数があって、
そこに商品のpriceを加算していくとするだろう？
例えば100円のものを5つ買ったら500円
でもさ、商品を5使いましたという事実の後で計算する時、
最初にvar total_price = 0 とかいて商品の数だけ
ぐるぐる回すだろ？そうすると、total_price（合計金額）が
100円ずつ増えていくわけ
合計金額言う名前の変数なのに、今からその変数の名前が正しくなるように
処理していきますよーって言ってるわけ
でもconst total_price = 〜 と書くしか無く、あとで変数の内容を変えられないとしたら
〜の部分で計算するしか無い。処理の順番として計算して出た答を入れるわけだから
変数の名前は必ず正しくなる
そしてこのtotal_priceにあとから消費税などの計算を加えるかどうか、
constだと書き換えられないから何も加えないことが明らかになるから安心できる
目に見た部分以外に他にこの変数を書き換えているところはないと安心できる
このスレにはそんなconstの評判を落としそうな言動の輩がいるってことかな？
constの評判を落とすんじゃなくて、
constを理解できないやつがいるってだけだな
昔からいるオブジェクト指向が理解できない
オッサンと同じたぐいよ
趣味のサークルのホームページを作っているのですが、スマホについて
わからないところがあるので教えてください。
リンクを貼ってある文字のところにポインターを持っていくと
そこがリンクですよ〜とお知らせするために、CSSの a:hover で
エフェクトをつけたのですが、スマホだと、触ったら、それはすなわち
クリックになるのでしょうか？
わたしはガラケー使いなので気が付かなかったのですが、スマホの友人に
どこがリンクなのかわからないといわれてしまいました…
スマホだってhoverなんか効かないだろ
スマホは一回タップでhover、もう一回タップでクリックになるやつもある
どこがリンクかわからないのはそれ以前の問題なので、わかりやすいデザインにしましょう
お返事どうもありがとうございます。そういえば
ガラケーでもhoverないですね。。。いつもはＰＣをみながら作っているんです。
かっこよくしようと思って下線を消したけど、これ以上の知識も
ないので、素直に下線ありのままのリンクにしようと思います。
ありがとうございました。
const理解できないでなくて
対応ブラウザのことを一切書かないとか
なら別のライブラリ使えと強引ななことだったぞ
そんならverでもいいのではという意見を一切受け付けなかったこと
そういう姿勢のことを言われてた
babelやtypescriptなどのトランスパイラを使えば
古いブラウザでも動くようになるが
そのことを言ってるんだよ
っていうか単なる事実をお前が
自分の都合のいいように解釈していただけか
トランスパイラを使えばできるって言っていただけなのに
varを使えって押し付けてると思っちゃったわけね（苦笑）
var a = 1
let a = 1
const a = 1
のような感じで使う。
varは昔からあるやつで、変数のスコープが関数レベル
letとconstはブロックレベルという違いが有る
さらにconstは一旦代入した値を変えることができない
使える場面が限られるように思うかもしれないが
関数型風にプログラミングするとconstでできないことはない
constを使うと何が使えば嬉しいかっていうのはこれとかを読めばわかるだろう
「再代入なんて、あるわけない」 〜ふつうのプログラマが関数型言語を知るべき理由〜
ttps://www.slideshare.net/parrotstudio/gunmaweb-5-20110514 トランスパイルというのは単にある言語を他の言語に変換すること
古いブラウザっていうのは、古いJavaScriptしか動かない。
だから別の言語、例えば最新のJavaScriptやTypeScriptやもっと別の言語を
古いJavaScriptに変換することで、古いブラウザでも動くようになる
そうは受け止めてない人は何人かいたが？
constは今までなかったことが不思議なくらいだ
わかるはずがないんだがなｗ
嘘つくのやめてくれませんか？
初心者スレに持ち込んでお前らバカなの？
過去読んでたスレを適当にざっとみてたら
こんな関係ないスレで脈絡もなくconstとかいいだしてきたから
俺を召喚したいんだろうなーって思ってね
ttp://www.webpage.com ttp://www.webpage.com/linkkire.html 上段のトップページに下段のページはリンクさせてないのですが上段のページから下段URLを見つけるツールが無いでしょうか
よろしくお願いしますm(_ _)m
人様のサイトを？
こいうのか？
Website Explorer
ttp://www.umechando.com/webex/ 他人様のサイトでリンクはされていないがドメイン部分が同じページが存在するか調べたいのです
そのツールを使ってみます、ありがとうございます
最低だな
そりゃ無理だよ
文字列総当たりでもしないと
2人（自分と他人）まではわかるがな
事実と違うことを勝手な解釈するのやめてもらっていいですか
古いブラザでも動かせるようにできるのは事実だけど
なにが事実と違うことだと言いたいの？
ttp://hayabusa9.5ch.net/test/read.cgi/news/1512485905/ ねっいった通りだったでしょ
ごめんねw
珍しく自演じゃないんだなこれがw
めんどくさいのうww
いつもは自演してるんだな
ああ、ここだったか
と書いてるこれも自演だと思われるんだろな
自分で荒らしを呼び込むような書き込みをして
荒らされたと騒ぐ
ttps://mallento.com こういうのかって制作にぼこぼこつかったら怒られる？
割とやすそうなんだが何人かに使ったらペイできそうなんだが
宣伝乙ｗｗｗｗ
/キー/値/キー/値みたいな形でURLにパラメータを埋めこむ方式の
名称は何ですか？
ありがとうございます
確かそう言っていたと思ったのですが、pathinfoで検索すると
URLのディレクトリ部以降のこと、のような説明ばかり出てきて、
あれ？違ったっけ？と思っていたのですが、
クエリを渡す方式のこともpathinfoって呼びますよね
ありがとうございました
意味ないだろ
前者であってるよ
パス部分を、ドキュメントルート以下のパスとして扱うのがWebサーバの通常の対応
それをキャンセルして何かのクエリとして使いましょ
ってことだから
AサイトとBサイトで同じ画像を多数使用していて、
現在それぞれのドメインが割当られたディレクトに同じ画像をアップロードしています。
同じ画像を同じサーバー内の複数の場所にアップロードするのは容量もとるし、手間もかかるので、
これをどうにか１箇所にまとめて、それぞれのドメインで表示させられないでしょうか。
単に画像を直リンクで流用してしまえばイイのですが、
それぞれ別企業のサイトなのでそれを直リンクするのは難しい状況なのです。
画像サーバを用意して（A/B 片方のサーバを画像サーバにできるかもしれない）、
サーバA/Bを内部的には画像サーバへのプロキシとして動作するように設定するとか（ 対外的にはオリジンサーバとして動作する）
よくアクセスされる画像はキャッシュしておけば容量をとらずにすむかもしれない
シンボリックリンクでいいんじゃない？
画像用のディレクトリ作って両方からリンクはってもいいし、ABどちらかのを使ってもいい
そのconstどうこうの人は全く別人。
レスの内容や口調も違うだろうに。
相変わらずダメな人だな。勘違いして人に迷惑かけるなよ〜
ありがとう御座います。
自分に知識がない領域なので、これから少し勉強してやってみます。
別に誰も口調なんて確認してねーよ
相変わらずめんどくせーやつだな
>教育受けてください
はどっち？
アローはforループの中の部分に相当する処理だよ
具体的に言うなら
（サンプル
ttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/arrow_functions） var materials = [
"Hydrogen",
"Helium",
"Lithium",
"Beryl-lium"
];
から文字の長さ [8, 6, 7, 9] に変換する場合
forで書くと
let results = []
for (let m of materials) {
results.push(m.length)
}
アロー（？）で書くと
const results = materials.map(m => m.length);
アローはどの部分かっていうと「results.push(m.length)」の部分だろ
そしてforはmapの部分だよ
という言い方なら間違いじゃなかった
const results = materials.map(function(m) { return m.length; });
const results = materials.map(m => m.length);
アローで書け
function部分に決まってるじゃんｗ
滅多に満たされない if 文の中で代入とかあったら、後で動かなくなることに
そういうのって何で compile時に検査できないのかな
過去のコードとの互換性維持のため
特にwithとevalが問題
const a = 1
let obj = {a:2}
with(obj) { a = 2 }
例えばこれはエラーにならない。
aを書き換えているように見えてもwithのせいで
obj.aを書き換えるだけだから
そしてevalはもっといろんなことができるのは言うまでもない
これがもし obj = {b:2} であれば
const a を書き換えることになってエラーになる
そしてもしこれが obj = foo() だとしたら？
foo()の戻り値によって const aが書き換えられるか
obj.a が書き換えられるかが変わるから
エラーにするべきか断定できない
ttps://mallento.com こういうの使って似たようなサービスできんかね
システムよくわからんから誰かおしえてくれ
なるほど、ありがとう
ということは eval と with を禁止する「超 strict モード」とかあれば
compile時に検査できるようになるのか（？）
つーか strict モードで eval と with 禁止すれば良かったのに
確認もしないで物事を決めつけてたのか
お前のその浅はかな振る舞いで人に迷惑掛かってんだぞ
程度の低さにびっくりするわ
