- -pv
スレッドの閲覧状況:
現在、- がスレを見ています。
これまでに合計 - 表示されました。
※PC・スマホの表示回数をカウントしてます。
※24時間表示がないスレのPVはリセットされます。

今日からHTML&CSSを勉強します。

1DW◆O1zEVEUArhT0:2016/02/02(火)12:11:07 ID:uai()
よろしくお願いします。
2DW◆O1zEVEUArhT0 :2016/02/02(火)12:16:40 ID:uai()
PHPプログラマになりたくてPHPを勉強していたら
最近学ぶ順序が違うという うっかりをしてしまいました。
HTML→CSS→Javascript→jQuery→PHP→MariaDB→Python
ざっとこんな順でやっていこうと思います。
3名無しさん@おーぷん :2016/02/02(火)14:35:48 ID:Hu8
HTMLはプログラミングなんて言えるほど高度でも難解でも無いし
javascriptは使いながら覚える言語、習得なんてしようものなら何年もかかる
PHPはマニュアル見ながら作ればアホでも使える
DB周りは必要な時に調べればいいし、まず通常のプログラミングでは使わないし必要無い
Pythonはプログラミング言語の別の形、他の言語を理解出来ない人の受け皿的な面もある

まず、プログラミングに関して何かしら言語を触ってプログラミング感覚を付けておいた方がいい
それにはjavascriptは不向き、理解なんてせずにコピペだけで表面だけを触る事も出来るが、言語としての癖が強すぎてプログラミング慣れてないと理解しづらい
PHPは関数型だから逆に使いやすいとは思うけどな、実行できる環境があって高度な事しようと思わなければだが

まぁプの字も知らんなら好きにやれとしか言えないが
4DW◆O1zEVEUArhT0 :2016/02/02(火)14:59:27 ID:mmX
>>3さん
解説ありがとうございます。
プログラミング感覚は絶対大事だと思ったのでC言語もやります!

あとは私の頭の悪いのはしょうがないとして
モチベーションの維持をどうするか考え中です。
5DW◆O1zEVEUArhT0 :2016/02/03(水)09:20:09 ID:5pL
おはようございます。今日も勉強を始めます。
秀丸エディタを買ったんですけど、
本当の気持ちはメモ帳だけで開発できるガチ勢になりたいです。
でも実際使われているのはDreamweaverですよね。
6ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)12:12:45 ID:f2f
よっ!
http://hayabusa.open2ch.net/test/read.cgi/news4vip/1453363492/
これのxreaの続きをやってみないか
7ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)13:26:34 ID:f2f
>>5
進む方向しっかり見なきゃいけないよね

メモ帳で開発できるようになりたければ秀丸エディタを買う必要がなかった
8ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)13:29:49 ID:f2f
>>4
モチベーションの維持
このおーぷんに書き込みするのも一方法だと思う
でもそれには
レスをする力が必要なのよね
9ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)13:32:35 ID:f2f
>>2
HTML→CSS→Javascript→jQuery→PHP→MariaDB→Python
の順序を
HTML→CSS→Javascript→PHP→Python(Ruby)→MariaDB(SQLite)→jQuery
でやってみないか
10DW◆O1zEVEUArhT0 :2016/02/03(水)13:37:44 ID:zui
>>6
ゾフィ◆GwxtMOXgPd/wさん ありがとうございます。
さっそくスレを読ませていただきます。
11ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)13:38:20 ID:f2f
>>10
おっ!
リアルタイム

PHPはある程度勉強したわけ?
12DW◆O1zEVEUArhT0 :2016/02/03(水)13:43:21 ID:zui
>>11
まだまだ初心者レベルです。
これから使おうとしていた書籍は
「プロになるための PHPプログラミング入門 」です。
今は基本のコードを読めることと書くことまでですね。
13ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)13:45:47 ID:f2f
>>12
PHPで掲示板をつくってみようよ
実践しながら学べばいいと思う
14DW◆O1zEVEUArhT0 :2016/02/03(水)13:48:46 ID:zui
>>13
掲示板を作ってみたい気持ちあります!
勉強目的で人の作品を解読しながら学ぶのもありですよね。
15ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)13:54:39 ID:f2f
サーバーで公開しながらやればいいと思う
無料なら
https://www.value-domain.com/xrea.php
有料なら
http://www.coreserver.jp/
どちらかならアドバイスできるのだけど
16DW◆O1zEVEUArhT0 :2016/02/03(水)13:58:27 ID:zui
>>15
無料の方でさっそく登録してきます!
ありがとうございます!!
17ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)14:00:05 ID:f2f
>>16
じゃ
なんでもいいから
トップページの公開が今日の課題だね
18名無しさん@おーぷん :2016/02/03(水)17:14:43 ID:m5b
>>17
ほんと何でもいい感じのができました。
http://dw1.s500.xrea.com/
やったことは3ペインにしただけという・・・orz
19ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)17:49:23 ID:f2f
>>18
いいじゃん!いいじゃん!

