携帯で見る

web制作管理@おーぷん2ちゃんねる

ローカルルールの議論・経過についてはwiki
おーぷん初心者はよくある質問と回答を見てね
板一覧 | ヘッドライン | ランキング | 履歴
2018/1/1 あけおめことよろ

設定
レス順 | 作成順   
1: カードゲーム作ったを遊ぶためのサイト作成スレ2 (349) 2: カードゲーム作ったを遊ぶためのサイト作成スレ (1000) 3: 【35歳定年】Web業界の現実【薄給長時間労働】 (8) 4: 今日からHTML&CSSを勉強します。 (90) 5: mopuの部屋 (3) 6: 作ったサイトにダメ出しして欲しいんだが (2) 7: 親父からpls-1410貰ったんだが・・・ (1) 8: JIMDO(ジンドゥー) (3) 9: ホームページ作りに関して質問したい (3) 10:ほんとにweb製作がというよりパソコンがわからない人の質問スレ (3) 11:作ったサイトのアクセスが伸びない (5) 12:パスワード乗っ取られた (3) 13:web制作総合スレ (8) 14:裏垢まとめサイト制作するよ! (46) 15:スレたてテスト (9) 16:◆この板の自治雑談質問相談投票スレ立て依頼総合★1 (2) 17:バナー応募スレ@web制作管理 (14) 18:【Google】SEO対策を論じる【bing】 (9) 19:新掲示板制作プロジェクト (11) 20:ウェブサービスっていうの作ろうと思うんだけど教えてくれる人 (1339) 21:デザインが美しいサイトを挙げてゆけ (10)  
スレッド一覧   過去ログ   ごみ箱(仮)

【1:349】カードゲーム作ったを遊ぶためのサイト作成スレ2
1CGTT◆A1n7gQX4UY:2016/02/27(土)23:24:24 ID:xI8
その2ですー
前スレ
http://toro.open2ch.net/test/read.cgi/hp/1455450071/l10



340名無しさん@おーぷん:2017/08/03(木)07:16:00 ID:PXr
cardList.forEach(function(card){
});

forEachというのは、配列のメソッドでfor文みたいに配列の要素を一つずつ取得するメソッド
引数に関数を渡してるのが特徴だね

上の例をfor文で書き直すと、
for(var i=0;i<cardList.length;i++){
var card=cardList[i];
}
みたいになる

341名無しさん@おーぷん:2017/08/03(木)07:21:34 ID:PXr
var cardNode=templateNode.cloneNode(true);

cloneNodeはElementのメソッドで、要素を複製する
引数にtrueを渡すと、子孫要素まで複製するようになる

ここでは、templateNodeを雛形としてHTML側で作っておいて、
それを取得、複製することでカードの要素を作るようにしている

342名無しさん@おーぷん:2017/08/03(木)07:24:14 ID:PXr
document.body.appendChild(cardNode);

appendChildはElementのメソッドで、要素を別の要素に追加するメソッド
上の例では、document.bodyに、新しく作ったcardNodeを追加している

343名無しさん@おーぷん:2017/08/03(木)07:29:50 ID:PXr
JavaScriptでわからないものがあるときは、まず「MDN 単語」で調べてみるのがおすすめ

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector
https://developer.mozilla.org/ja/docs/Web/API/Node.cloneNode
https://developer.mozilla.org/ja/docs/Web/API/Node/appendChild
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

MDNの記事が読めるようになれば、JavaScriptの勉強がかなり楽になる

344名無しさん@おーぷん:2017/08/03(木)07:32:19 ID:PXr
あと、カード一覧を出力するプログラムを、実際に動かしてみてね
そのためには、HTMLをちゃんと書かなきゃいけないんだけど、プログラムを理解できれば書けるはずだから

345名無しさん@おーぷん:2017/08/03(木)07:43:11 ID:PXr
textContentの説明を忘れてた

cardNode.querySelector('.name').textContent=card.name;

textContentは、Elementのプロパティで、これを使うとテキストを書き換えられる
上の例だと、先ほど説明したquerySelectorを使って要素を取得して、そのテキストをcard.nameにしてる

346CGTT◆A1n7gQX4UY:2017/08/06(日)10:56:23 ID:FYV
詳しく解説してくださってありがとうございます
ただ、オブジェクト指向というものは難しいですね
自分もHTMLとCSSとjavascriptの基礎を読み返しながら、
一つ一つ理解していきたいと思っていますが、時間がかかってしまったら申し訳ないです

347名無しさん@おーぷん:2017/08/09(水)06:10:36 ID:pln
久し振りのJavaScriptにしては重めの内容だったかなw
HTMLとCSSも少し混じってるしな
ざっくりとした説明しかしてないから、よくわからないところは質問してね

HTMLを書く部分はどこまでできたかな
できた分までここに書いてみて

348名無しさん@おーぷん:2017/08/10(木)07:09:09 ID:jmP
そういえば、カードのデザインは考えてある?
>>290みたいに簡単な感じでいいんだけど

