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/ 画像や文字の大きさを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>
みたいに適当に重複したクラスがならんでてどれか1つをホバーしたときに
同じクラスの要素全部のスタイルをかえるって HTML5 だけでできますか?
JS使わないと無理ですか? 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b) それだとホバーした1要素だけしかかわらない気がします
.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 のプロのみなさまよろしくおねがいします
ここ素人しかいないから 左30%ぐらいのペインにボタンとかスライドバーとかフォームいっぱいつけて
右残りにグラフみたいなの表示するUIにしたいんだけど
デザインセンスなくても統一感のあるデザインになるいけてるフレームワークとかない?
自分でCSSかいてグラフは chart.js とかつかってもいいんだけど
グラフの見た目とUIのコントローラーの色とかデザインがマッチしてるとうれしい 「css フレームワーク」で検索!
大きなものなら、Bootstrap とか bootstrap はすでに使ってるけど
データの可視化に特化したグラフと UI 含めて統一されたデザインツールがあればなーと bootstrap3までクソだったからなあ
margin -15pxがうざかった >>427
4になって大分マシになったね。これからの発展に期待 >>426
d3.js って調べてみたけどこれ chart.js +フォームを連動できるかわりに
アニメーションとかするのに設定がたくさんかかなきゃいけないライブラリみたいな感じ?
ボタンにスタイルがあたったりするわけじゃないからちょっとちがうかも?
bootstrap ベースのダッシュボードテンプレートでおすすめのってないですか? こういうの使うのはじめてなんだけど
bootstrapみたいにHTMLのフォームレベルでクラスつけるだけで
勝手にイケてるデザインやJSのエフェクトみたいなのができるの?
それとも部品レベルでメソッド1つかくだけで部品1個分のHTMLがはかれたりするの? class指定するようなタイプじゃなくて
全要素にたいしてスタイルが適用されてる
ファイル読みこむだけでなんとなくデザインしてくれるフリーのCSSありますか? それ導入すると結局打ち消しcssだらけになるんだぜ・・・
jqueryUIとかとりあえず入れてみては 便乗で質問なんですが
bootstrap上のフォーム D3.jsのグラフ LeafLet.jsで地図 を表示させてるんですけど
この3つにイケてるデザインのあたるダッシュボードテンプレやフレームワークないですか?
地図かグラフどっちかだけでもいいけど
ダッシュボード独自のウィジェットに書き直すのがいやでずっとデザインあてるの放置してる こんばんわ>>202です。
ちょうど一ヶ月前に色々教えていただきました
あの時はありがとうございました
あれからずっとWEBサイトを作りました
WEBサイトと宿題以外何もやってません
http://www.pafumo.com/
この感じでどうでしょう? なにこれすっごいいいじゃん
こういうのもっとないの?
フォームとかにもっとかっこいいデザインあたるやつ >>436
微妙〜
・全体的にpaddingが少ない
・selectの挙動が変
・イメージ画像が変。なんで田舎なのかわからない。 こういうのもっとデザインセンスある人がいっぱいくばっててもいいのにね
なんでないんだろう ・そもそも配る理由がない。
・陳腐化が早い
・今更cssを配布しても有名にはならない
・最近は素人でもスキルが上がったので、必要性も薄れている >>441
自分が納得するデザインにこだわらなければ
いくらでもあるだろ >>436
褒めてほしいなら褒めてやろうか?
『高校生にしては、よくできてるぞ』
こんなん誰でも作れるわ Web制作のアルバイト雇うとして
経験が少ないけど顧客との打ち合わせからデザイン、コーディング等一通り並でできるやつは
時給いくらが妥当だと思う?
完全に1人に任せるのは少し不安ってくらいの能力で デザインもサーバーもバックエンドもフロントエンドもフルスクラッチできる俺でさえ時給1800円
参考にしてくれ >>447
妥当かどうかなら、それと同じことができる正社員と同じ金額だろうね
なぜなら安くする理由が何も書いてないから
せめてなにか失敗してもバイトの責任にはなりません
ぐらい書いてくれないと
あとバイトでも有給あるからなw 勤務地にもよるだろ
東京と地方じゃ2〜300円変わる Webページで、音声データを公開したいのですが、
録音・保存されずに聞かせたいのです
何かいい方法は無いでしょうか >>451
100%は無理だからどこまで保護するかだね
とりあえずストリーミングにしとけば一般人には手が出せないでしょ
さらに暗号化すれば詳しい人じゃないと無理かと
DRMとかもあるけど今時なあw
まあぶっちゃけスピーカーの前で録音すれば防ぎようがないけどw ストリーミングだとF12で簡単に落とされてしまうかと思いまして… >>455
?
プログレッシブと勘違いしてない?
ニコで言うと、ニコ生がストリーミング、ニコ動がプログレッシブ
ニコ生の動画をF12で簡単に落とせる? 完全に勘違いしてました、なるほど・・・
ストリーミングにしとけばツールなしじゃ無理って感じです?
ミキサ出力にノイズ噛ませるのってあれどうやってるんですかね・・・ 最近は拡張機能がワンサカあるから数秒で使えるものが見つかるんだよね・・・
F12でやることはbackgroundの画像落としたりとかそんな程度になってしまった そもそも、音楽と効果音を同時に鳴らしたり、
複数の効果音を同時に鳴らすことが出来るのか? ライン出力とミキサ出力判定して音量とノイズ変えてるんですかね?
録音したやつ増幅してみるとかすかに元の音も聞こえるので、基本かぶせてるだけなんだとは思うんですけど、
ミニジャック付きの録音機とかは持ってないので検証のしようがないですね…
分かることは、あの方式ならかなり強固に守れそうってことくらいですねぇ いままで HTML と CSS 直がきしたしたことなくて
はじめて bootstrapっていうの使ってみてるんだけど
これHTMLがクラスだらけになるの正しいの?
たとえばサイト全体の card のパディングちょっとへらしたいとおもっても
毎回 class="card-body p-1" とかをかくのがただしいの?
CSSに1言
.card-body { padding:0.25rem; }
ってかけばすむ話だけどそうするとbootstrap無視してるみたいになるし
$('.card').addClass('p-1'); ってかくのが一番スマートなのかな… ■ このスレッドは過去ログ倉庫に格納されています