ページのリンクとframeもできてるし

画像表示はどうなの?
できるの?
20ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)17:50:10 ID:f2f
フリー素材
ぱくたそ
https://www.pakutaso.com/
ここ楽しいよ
21ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)17:53:37 ID:f2f
h1の下をdotにするなんて
ちょっと凝ってるやんw
22名無しさん@おーぷん :2016/02/03(水)18:05:15 ID:2VZ
>>20
ありがとうございます。
ブックマークしました!!!
23DW◆O1zEVEUArhT0 :2016/02/03(水)18:06:31 ID:2VZ
今度は画像表示を試したいと思います
24ゾフィ◆GwxtMOXgPd/w :2016/02/03(水)22:28:06 ID:f2f
>>18
いま消えてる?
見えなくなってるけど
25ゾフィ◆GwxtMOXgPd/w :2016/02/04(木)00:15:50 ID:OmY
使用マシンはwindowsの前提だけど

基本的な
・フォルダの中を見る方法
・拡張子の表示設定
・画像ファイルの拡張子 .jpeg .jpg .png
は理解してるよね?
26ゾフィ◆GwxtMOXgPd/w :2016/02/04(木)00:18:43 ID:OmY
それからサーバーにアップの方法は
今はxreaのファイルマネージャーを使ったけれど
後々は一般的なffftpを使うのがいいと思う
(秀丸エディタにもftp機能があるのかもしれないけれど)
27ペインター■忍法帖【Lv=2,シャーマン,Rp7】 :2016/02/04(木)01:44:50 ID:clP
おいおい
28DW◆O1zEVEUArhT0 :2016/02/04(木)10:11:26 ID:XHq
>>25
おはようございます。
フォルダオプションですべて拡張子を表示させてますけど、そのことですか?
画像ファイルの拡張子はわかります。
29DW◆O1zEVEUArhT0 :2016/02/04(木)10:12:13 ID:XHq
>>26
FTPソフトはfilezilla使ってます。
30名無しさん@おーぷん :2016/02/04(木)10:30:56 ID:hDw
プログラミングを勉強中の人がセキュリティも考慮せずに
いきなりインターネット上に公開しちゃって大丈夫?
自分のPCの中で簡易なWebサーバを起動してやったほうが無難んじゃない?
31ゾフィ◆GwxtMOXgPd/w :2016/02/04(木)11:31:38 ID:OmY
>>28>>29
そうそう拡張子はそのこと
すでにFTPソフトを使ってたか
もうある程度のレベルに行ってるのね
まったく初めてじゃないようだね
じゃ
オレの立場もちょっと変えるわ
いままではこれから始める人にアドバイスって感じだったけど
これからは
教え合いってことでよろしく。
32ゾフィ◆GwxtMOXgPd/w :2016/02/04(木)11:33:22 ID:OmY
>>30
大丈夫なんじゃない~
どうせ公開しなきゃ意味ないと思うし
まあしかし
こういう2ch系でURL公開しながらやるのは
ある程度の危険は覚悟しておく必要はあるよね
33DW◆O1zEVEUArhT0 :2016/02/04(木)13:47:56 ID:kZV
サイト更新しました。
今日の夕方までには消す予定です。
よろしくお願いします。
34ゾフィ◆GwxtMOXgPd/w :2016/02/04(木)14:23:37 ID:OmY
見たよ
しかし最初はDWとあっちのスレのGBがライバルになればいいと思ってたけど
とんでもない思い上がりだったわ
こんなの見せられていると
オレもやらなきゃって煽られる
実のところまともなサイトを作ったことないのよね
35ゾフィ◆GwxtMOXgPd/w :2016/02/04(木)14:25:16 ID:OmY
DWとGB
って見てると
オレもZFにしようかなという誘惑に・・・
36DW◆O1zEVEUArhT0 :2016/02/04(木)16:26:40 ID:4Tp
>>34
まだ本を見ながら試行錯誤してますから、まだまだですね。
レンタルサーバにアップロードしてないときはXAMPPで試してます。
37YYYYYYYY7l8Z :2016/02/05(金)13:00:55 ID:jhL
おいおいおい
38ゾフィ◆GwxtMOXgPd/w :2016/02/05(金)14:34:04 ID:SHQ
HTMLでとりあえず知っておくべきなのは

title,h1,hr,br
a,img
div,p,span
table,form

これくらいでいいのではないだろうか
どうですかね?
39DW◆O1zEVEUArhT0 :2016/02/05(金)16:10:09 ID:kjV
>>38
ではいまからtableとformをやります。
spanは私の参考書になかったのでググりました。
spanで試したことがあったのでやってみます!!
40DW◆O1zEVEUArhT0 :2016/02/05(金)17:21:14 ID:r0v
急いで作ったので本当に少しですが、公開しました。
今日はもうちょっとコードを分析したいと思います。
41ゾフィ◆GwxtMOXgPd/w :2016/02/05(金)19:34:01 ID:SHQ
>>40
真っ白で何も見えないけど
42ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)00:26:41 ID:a4X
サイトのソースを見る方法は知ってるよね?
ブラウザで右クリックで"ページのソースを見る"
43DW◆O1zEVEUArhT0 :2016/02/06(土)07:55:37 ID:Pkc
>>42
はいわかります。
最近はクロームでディベロッパーツールも試しています。
44ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)08:00:33 ID:a4X
もうCSSに進んでいいよね
どこらまでCSSを分かってるの?
45ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)08:03:56 ID:a4X
filezillaを知らなかったから
使ってみた
便利そうでちょっと不便なとこもあるね
46DW◆O1zEVEUArhT0 :2016/02/06(土)08:08:23 ID:Pkc
>>44
基礎的なところを勉強しました。
文字の大きさ・色・高さ・幅・背景の色など
47DW◆O1zEVEUArhT0 :2016/02/06(土)10:00:32 ID:2gU
>>45
私はFFFTPを使ってみました。
FTPS・SFTPに対応していたんですね。
使いやすいのでこちらも使ってみることにします。
重要な設定としては「暗号化なしで接続を許可」のチェックを外すこと
後はホストの初期フォルダの設定ですね。
48ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)13:47:51 ID:a4X
FFFTPでよかったのが
サーバーのファイルをローカルのエディタに
ドラッグドロップできることなのよね
49ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)13:49:30 ID:a4X
>>46
HTMLとCSSは使いながら覚えていくということで
次のステップに進んでもいいんじゃない?
JavaScriptとPHPだね
50DW◆O1zEVEUArhT0 :2016/02/06(土)15:06:08 ID:swW
>>49
今amazonでJavaScriptの書籍を探しているところです。
もちろんHTML&CSSの勉強も継続します。
よろしくお願いします。
51ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)18:17:23 ID:a4X
勧めるわけじゃないけど
オレの参考書
http://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88JavaScript-%E4%BA%95%E4%B8%8A%E8%AA%A0%E4%B8%80%E9%83%8E-ebook/dp/B00P2EG5LC/
これと逆引きハンドブックというのを持ってる
52名無しさん@おーぷん :2016/02/06(土)18:59:14 ID:poY
>>51
「パーフェクトJavaScript」良さそうですね。
比較的最近に出版されていてレビューも高評価っていうのが気に入りました。
まずは入門の書籍から初めて、その後でこちらを購入しようと思います。
あとはオライリーの「JavaScript 第6版」も気になっています。

私が入門のために買ったのはこれです。
確かな力が身につくJavaScript「超」入門
http://www.amazon.co.jp/dp/4797383585/
53DW◆O1zEVEUArhT0 :2016/02/06(土)19:20:20 ID:poY
JavaScriptはスクリプト言語で動的なサイトを作る時に使われる。
jQueryはJavaScriptのライブラリ。
実のところ、この程度しか予備知識がないのでちょっとググります。
54ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)21:45:23 ID:a4X
>>52
オライリーのシリーズはバイブル的なイメージがある
でも翻訳本のようだし内容的には自分には合わないと思った

入門書の多くは基本を伝えるのに
余分なことまで書いてあったりするのよね
返ってそれが混乱の元になったりする