349名無しさん@おーぷん:2017/08/11(金)06:44:52 ID:CAd
ブラウザは何使ってる?
OSがWindows 10なら、標準はMicrosoft Edgeだけど

名前: mail:

【2:1000】カードゲーム作ったを遊ぶためのサイト作成スレ
1CGTT◆A1n7gQX4UY:2016/02/14(日)20:41:11 ID:5YO
立てましたー



991CGTT◆A1n7gQX4UY:2016/02/27(土)23:17:27 ID:xI8
前も書いたけど3DSのプチコンってやつだね

992ゾフェ◆GwxtMOXgPd/w:2016/02/27(土)23:17:54 ID:htN
>>991
そうだった 前にも聞いてた

993ゾフェ◆GwxtMOXgPd/w:2016/02/27(土)23:18:29 ID:htN
PHPではなくなぜRubyかということだけど

まぁオレが勉強したいからってことで
許してねw

994CGTT◆A1n7gQX4UY:2016/02/27(土)23:18:51 ID:xI8
1度引いたカードを如何に選ばないようにするかが結構苦労したなぁ
>>993
そうだったんだw

995ゾフェ◆GwxtMOXgPd/w:2016/02/27(土)23:19:26 ID:htN
コード学園って漫画をみたら
Rubyちゃんが人気あるのがわかるからw

996ゾフェ◆GwxtMOXgPd/w:2016/02/27(土)23:20:06 ID:htN
これね
https://codeiq.jp/magazine/category/programminggirls/

PHPキャラは出てこないからー

997CGTT◆A1n7gQX4UY:2016/02/27(土)23:20:45 ID:xI8
前に貼ってくれたやつだね
PHPなんでいないのー、
先生とかで出ればいいのにw

998ゾフェ◆GwxtMOXgPd/w:2016/02/27(土)23:21:04 ID:htN
PHPはふるいぃ

999CGTT◆A1n7gQX4UY:2016/02/27(土)23:21:49 ID:xI8
だから先生なんだよーw

1000CGTT◆A1n7gQX4UY:2016/02/27(土)23:25:37 ID:xI8
あ、もう1000だ
新スレ立てたよー
http://toro.open2ch.net/test/read.cgi/hp/1456583064/l10

名前: mail:

【3:8】【35歳定年】Web業界の現実【薄給長時間労働】
1move:2016/02/03(水)15:36:34 ID:pBJ
クリエイターというのは聞こえは良いが
現実は酷いものです。

お互い語り合いましょう



2move■忍法帖【Lv=1,カンダタこぶん,8Oj】:2016/02/03(水)15:37:37 ID:pBJ
皆、どんどんやめていくお!

3ゾフィ◆GwxtMOXgPd/w:2016/02/03(水)17:52:20 ID:f2f
こんちー

そうなの?
厳しい業界なのか

4move■忍法帖【Lv=1,カンダタこぶん,8Oj】:2016/02/04(木)03:29:14 ID:RZw
そもそも好きじゃないと出来ない仕事だから
仕事内容で厳しいと感じたこと無いなぁ
常にスキルアップさせてる印象。
同僚はどんどん辞めてく

5ゾフィ◆GwxtMOXgPd/w:2016/02/04(木)08:37:29 ID:OmY
スキルアップが必須なのね
そうか方向転換か

6十円玉◆AFW07rd0xdYX:2016/03/17(木)10:27:24 ID:vbV
どこのWeb会社も待遇がひどいですね。
挙句の果てにカラダを壊したので今はSOHOで食べています・・・。

7名無しさん@おーぷん:2016/04/06(水)13:00:29 ID:LNB
一つ積んでは「とりあえず作ってみて」
二つ積んでは「なんかイメージと違う」

三つ積んでは「でもそうしろってクライアントが」


webサイトのデザインは必要な情報をなるべく解り易くが最も求められるものではないのか

なぜ重要な「中身は後で同業サイトから適当にパクる」がよくあることなっているのか…

今日も今日とて自問自答
せめてコンセプト位は貰ってきてくださいお願いします。

8名無しさん@おーぷん:2016/05/08(日)23:39:31 ID:Jzj
クライアントも営業も消えろおおお

名前: mail:

【4:90】今日からHTML&CSSを勉強します。
1DW◆O1zEVEUArhT0:2016/02/02(火)12:11:07 ID:uai
よろしくお願いします。



81名無しさん@おーぷん:2017/07/15(土)08:48:15 ID:SLW
>>80
置換するのが嫌ならディレクトリ構成を2つのサイトで同じにすればいいだろ

82名無しさん@おーぷん:2017/07/17(月)20:35:18 ID:aUY
>>81
色々試したけどFC2ブログは画像ファイルが全然違うURLになるからディレクトリじゃどうにもならないみたいだわ。

83名無しさん@おーぷん:2017/07/17(月)22:26:45 ID:NEX
>>82
URLが勝手に変わってしまうというなら、HTMLファイルを編集するしか無いだろうね

84名無しさん@おーぷん:2017/07/18(火)12:54:49 ID:6py
>>83
CSSかジャバかなんかで画像のURLを置換できないかな?

