Webサイト制作初心者用質問スレ part249
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
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サイト制作初心者用質問スレ part248
http://mevius.5ch.net/test/read.cgi/hp/1494150188/ >>339
返事ありがとうございます。
自分の目的は冤罪を訴えて、社会に広めて、
友人の裁判のやり直し、刑の減刑を目的にしているのです。
ですから、ネット上である程度は意見のやり取りもしたいと考えているのです。 そういうのなら某匿名ダイアリーあたりに書いておけ
人の集まってるところに投げて共感からシェアされていくのを期待するのがここ数年のトレンド あ〜なんちゃらダイアリーは丁度いいね
サイト作ってもそもそも見られない。作るのもめんどくさいしな anond.hatelabo.jp
おっと何かよくわからない英語を手が滑って書き込んでしまった
ブラウザのアドレスが書いてあるところに貼り付けたりgoogleで検索する奴なんていないよな すいませんでした。
ありがとうございました。
検討してみます。 >>335
iMacros のマクロで、ブラウザを自動操作できないの？ >>337
コミュニティやチャンネルをみはって
配信が開始されたURLリンクがでた配信名とリンクをシートに追加していきたい
最終的に更新されるのはウェブ上にあるシートなのでウェブ制作になるのかなって
>>348
iMacroってのがよくわからないけど
ページを開いてなくても更新したいんですよね シート編集するのってそんな大変なことなんですか？
あきらめて普通にテキストで保存していきます
お答えいただいてありがとうございました GASで普通にできそうだがUrlFetchAppには回数制限があるからなあ 見出しにマークダウンっぽく#付けてるの見るけどなんなの
作ってる人なりのかっこつけなのか？ >>335
GoogleAppScript
最近くわしい本出たからそれ読め >>353
ツイッターかなんかと勘違いしてるとか？ ##ブログをhugoに移行しました
最先端のフロントエンジニアです
とか それただのコメントの意味じゃね？
昔はコメント行の頭に#使ってたからその名残かと >>356のようなレスを見ると
ああ、自分も年とったなぁって思う 画像や文字の大きさをcssでpxでサイズ指定したら、高解像度のディスプレイで閲覧したら小さくなっちゃいませんか？？？
(例: 解像度72dpiのディスプレイを見ながらcssでh1｛background-size:10px 10px;｝の背景画を設定。
縦横同サイズのディスプレイで解像度144dpiでそれを閲覧したら1つのピクセルの大きさは72dpiに比べて2分の1×2分の1になるから、背景画の大きさも5px × 5pxになりませんか？？)
混乱してます、すみませんどなたか教えてください お世話になります。
Angularの初歩の質問なのですが、本スレが過疎なのでこちらで質問させて頂きます・・・。
OSはMac HighSierra と VScodeを使用しています。
node.jsをインストールし
現在読んでいるAngular参考書に添付されていたAngularの参考ファイル
（画像のCHAP03以下がそれです）をVScodeで開き、
https://dotup.org/uploda/dotup.org1605637.png_TEhLkZSRFic0J0GKBg51/dotup.org1605637.png
CHAP03の中のattrフォルダを開いてから、ターミナルで npm install > npm start でAngularを起動？させたいのですが、
画像の様にターミナルに英語のエラーメッセージが出てしまいます。
CHAP03以下のattr、clazz、event、event-bubble ...はそれぞれ独立したAngularフォルダなので
VScodeを一旦閉じフォルダを改めて開くときに、それらの内のどれかのフォルダを一番上の親フォルダにして開いてから
ターミナルで上のコマンドを入れると無事インストールされます。
質問1 できればVScodeではCHAP03から開いてそれぞれのフォルダをターミナルで読み込ませたいのですが、方法はありませんか？
質問2 各フォルダそれぞれのAngularを起動させるには、毎回毎回 npm install > npm start をしなくてはならないのですか？
installに20秒くらい時間がかかって割と面倒でして・・・。
スレチでしたら申し訳ありません。よろしくお願いします。 cd でカレントフォルダを移動すれば？
カレントフォルダの場所によって、動作が変わるのだろう
プログラム板の、VSCode スレに質問すれば？ >>361
文字に、px を使うと、サイズが固定されるから、ダメ。
%, em, rem など相対サイズのものを使う
CSSのフォントサイズ指定『px、em、%、rem』それぞれの違いと変換
http://infinityforest.net/home/archives/3091
画像は、高解像度用・低解像度用の2つを使い分ける 画像はいちいち2つも用意しない
でかいほうを縮小表示するだけ
システム組んでいたら2つも無理 CSSめんどくさいのでフレームワーク導入考えてます。
bootstrapみたいなメジャーなやつ使うと、
ああ、よく見かけるデザインだなって感じになってしまいますか？
昔学校でユニクロの服3人かぶりしたことがあるので
できればそういうのは避けたいです >>366
CSSのセレクタの付け方が面倒なのか？
それともCSSでデザインを作るのが面倒なのか？
CSSのフレームワークっていうのは、
セレクタの付け方にルールを取り入れたもの
＋デフォルトのデザイン
という構成になってる
デザインはデフォルトなので変えればいい。
オリジナルのデザインにしたいならデザインを変える。
それでもデザイン部分を除くセレクタの付け方のルールや
デザインに関係しないレイアウトは使える >>367
絶望
>>368
後者です
オリジナルのデザインをそのまま使わなければいいということですね？
でもCSS編集するのが嫌だったのでそうするとやはり丸かぶりになるんですね？
CSSもだいぶプロパティーが増え複雑になってしまったので
しっかり1個1個動作確認しながら学ぶ時間がなかなか…
CSSフレームワーク自体はめちゃくちゃ増えてるようなので
しばらくの間独自デザインなのかな？と騙せるような
日本じゃマイナーなCSSフレームワーク探してみようと思います >>369
マイナーなCSSフレームワークを使わなくても
bootstrap用のデザイン集みたいなのあると思うぞ
詳しく調べてないが、テーマとかテンプレートって
キーワードでいろいろ見つかる 自作できるようになったほうが満足する人な気がする
実際にその道に進むかどうかは366次第だが 個性って最高ジャン！！
→奇抜なものを求める
→誰にも受け入れられない
→ベタなもので作ってみる
→あっさり受け入れられる
→個性というのはある程度の水準を守った上で発揮されるものと悟る
という皆が歩んだ道を君も行くのですね <span>a</span>
<span>b</span>
<span>c</span>
のように要素を改行で区切ると、要素と要素の間に空白が開きます
<span>a</span><span>b</span><span>c</span>
のように改行をなくせば空白がなくなりますが
改行を入れたまま空白をなくす方法はないでしょうか？ 親要素のfont-sizeを0にすればいいんですね
ありがとうございました >>363
移してみます
誘導までしていただいてすみません
お答え頂きありがとうございます ttp://www.funkygoods.com/index.html
こんな風に、フレームが無い極力シンプルな個人サイトを作りたいと思っています。
(宣伝にならないように更新していないHPを選びました)
怠け者なので、更新の手間が減るかな？と思い、HP作成ソフトの購入を考えています。
ホームぺージV4を検討しているのですが、間違った選択ではないでしょうか？
よろしくお願いします。 >>379
プロはそんなの使わないってことだけは知っておこう
なぜかって？ 使いづらいからだよ メモ帳を使って日記を書いています
スマホで普通に縦位置で撮影した画像をアップすると横に回転して表示されるのですが
解決策を教えて下さい スマホで普通に横位置で撮影した画像の場合はどうなるのかな
画像編集ソフトで EXIF を削除してからアップした場合はどうなるのかな 無料で使えるオーサリングソフトですと何が評判良いでしょうか？
リアルタイムプレビューのあるBracketsが気になっています
GoogleWebDesignやMicrosoftExpressionWebとかも・・・
企業はDreamweverなどの有料ソフトを使う事が多いですか？ >>388
すみません Googleのはバナー広告を作成するソフトなのですね >>388
無料なんだから使ってみりゃええやん。
使いやすいかどうかは使う者のスキルにもよる。 私はメモ帳をオススメしています。
シンプルで使いやすいですぞ。 メモ帳は文字コードがShift-JISで改行コードがCRLFだから絶対使うな なんだかんだでsakuraエディタが猛烈に軽くて良い
IDEが厳しいノートでは未だに現役だ >>392
Windows 10のメモ帳は、Unicode（UTF-16）、UTF-8対応だよ
http://ascii.jp/elem/000/001/520/1520114/img.html
それから次の更新でCRLF以外にも対応する。
Windows 10の「メモ帳」が大幅アップデートの予定。ズーム機能サポートや検索/置換の強化
https://japanese.engadget.com/2018/07/16/windows-10/
> マイクロソフトもユーザーの声に耳を傾けたようです
> ほか、The VergeによればUnix / Linuxの改行コード「LF」と
> macOSの「CR」もサポートしたとのこと。
使わない理由はなくなっていくね。 開発者に何を使えば良いか聞くのは最悪の手
それぞれ技術背景が違うから全員が違う事を言う
自分で試すしかない emmetが使えるかどうかだなあ
だからメモ帳とかはありえない メモ帳はダメ！
BOM 付き、UTF-8 だろ。
BOMなし、UTF-8(UTF-8N)は使えないだろ
Explorer で、フォルダ内のファイルから、文字列で検索しても、
BOMなしUTF-8では、検索できない
BOM付きUTF-8しか検索できないから、
漏れは、WSL でLinux 側から、grep で検索している
BOM付きUTF-8は、色々なアプリでバグルから、使えない
他にも、BOMの有無、改行コードの切り替えをできる、エディタが良い。
タブ・空白の変換とか、タブでずらす機能もほしい <div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c1"></div>
<div class="c1"></div>
みたいに適当に重複したクラスがならんでてどれか１つをホバーしたときに
同じクラスの要素全部のスタイルをかえるって HTML5 だけでできますか？
JS使わないと無理ですか？ 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b) それだとホバーした１要素だけしかかわらない気がします
.c1:hover ~ c1 { }
とかやれば後ろにある要素は全部かわるけど
同一階層全部ってのは無理なのかな… 順番はかえられないん？
<div class="c1group">
<div class="c1"></div>
<div class="c1"></div>
<div class="c1"></div>
</div>
<div class="c2group">
<div class="c2"></div>
<div class="c2"></div>
</div>
みたいにして個別の要素を absolute なりで表示だけ調整すれば
c1group c2group の hover スタイルつけるだけでいけるが
アコーディオンみたいに hidden input とc＋使って隣接したスタイル変化させるｷﾞﾐｯｸはよくあるけど
あの手法で別階層においたボタンで離れた要素のスタイル変えたいときあるよな 変えられなくはないですけど
労力的にそれならJSでスタイル変更したほうがまだましかなと… >>403
クリックしてよければ親だろうと別階層に離れてようと何でもできるよ
クリックさせたい位置に label おいて
hidden にした input をスタイルかえたい要素の親階層におけばセレクタで好きに指定し放題
ホバーは…
$('.c1').hover(
() => $('.c1').css('color', 'red'),
() => $('.c1').css('color', 'black')
);
でいいんでね？ 画面をナビゲーションと表示領域に分割したくて
<div style="float:left; width:30%; height:100%"></div>
<div style="height:100%;"></div>
ってかくと右側の領域が画面全体になってしまいます
諸事情で親に flex がつけられなくて
右側の中に position: absolute でいろいろものをおきたいので
width 指定せずに右側の領域をぴったり使う方法ってありませんか？
HTML CSS のプロのみなさまよろしくおねがいします ブロック要素って勝手に横幅いっぱいにのびてくれるはずなのに
わざわざ残り幅計算しないと横にならべられないの？
CSSって欠陥言語かよ >>412
flexなら一発だけど、なぜか>>408で禁止されてるのでcalc使うしか無い >>412
＞ブロック要素って勝手に横幅いっぱいにのびてくれるはずなのに
親要素の横幅いっぱいにのびてるじゃないか、仕様通りに
ま、そこがまずいから flex やら grid やら新しい仕様が追加されているんだが calc ってどう使うの？
>>408 で 30% ってかいたけどこれ便宜上適当に幅持たせたかっただけで
実際は文字の幅でかわってくるんだけどそれでも残り幅って計算できるの？ flexなかった時代はどうやって可変長の画像とか横並びにしてたん？ >HTML CSS のプロのみなさまよろしくおねがいします
ここ素人しかいないから 左３０％ぐらいのペインにボタンとかスライドバーとかフォームいっぱいつけて
右残りにグラフみたいなの表示するUIにしたいんだけど
デザインセンスなくても統一感のあるデザインになるいけてるフレームワークとかない？
自分でCSSかいてグラフは chart.js とかつかってもいいんだけど
グラフの見た目とUIのコントローラーの色とかデザインがマッチしてるとうれしい 「css フレームワーク」で検索！
大きなものなら、Bootstrap とか bootstrap はすでに使ってるけど
データの可視化に特化したグラフと UI 含めて統一されたデザインツールがあればなーと bootstrap3までクソだったからなあ
margin -15pxがうざかった >>427
4になって大分マシになったね。これからの発展に期待 >>426
d3.js って調べてみたけどこれ chart.js ＋フォームを連動できるかわりに
アニメーションとかするのに設定がたくさんかかなきゃいけないライブラリみたいな感じ？
ボタンにスタイルがあたったりするわけじゃないからちょっとちがうかも？
bootstrap ベースのダッシュボードテンプレートでおすすめのってないですか？ こういうの使うのはじめてなんだけど
bootstrapみたいにHTMLのフォームレベルでクラスつけるだけで
勝手にイケてるデザインやJSのエフェクトみたいなのができるの？
それとも部品レベルでメソッド１つかくだけで部品１個分のHTMLがはかれたりするの？ class指定するようなタイプじゃなくて
全要素にたいしてスタイルが適用されてる
ファイル読みこむだけでなんとなくデザインしてくれるフリーのCSSありますか？ それ導入すると結局打ち消しcssだらけになるんだぜ・・・
jqueryUIとかとりあえず入れてみては 便乗で質問なんですが
bootstrap上のフォーム D3.jsのグラフ LeafLet.jsで地図 を表示させてるんですけど
この３つにイケてるデザインのあたるダッシュボードテンプレやフレームワークないですか？
地図かグラフどっちかだけでもいいけど
ダッシュボード独自のウィジェットに書き直すのがいやでずっとデザインあてるの放置してる こんばんわ>>202です。
ちょうど一ヶ月前に色々教えていただきました
あの時はありがとうございました
あれからずっとWEBサイトを作りました
WEBサイトと宿題以外何もやってません
http://www.pafumo.com/
この感じでどうでしょう？ なにこれすっごいいいじゃん
こういうのもっとないの？
フォームとかにもっとかっこいいデザインあたるやつ ■ このスレッドは過去ログ倉庫に格納されています