入門書は読んで用語に慣れることと
アウトラインを感じたら
自分なりに実践するのがいいと思ってる
入門書に書いてあることをマスターしなければと
意気込むと大抵続かない
これも人それぞれなのだろうけど。
55ゾフィ◆GwxtMOXgPd/w :2016/02/06(土)21:47:42 ID:a4X
>>53
JavaScriptはHTMLに近いところもあるし
サーバー言語としても奥深いところもあるようだ
PHPと重なる部分はPHPで理解する方がいいのかな
56ゾフィ◆GwxtMOXgPd/w :2016/02/07(日)07:20:14 ID:6HD
ねぇ
JavaScriptは必須だけど
先にPHPを進めていこうよ
オレの興味的なところもあるのだけどね
57ゾフィ◆GwxtMOXgPd/w :2016/02/07(日)16:16:21 ID:6HD
>>53
まだトップページが空白のままだよ
サービス規約上
トップページを設置してないと強制解約されるよ
58ゾフィ◆GwxtMOXgPd/w :2016/02/07(日)16:17:28 ID:6HD
逆に
どうやったら空白になるのか知りたいくらいだ
59ゾフィ◆GwxtMOXgPd/w :2016/02/07(日)21:39:42 ID:6HD
>>56にPHP優先と書いたけど
ページを作りだしたら
JavascriptもPHPも両方必要やった
同時並行でやろう
60ゾフィ◆GwxtMOXgPd/w :2016/02/07(日)22:21:33 ID:6HD
うまくいかないなぁ
http://zofeee.s500.xrea.com/kotekote/
61ゾフィ◆GwxtMOXgPd/w :2016/02/08(月)06:39:50 ID:zPa
んー
DWの反応が無いなぁ
62ゾフィ◆GwxtMOXgPd/w :2016/02/08(月)18:16:14 ID:zPa
おーいー
どうしてるのー
63DW◆O1zEVEUArhT0 :2016/02/09(火)15:32:34 ID:hvB
>>58
空のindex.htmlを作るとまっさらなページができます。

ここ二日間はVPSの勉強をしていました。
今日amazonから書籍が届いたのでじっくり読むことにします。
ちょっと返事が遅れるかもしれません。すみません。
64ゾフィ◆GwxtMOXgPd/w :2016/02/09(火)15:46:55 ID:xKI
解約されちゃうよ
とか
PHPとJavaScriptを同時にやろうよ
って方にはレスないのね
本が優先なのね

VPSにいくなら先にLinuxをやらなきゃと思うが
65DW◆O1zEVEUArhT0 :2016/02/09(火)18:36:38 ID:Wcv
>>64
なるべくレスに返信できるように気をつけます。すみません。

index.htmlがあるのでトップページの件は問題ないと思います。
JavaScriptは全く初めてなので、PHPと両方進めるのは私には難しいです。すみません。
66ゾフィ◆GwxtMOXgPd/w :2016/02/09(火)20:04:39 ID:xKI
>>65
すまんな
何か強制してるみたいやな
ちょっと遠慮しておくわ
67DW◆O1zEVEUArhT0 :2016/02/11(木)12:46:42 ID:zsh
今からJavaScriptの勉強を始めます。
68名無しさん@おーぷん :2016/02/11(木)23:05:59 ID:xZA
JavascriptとPHP
みんなはどのくらい勉強してるの?
69DW◆O1zEVEUArhT0 :2016/02/12(金)10:04:48 ID:g8I
>>68
私は今日からJavaScriptの基礎文法を始めるところです。
PHPは簡単なソースファイルが読めるようになったくらいです。

本当にまだこれからですね。
70DW◆O1zEVEUArhT0 :2016/02/12(金)10:05:28 ID:g8I
では、今日もJavaScriptの勉強を始めます。
71DW◆O1zEVEUArhT0 :2016/02/12(金)14:18:50 ID:zrV
ちょっと休憩します
72名無しさん@おーぷん :2016/02/12(金)21:49:38 ID:amT
なんかすごい
何をやってるか分からないけど
73名無しさん@おーぷん :2016/02/14(日)13:17:26 ID:JpK
今からだったらjQueryから初めたほうがいいんじゃない?
74名無しさん@おーぷん :2016/02/15(月)11:41:13 ID:kMs
jQueryを使うにはJavaScriptがわかってないとだめだろw
75名無しさん@おーぷん :2016/02/17(水)19:12:48 ID:DML
JavaScriptってもっともハードルが高いスクリプト言語になった。
76名無しさん@おーぷん :2016/11/12(土)18:02:05 ID:BCr
デバッグするたびに涙目になってたのはいい思い出。
77名無しさん@おーぷん :2016/12/14(水)23:40:10 ID:Vdx
自分もいまJSやってる
Javaと似てるけど違うってとこで少しつまづいたりする
78名無しさん@おーぷん :2017/07/10(月)16:25:48 ID:111
aaa/11.jpgをbbb/11.jpg
みたいにアドレスの一部を置換できる方法知らない?
HPからブログにコピーしてるんだがアドレスが変わるから手間がかかるんだ。
FC2なんだけど直リンクだと画像が出ない場合あるから。
79名無しさん@おーぷん :2017/07/12(水)07:57:19 ID:ccc
>>78
htmlファイルを正規表現で置換すればいいんじゃね
80名無しさん@おーぷん :2017/07/14(金)23:36:21 ID:k9U
>>79
方法があるならHPのソースをコピーするだけの方が助かる。
ファイル名は同じだからブログのCSSに書いておけば作業が楽。
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:





今日からHTML&CSSを勉強します。
CRITEO