質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

3回答

1130閲覧

画像ファイルを設置できるコード共有サイト

newyee

総合スコア213

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/11/09 07:01

コードの共有サイトで、画像ファイルを設置できるサイトはありますでしょうか...?
実際に、ご質問する際に、codepenというサイトを利用し、urlを貼らせていただくことがあるのですが、画像が表示されていないと、伝わりづらいなと感じた為です。
どなたか、ご存知でしたら、教えて頂けましたら幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

teratailへの質問ということでしたら外部サイトを使わずteratailの質問に画像直接貼れば良いのでは。

コード中の画像というより表示結果のスクリーンショットですね。

投稿2018/11/09 07:20

編集2018/11/09 07:22
m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/11/09 07:21

コードも外部より直接質問に貼ってもらった方が回答者としてはありがたいですけどね。
newyee

2018/11/09 07:36

あー画像といいますか、画像ファイルを設置し、実際に自分が開発している同じ環境で、色々とみて頂いた方が、分からない点が伝わりやすいと思ったんですよね。
m.ts10806

2018/11/09 08:11

回答者観点からすると、実際の画像ファイルが欲しい、見たいと思ったケースは思い当たらないですね。どのような画像かというのはプログラミングにおいては関係ないので。 コードも外部サービスじゃない方がいいくらいで。 それより伝わる文章とコードの方が何倍も大事です
guest

0

適当な画像アップローダを利用するかplacehold経由で
ダミーデータを使えばよいのでは?

投稿2018/11/09 09:19

yambejp

総合スコア114839

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2018/11/14 05:46

ちなみにdropboxはプライバシー保護エラーになりますのでやめたほうがイイでしょう
guest

0

ベストアンサー

画像ファイルを設置できるコード共有サイト
画像ファイルを設置し、実際に自分が開発している同じ環境

「コードが共有できて画像ファイルも設置できる」という要件であるならば、
Githubで良いと思います。

少々視点を広く回答させていただくと、
「どれだけ質問する内容を1点に絞って簡潔にできるか?」
に着目してみれば、
大概は数行~数十行のコードとそれに対する説明だけで留まります。

HTML/CSSタグをつけていらっしゃるので、
サイトのレイアウトを共有したいということでしょうか。

Web開発をしたことないお客様であればそれを画像にしてみせるのはありだと思います。
が、開発経験のある人ならHTML/CSSソースさえあればブラウザで確認できるので画像にする必要はないです。

色々話をさせて頂きましたが、

実際に、ご質問する際に、codepenというサイトを利用し、urlを貼らせていただくことがある

これは、「どこで」「だれに」「どういった内容で」質問されているケースなのかが
明確だと適切な回答がもらいやすいと思います。

投稿2018/11/12 02:09

編集2018/11/12 02:12
BluOxy

総合スコア2663

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

newyee

2018/11/12 08:03

ご丁寧にご回答いただきありがとうございます。 まさに、ご回答くださった通りでして、レイアウトを共有させて頂けたらなと考えおります。 HTML,CSSの勉強の為、既存のwebサイトをまねて作ったりしていまして、分からない箇所などがあった際にご質問させて頂いているのですが、細かい点において、実際のレイアウトを見て頂いた上で、ご質問できた方が伝わりやすいなと感じた為です。 なんですが、あれからdropboxというツールを見つけまして、そこで画像をアップし、リンクを作成し、そのURLをimg要素のsrc属性に書き込もうと考えております。 そのようにすれば、codepenなどのサイトであれば、画像を表示させて見て貰うことが可能になると思いましたので。
BluOxy

2018/11/20 01:56

返信が遅れてしまい、申し訳ないです。 >レイアウトを共有させて頂けたらなと考えております。 これは、どちら様に対して共有をしたいのでしょうか。客先でしょうか。 メールでのやり取りなら直接画像を添付で良いかもしれませんし、 そうでなければ画像をアップロードしたurl(dropboxでも何でも構わない)を添付で良いと思います。
BluOxy

2018/11/20 01:58 編集

共有したい場所がteratailならmts10806さんが仰っているように、 質問内容に直接画像が添付できるので、わざわざdropboxを使わずともその機能を使えば良いです。
BluOxy

2018/11/20 02:13

oh...質問者さんの質問を見てなかったです。 teratailでコードを貼られているんですね…! teratailにおけるコードの共有にはCodepenを利用されるのではなく、 マークアップ機能によりteratailへ直接コードを貼れるので そちらを利用されるのが筋だと思います。 コードが長すぎてしまうのは聞きたい内容に対して 質問者さんが現在作ってるコンテンツをそのまま貼ってしまうからだと思います。 その困った事象が再現する最小限のコードを書いてみて、 そのコードをteratailに添付してください。 困った事象を再現させるにも大抵html/css/js含め数十行程度で済むかと思います。 コンテンツのソースをそのまま貼ってしまうと 質問内容に関係のない余計な情報が、 お互いのやり取りのノイズになってしまいますからね。 それはお互い面倒ですし、嫌になってしまうでしょう。 そういうことです。 「事象の再現」という作業は コーディングをする上で大事なスキルなのでこの期に磨いてみてください。
newyee

2018/11/20 02:14

レイアウトを共有させて頂けたらなと思ったきっかけとしましては、以前teratailにてご質問させていただいた際に、例えば、画像を何ピクセルずらしたいなどの細かい部分において、うまくお伝えすることができなかった為、実際に画像も含めてレイアウト共有させていただく形で見ていただけたらなと思ったためなんですよね... いえ、自分はまだ全然勉強段階ですので、主にteratailで質問する際に、ご回答下さる方と共有ができたらなと考えております。
newyee

2018/11/20 02:17

やはり、分からない箇所があるからといって、全てのコードをはり付けてしまうのは、あまりよくないですよね... うまく、伝える方法が分からずに、毎回全て貼り付けてしまっていたのですが、そこは考えていかないとダメですよね...
BluOxy

2018/11/20 02:17

>レイアウトを共有させて頂けたらなと思ったきっかけとしましては、以前teratailにてご質問させていただいた際に、例えば、画像を何ピクセルずらしたいなどの細かい部分において、うまくお伝えすることができなかった為、実際に画像も含めてレイアウト共有させていただく形で見ていただけたらなと思った teratailに画像を添付する機能があるので、そちらを使われたら良いですよ!! 画像の貼り方はこちらの質問を参照されると良いです。 https://teratail.com/questions/31272
newyee

2018/11/20 02:23

ありがとうございます。
BluOxy

2018/11/20 02:25

>分からない箇所があるからといって、全てのコードをはり付けてしまうのは、あまりよくないですよね ですね。 1個の問題がわからなくて数百行、数千行のコードを見なきゃいけないなんて、 見てる側は、正直やってられないです。 newyeeさんに必要最小限のコードを書いてもらったほうが、 結果的に問題が早く解決することが多いと思いますよ。 あと、必要最小限のコードを書くことは newyeeさんも自身の問題を把握できやすいですし、 また、自分の情報を整理するためにも必要な作業だと思いますよ! 良い質問ができる人というのは、 そういったノイズになるような情報を載せない人ですね。 最初は難しいかもしれませんが、色々あがいてみてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問