Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【Zen-Cartをダウンロードして思ったこと】

f:id:wp-lesson:20170307232608j:plain

ショッピングカートのプログラムとして
有名(?)な、Zen-Cart。フリーです。
 
ダウンロードしてみて感じたのは、
 
「これはもはや単独のプログラムではなく1つのシステムと考えたほうがよい。」
 
ということです。
 
ただ単に商品をカートに入れて
メールで注文内容を送信するだけでなく、
商品管理などの管理画面まで付いています。
 
当然ながら、プログラムファイルだけでなく
データベースの利用が前提になっています。
 
かと思えば、プログラムファイル1本だけの
データベースを使わないタイプのカートも
ネットで配布されています。
 
しかし、
 
セキュリティや、決済機能の有無については
疑問が残りますし、無理やり1ファイルに
プログラムを押し込んでいるため解読し辛く
カスタマイズが難しい場合もあります。
 
ひとことに「カート」といっても、
果たしてどこまでの機能が必要なのか?
 
によって、何を使うことを検討すべきかが
大きく変わってきます。

自宅で学べるプロのマンツーマンレッスン

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy

【CSSでinline-block指定時にできる隙間を消す方法】

ギャラリーとかスライドショーでサムネイルを横に並べるとき、
左右が折り返さないようにサイズを計算してCSSを書いたにも関わらず、
小さな余白が空いてしまってレイアウトが崩れた経験ありませんか?
 
float: left ではなく display: inline-block で
横に並べた場合に発生します。

その解決方法がこちら。

qiita.com

自宅で学べるプロのマンツーマンレッスン

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy

【尋ねる前に調べることが大事】

f:id:wp-lesson:20170307232107j:plain

エクセルを保存するたびに出てくる警告。
どうやって消すんだったかな?
 
忘れたので調べました。
 
とある企業様のご依頼でエクセルVBA
ツール作成をしているところなのですが、
プログラミングをしていると、
 
「あれ?これどうやるんだったかな?」
 
という場面に何度も何度も遭遇します。
 
自分が受けた仕事ですし、
疑問や行き詰まりは自力で解決するのが
プロだと思っています。
 
これは、会社員時代に、尊敬する上司から
学ばせていただいた精神です。
 
なので、必ずわからないことは調べます。
 
とは言え、プログラミングの世界は広く、
専門外の問題に突き当たったときには
真正面から解決するのではなく代替案を
提案することもあります。
 
しかし、
 
自分が知っている情報を動員して
自分で調べた
 
という事実の積み重ねは、
その後の仕事において必ず役立ちます。
 
「前にこういう調べ方をしてできた」
「これは矛盾してるので実現できない」

 
といった、大まかな判断が自分でできる
ための訓練になるからです。
 
細かなテクニックやハウツー以前に、
大まかな判断ができることのほうが、
プロとしての信用・信頼を獲得する上で
重要なことだと私は思います。

自宅で学べるプロのマンツーマンレッスン

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy

【WordPressでjQueryのレッスン】

f:id:wp-lesson:20170307231254j:plain
 
大変お世話になっている企業様からのご紹介で、
WordPressでサイト構築をされているデザイナーさんに
スカイプでレッスンをさせていただきました。
 
かなり緻密に作られたテーマをご使用されているのですが、
特定の使い方をしたときに動作がおかしくなるようです。
 
これはもう、宿命ですね。
 
どんなに高機能なソフトやツールやテンプレートでも、
誰がどんな使い方をしても思い通りに動くほど都合よくは
作られていないからです。
 
私たち利用者は、そのことを理解しておかねばなりません。
 
さて、今日のレッスンのキーポイントはjQueryでした。
 
jQueryは、ウェブページ上でのクリックやタップ、
スクロールなどといったユーザーの操作に反応して
画面の表示を切り替えたりするインタラクティブな仕組み
を作るために生み出された、javascript拡張機能です。
 
と言っても、ウェブページ上のあらゆる「見た目」は、
構造を定義するHTMLと、装飾を定義するCSSのたった2つで表現されます。
 
jQueryは、HTMLやCSSをブラウザ上で動的に変更することで
さまざまな表示効果(エフェクト)を生み出しています。
 
ですから、jQueryがどんな場面でどのように使えば目的の
表示効果が得られるのかを思いつけるようになるためには、
HTMLとCSSをしっかりとマスターすることが重要です。
 
遠回りのように思えるかもしれませんが、
HTMLとCSSは意外に奥が深いのです。
 
この2つをしっかりとマスターすれば、javascriptだろうと
jQueryだろうと、いくらでも欲しいだけノウハウ
自分で吸収していくことが可能になります。
 
添付画像のようなモバイルメニューだって、
 
「どのプラグインがいいんだろう・・・」
プラグインがうまく動かない・・・」

 
などと悩んだ挙句に諦めてしまうことなく、
 
「こうしてああすれば作れるだろうな」
「あとは文法を調べれば何とかなる」

 
というように、自由自在に道を切り開く実力が備わります。
 

スカイプで学べるマンツーマンレッスン

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy

【WordPressでタイトルのリンク先を変更するレッスン】

f:id:wp-lesson:20170304123531p:plain

WordPressでブログサイトを制作中の生徒さん。
 
ページ上部に表示されるサイト名をクリックすると
公開ページではなくWordPressのインストールURLに
リンクしてしまう問題をレッスンで解決しました。
 
発想の手順を学ぶことが一番大事なことです。
 
1.どのテンプレートファイルにリンク先が書いてあるのか?
2.リンク先を書き換える具体的な記述はどうすればいいか?

 
まず、1.を調べるにはどこを見ればいいのでしょうか?
 
テンプレートファイルはたくさんありますし、
テーマによってファイルの名前も中身も違います。
 
そこで、CODEMYで学べる本質的な知識が役に立ちます。
 
「テンプレートファイルの仕組み」
「ファイル名のルール」
「テンプレートが何で書かれているか?」
PHPとHTMLの役割の違い」
「HTMLとページの表示とのつながり」

 
こういった、ピンポイントなノウハウではない
本質的な知識を身に付けてしまえば、
 
どんなテーマやデザインでも、
WordPressでもその他のウェブサイトでも、
 
正しい筋道で目的の情報を探し当てて
変更できるようになります。
 
それが最短で学べるのがCODEMYのマンツーマンレッスンです。
 
講師はウェブシステム開発のエンジニア歴10年以上、
サイト構築歴20年以上の現役エンジニア。

初心者に極めて分かりやすい教え方に定評があります。

PR

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy