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/ メディアクエリで切り替えてるのにPCの方だけ変えてるんじゃないの >>762
>>763の通りメディアクエリ
https://sole-color-blog.com/blog/71/
幾つかパターンあるから全部確認すれば見つかると思う
開発ツールから探したほうが早いけど、まぁなんでもいいや AdobeのXDとDWって連携できるってきいたんですが、
XDの自動アニメーション機能などは結局一からコーディングしないとだめですよね スレちと思いますが、どこで聞いたら良いか教えて下さい
wordpressサイトがクソ重い
TTFBが30sにもなってて、6日くらいから急に んなもんサイトみないと分からん
個人サイトならwpアップデートしてしまったらいいんじゃないかな >>764
メディアクエリというのがよく分かりませんがPC、スマホ、タブレット等の画面サイズの違いにより画面表示が変わるって事でしょうか?
一応確認しましたが画面サイズにより表示を変えるような記述はhtml、CSS共になかったです >>767
原因は多種多様だから一概には言えない
『Prime Timeline』とかのタイムラインプロファイラで確認して原因究明かな
とりあえずキャッシュ系のプラグイン入れてみてもいいかもしれない >>>769
どこかで何かがある
「開発ツール chrome css」などで検索して頑張って探してみて
https://nandemo-nobiru.com/2944/ >>769-771
Bootstrap4 とか
Bootstrap4のメディアクエリ
https://pgmemo.tokyo/data/archives/990.html
ディスプレイサイズによって、段組みを変える。
広い場合は3段で、中間サイズは2段で、狭い場合は1段で表示するとか >>770
>>772
亀レスですが、ありがとうございます htmlとcssを書くとライブビューのように変わっていくソフトで初心者向けお勧めってある?
atomでやってるけど、htmlプレビュープラグインだと、編集すると書き換わるのは良いんだけど、
ページのトップに画面が飛ぶし、cssはセーブしないと反映されないとかあって、
他に何かあるのかなと・・・ VSCode の拡張機能で、同じ作者のLive Sass Compiler, Live Server。
Live Sass Compilerを導入すると、依存関係でLive Serverも導入される
HTML, Sass ファイルを保存すると、ブラウザで再表示される。
保存しないと、再表示されない
プログラム板に、VSCode スレがある >>770
>>772
767ですが、wp-DBManagerで掃除したら解消しました
ゴミがたまりすぎてたみたいです >>776
ありがとうございます。
sassってたしか字下げでcss書く表記法でしたっけ。
phpはいずれVScode使いたいなと思っていました。
web(CMS除く)でご飯食べている人って、どんなエディタを使っているのか気になります。
ブラウザの開発ツールもあなどれないので、意外とIDEなど使わずシンタックスハイライトがついたシンプルなエディタなのかな。 XHTMLで作ってたサイトがあるんだけどhtml5に書き換えた方がいいかな? 書き換える必要性は保守が楽になるかどうかぐらい
自分でXHTML掛けて保守できるなら書き直す必要はない 互換性があるんだから書き換える必要はないでしょ?
せいぜいDOCTYPEを変更するだけ
単にXHTMLをやめるだけでいい。
次の修正からはXHTMLに従わなければそれでいい >>781
DOCTYPEだけすべてのページ変更して、追加で記述する時はHTML5の記述にすればいいって事ですね
今までの記述は変える必要ない そう言えば、<br> を、<br /> って書いてる、フレームワークの本が多い みなさんは何年くらい前までの本は役にたつと思っていますか?
2015年に出版された本に書いてあったSEOのためにテキストを隠すのは今ではバッドプラクティスになっていると聞きました >>778
SublimeTextは有料だから論外
Atomは少し前に流行ったけどツールの更新をしない低スキル御用達
MicrosoftのVS Codeが最新流行って感じですかね…
特にいまだにAtomとか使ってる人は時代遅れのGulpとか使ってる印象 >>785
Sublime有料なのか・・・知らなかった。
Bracketsってadobeが出しているだけに人気なのかな・・・
atomは便利だったけど、あれこれプラグイン入れすぎて起動できなかったりするので、
vsも検討します。 >>786
サブライムは無料でもずっと使える
金払ってくれーってポップアップが出るだけ SublimeはVSCodeが登場するまでの良いつなぎだった >>784
本なんて読まない
W3Cなどを追いかけて常に最新の情報を仕入れる
Sublimeはポップアップが鬱陶しいからatomに変えたな >>782
HTML5はXMLをサポートしているから、XHTMLを止める必要はない
Content-Typeヘッダも「application/xml text/xml」のままで良い >>782
訂正
× Content-Typeヘッダも「application/xml text/xml」のままで良い
○ Content-Typeヘッダも「application/xhtml+xml」のままで良い >>790
サポートはしてない
例えば、<script />みたいな書き方をしていたら
<script></script>に書き換える必要がある
<br />など、HTML5でも閉じタグが不要なものは、そのままで良いけど
閉じタグが必要なものを/で省略することは出来ない
(/は無視されるだけなのでHTML5では/は無いほうが正しい) \ ヽ | / /
\ ヽ | / /
\ /
_ わ た し で す _
/ ̄\
― |^o^| ―
\_/
 ̄  ̄
/ \
/ / | ヽ \
/ / | ヽ \ サブライム って発音するのか
サブリーム と脳内で読んでいた >>786
ブラゲッツは初心者におすすめ
エクステンションなしでもかなり使える、スニペットの登録がかんたん、画面か広く使える SNS(主にTwitter)でログインして使うWebサービスの制作を考えています。
無知の初心者ですが、HTML/CSSでのデザインに加え、PHPを使ってサイトを構築しようと思います。
何点か質問ですが、Webサイトを作る流れとしては
まずHTML/CSSで全体のデザインを構築→その後各プログラミング言語でのコーディング、この流れで合っていますか?
サイト内に広告を掲載する予定ですが、予め「ここに広告を表示する」というスペースを作ったうえでサイトをデザインすれば宜しいのでしょうか?
サーバーやドメインの取得はサイトが完成してからでOKですか?
アドバイスお願い致します。 >>801
プログラミング→コーディング
の順番
必要な項目をプログラムで出力しておいて、それを使ってコーディングしていく
先にコーディングするとダミーでコーディングしてから置き換えていくことになるから無駄なだけ web サービスには、HTML, CSS/SASS, JavaScript, Node.js, jQuery は必須で、
言語としては、Ruby がお勧め
Ruby で、Sinatra, Rails フレームワークを学ぶと、CakePHP も出来るようになる。
なぜなら、CakePHP は、Rails のコピーだから!
他に、Linux、データベース、SQL も必要
まず、これだけで、1年掛かる! >>804
rubyってもうすぐ無くなるみたいだね
利用者ほとんどいないじゃん COBOLってもうすぐ無くなるみたいだね
利用者ほとんどいないじゃん 雑誌、WEB+DB PRESS で、RubyVM を作った、Cookpad の笹田耕一の新連載が始まった!
Rubyの実装系の内部の仕組みを見る
Rubyは日本に、有名な開発者がいる。
作者のMatz、笹田耕一とか
Cookpad, マネーフォワード、Ruby開発とか、Rubyで有名な会社もあるし、
他の言語よりも、日本人が学ぶのは有利! >>807
× Rubyは日本に、有名な開発者がいる。
○ Rubyは日本にしか、有名な開発者がいない。 node.js には、npm も入っているから、これでモジュールをインストールできる
node.js は、Ruby を参考にして作ったから、
npm も、Bundler と同じ
何かのプログラミング言語を作る際に、皆、可読性が高い、Ruby を参考にする。
他の言語を参考にした場合は、ソースコードを読んだり、議論するのが難しくなる
そういう意味では、Rubyは、プロのための擬似コード! >>812
rubyを流行らせたい気持ちは分かるけど、あまりにも文章が酷い
なんで全員が敵に回るか、もう少し考えたほうが良い
今のままだと、お前がrubyの歴史に終止符を打つことになるw マジかよスゲェ影響力じゃんrubyキチガイwww そもそもrubyはどうでもいい存在だったけど、あいつの文章読んでからrubyにはヘイトしか溜まらんわ
宣伝も下手、しかも無能、気持ち悪すぎる、何一つ擁護するところが無い
まぁこういう奴がruby使ってるってことは非常に悪い意味でいい宣伝になっているだろうなw もうパーフェクトPHP買っちゃったよ。なので俺はPHP >>804
一気に全部同じ必要あるの?
webサービス作るためにあたって必要なことだけ覚えて進めていけばいいんじゃないの? むしろrubyがまだ存在してたことに驚きを隠せない 日本人て、日本にしか流行らない物が好きじゃん。
iPhoneとかwww
Rubyも一緒なんじゃない。
おれは興味ないけど。 Rubyも10年ぐらい前の設計思想は良かったんだけどね
そこからロクなアップデートしないから他の言語にあっという間に抜かされた
今は煩雑な機能が残っているだけの負の言語だよ >>822
抜かされた?
果たして本当に追いついたのか? Rubyってまだベンチャーとかで使ってる所が多い気がするんだが気のせいか?
みんなPythonに移行中か? >>819
だから、804 に書いたものが、最低限必要な技術!
これは、PHP でも同じ
本に、XAMPP と書いてあったら、
Linux、データベース、web サーバーの構築運用まで必要
だから結局、システム設計構築運用をどの言語で学ぶかという話だから、
良本が揃っている、Ruby を勧めている
例えば、Python なら、Django の本は、掌田津耶乃の1冊だけしかないけど、
Ruby on Rails の本なら、20冊は出てる
PHP も、システム関係の本は、あまりない。
WordPress で、画像中心の本ばかり
システム設計構築運用を学べない
Python の初心者向け文法書が、20冊出てても、あまり意味がない。
数冊読めば済む話 本なんかいらねえだろ
古くなって使えないことばっかり書いてるぞ CGIといえばperlなのになぜこのスレではperlの話題がないのですか
rubyは時代遅れのくせに時折話題に出てて不公平です 646 名前:デフォルトの名無しさん[sage] 投稿日:2019/06/23(日) 12:40:08.14 ID:fwFAut7X
スクレイピング、ブラウザの自動操作などは、
Ruby, Selenium WebDriver, Nokogiri で十分!
CSV も、モジュールがある。
これで、CSV ファイルを、1行ずつ処理できる
CSV.foreach( "a.csv" ) { 処理 } >>832
消滅する言語でプログラミングはしたくないかな なんでCSVなんかでマウント取ろうとしたwww
どの言語にもあるだろwww だってcsv以外だとRuby全敗じゃん
唯一出せる札がcsvなんだろう >>828
ていうことは完全な初心者がwebサイト1つ立ち上げるのに1年かかるってこと? >>838
例えば高校の野球部やサッカー部で
「まるっきりの初心者ですけど
次の県大会にスタメンで出たいです」
って言われたらどう返事する?
作りたいのが Web サービスでなく
店舗や会社のトータル10ページぐらいのサイトなら
WordPress 使えば早いと思う 10ページくらいなのにワードプレス使ってるサイトきらい
お店や会社の公式がFacebookとかしかないのはもっときらい >>840
>例えば高校の野球部やサッカー部で
>「まるっきりの初心者ですけど
>次の県大会にスタメンで出たいです」
>って言われたらどう返事する?
「お前らならできる、頑張れ!」って応援する
実際野球やサッカーなんか玉遊びなんだから余裕だろ
小学生でもやってるんだから がんばれ!
やればできる!
がんばれ!
どうしてやる気を出さない!
がんばれ!
逃げるな!
がんばれ!
が ん ば れ ! ! >>841
飲食だったらアリと思うぞ
HP作ってほったらかしにするぐらいなら、ツイッター一本にした方が負担も少ない ガールズちゃんねるみたいな匿名掲示板を作りたいのですが何から手を着けたらいいでしょうか、WordPressで出来ますか?
WordPressでbbPressというプラグインを導入しましたが機能が多すぎて挫折しました noteにですら「2,3ヶ月で初心者がwebサービス作った」みたいな記事多いのに
1年かかるとかてめぇのセンスが無いんじゃねぇの? ソフトウェアのatomスレの流れが無いので、質問したいのですが、
エディタでatomを使ってhtmlとcssを書いているのですが、
gitプラグインを使うと、ローカルPCだけで差分を知ることができるのでしょうか?
今日はhtmlはどこを編集したのかなとdiff的な差分などが見れるだけでいいのですが、
認識はあっていますでしょうか?
1人でチマチマhtmlやcssを書き足して、複数人のプロジェクトなんて無いです。
わざわざgitプラグインを使うほどでもなく、他のプラグインでバージョン管理などができるのでしょうか? >>846
要はゲスト投稿だろ?
「wordpress ゲスト 記事投稿」
辺りでぐぐれば色々出てくるよ
ゲスト投稿可能にしたら、後はコメント付けるだけ
ベースだけなら気合入れれば一日でできると思う >>848
無料なんだから、まずは色々試してみれば? >>850
gitプラグインは入れているのですが、
まずブランチを作らないといけないと思いますが、masterと名前をつけても反映されなかったり、
テストのファイルをunstag から staged にはステータスを変えることができるのですが、
そこからcommitしようとするならメールアドレスや名前をコマンドで打てと出るのですが、
コマンドってそんなのどこから入力すれば?みたいな状態になっています。
バージョン管理をして差分を見たいだけなのですが、
1日ごとにファイルをわけてdiffプログラムで見るよりもgitでローカルのファイルを管理できれば良いなとは
思っていたのですが、そういうことはgitでできるのでしょうか?
どこかにアップロードして地球上の人に見られるとかは無いですよね? >>849
そうです!
投稿を誰でもできるようにしてそれに対してみんなでコメントする
デザインはトピックとコメントが連続的につながった感じ(2chも>>1とそれ以降のレスは分断されてないですよね)にしたいんだけど、それはPHPやCSSいじったりしないとだめなの? >>852
当たり前だろう
その規模とカスタマイズしまくって好きなサイトを作りたいならphp・js・cssさわれないと無理 自己レスです、スレチ的な内容ですが、もうひとつだけ
Atomでgitを使う場合は、githubへの登録が必須なのでしょうか?
自分のポエムのようなhtmlがネットワークの外へ出さないといけないのでしょうか。
てっきりローカルPCだけでバージョン管理ができると思っていました。 githubの非公開リポジトリはこないだ無料になったばかりだぞ こないだ消費税3%導入で騒いでたってのにあっという間に5%、8%、しまいにゃ10%かよ… たしかにこの前、物品税が廃止になって消費税3%でシーマ買ったのに、もう10%まで上がるんだもんな。 また東京でオリンピックかよ…
ついこないだやったばかりだろうが >>838
web サービスみたいな複雑なものは、1年ぐらい掛かる
例えば、侍エンジニア塾では、70万円で、
千時間掛かるものを、300時間で教えると言ってる!
漏れは、300時間でも無理だと思うけど
例えば、無料のRails チュートリアルでも、半年は掛かる。
これも、色々な塾で教えているほど
そもそも、簡単に出来るのなら、こんな塾ビジネスなど、成立しないはず!
漏れは独学で勉強したから、Rails チュートリアルをやる前に、Rails の本を、数冊読んだ。
Linux の基本コマンド、シェルスクリプト、データベース設計など、
HTML, SASS/CSS, JavaScript, jQuery
これらを勉強して初めて、Rails チュートリアルの意味がわかる!
だから、どう考えても、1年は掛かる。
単純に、言語を学ぶ話じゃないだろ
システム設計構築運用の話だから、勉強の次元が違う! ■ このスレッドは過去ログ倉庫に格納されています