85名無しさん@おーぷん:2017/07/18(火)14:28:59 ID:lmu
>>84
事前にURLがわかってないとだめだろ
画像のURLをどこかに記述しておくなら、直接編集するのと変わらないでしょ

86名無しさん@おーぷん:2017/07/19(水)19:02:12 ID:bjj
>>85
78に書いたように画像のファイル名は同じだから
URLの前の部分は事前に分かってるんだ。
そこだけ変えることができればコピーして画像をアップするだけだから楽になるんだ

87名無しさん@おーぷん:2017/07/19(水)19:10:34 ID:PLU
>>86
「A.jpg」というファイル名から、どうやって「http://ドメイン/ディレクトリ/A.jpg」というURLに変換するの?
機械的に変換できるの?
画像ごとにランダムでドメインが変わるんじゃないの?

88名無しさん@おーぷん:2017/07/20(木)17:44:20 ID:dS7
>>87
HPの記事からブログへ記事をソースごとコピーしてるんだよ。
その際画像は直リンクできないからブログの画像を使うんだが、
ファイル名は変わらないから、CSSかなにかで特定の文字列を置換できる方法がないか探してる

89名無しさん@おーぷん:2017/07/21(金)07:25:31 ID:WHH
>>88
function convertImageFilenameToBlogImageURL(imageFilename){
}

↑の関数をどうやって実装するのって話なんだが
それがわからないというなら、動的に書き換えるのは無理

90名無しさん@おーぷん:2017/07/24(月)01:30:00 ID:M9P
>>79
>>81
>>83
>>85
>>87
>>89
別の方法で出来たわ。すごく楽になったありがとう。

名前: mail:

【5:3】mopuの部屋
1mopu◆T5Y30ruxbU:2016/01/05(火)20:38:09 ID:c5A
おーぷんみたいな掲示板をつくりたい

いろいろ勉強しようと思う



2名無しさん@おーぷん:2016/01/07(木)05:22:46 ID:iXE
前々から取り掛かっているものがある
あれをもう少し進めるとする

3名無しさん@おーぷん:2016/01/28(木)07:19:26 ID:fOn
[メモ]
準備に必要な知識
・ダウンロード
・拡張子
・フォルダ
・ローカル

名前: mail:

【6:2】作ったサイトにダメ出しして欲しいんだが
1名無しさん@おーぷん:2015/12/19(土)04:28:25 ID:wHf
もっとサイトを良くしたいんだけど、自分ひとりではどうしていいかもうわかんなくなってきた。
誰かにダメ出ししてもらいたい。
けど、ここにurl貼ると宣伝みたいになるし……
何かよい方法はないですかね?



2名無しさん@おーぷん:2015/12/27(日)00:19:13 ID:Iee
サイト見して

名前: mail:

【7:1】親父からpls-1410貰ったんだが・・・
1名無しさん@おーぷん:2015/05/18(月)01:33:31 ID:Xm4
スゲエいい音じゃんw



名前: mail:

【8:3】JIMDO(ジンドゥー)
1名無しさん@おーぷん:2015/05/16(土)15:03:29 ID:JjZ
簡単ホームページ作成
http://jp.jimdo.com/

・JimdoFree
・JimdoPro 月々945円(2015/05/16時点)
・JimdoBusiness 月々2,415円(2015/05/16時点)



2名無しさん@おーぷん:2015/07/08(水)10:31:14 ID:Nmm


3名無しさん@おーぷん:2015/07/08(水)10:31:44 ID:Nmm
であります

名前: mail:

【9:3】ホームページ作りに関して質問したい
1名無しさん@おーぷん:2015/01/20(火)00:44:25 ID:wW9
パワーポイントのデータをアニメーション付きでリンク先に貼ることってできる?
学校の課題だからホームページビルダーが使えないから それを使わないやり方を教えてください



2名無しさん@おーぷん:2015/01/26(月)00:02:35 ID:uPl
最初から本家で聞けばよかったね

3名無しさん@おーぷん:2015/01/26(月)00:05:57 ID:kuc
アニメーション無しなら出来るがアニメーション有りだと大分不安定になるな
パワポ側にwebで保存とか有るはず

名前: mail:

【10:3】ほんとにweb製作がというよりパソコンがわからない人の質問スレ
1名無しさん@おーぷん:2014/11/12(水)23:01:14 ID:TLEHzKlmH
なんとなく立てた



2名無しさん@おーぷん:2014/11/28(金)01:30:19 ID:ubw
さーどうぞ

3名無しさん@おーぷん:2016/02/25(木)10:19:24 ID:ZAx
ほーむぺーじをつkりたいのですが
日本語のほ^むぺ^じをつくったら
あめりかから見たとき
2baito文字は文字化けしますか??

名前: mail:


新規スレッド作成
タイトル:
名前: mail:

スレッドをもっと見る(11~)
おーぷん2ちゃんねるの投稿は著作権を放棄しパブリックドメインとして公開しています。
まとめブログやウェブサイト上で自由に転載・創作を行えます。

おーぷん2ちゃんねるに関してのお問い合わせは こちらまで
2018 satoru.net