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

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

プログラミング講座CODEMY

【動画講座JavaScript編|受講生の感想】

JavaScript編を受講されている生徒さんから 講座への感想をいただきました。 ~~~~~~~~~~~~~~ プログラムをデバッグする方法というのは その概念も知りませんでしたし、 ネットや書籍では独学が難しいので、 とてもためになりました。 こういう…

【JavaScript動画講座受講生へのメールサポート】

JavaScriptの動画講座を受講している 生徒さんから質問が届きました。 早速、補講メールを作成して 配信スタンバイ完了。 質問すればするほど、 より深い基礎知識に基いた回答が 得られるので、 スキルアップが加速します。 PR CODEMYのマンツーマンレッスン…

【CSS講座 オンライン添削風景】

動画講座で 数ヶ月しっかり学んでおられる 生徒さん。 専用のチャットワークで 課題の添削を受けて、 疑問に思ったことは 残さず質問されています。 スタイルシート(CSS)は 書き方自体は 難しくありません。 でも、 「この場合は、 何を使うべきだろう?」…

【動画とマンツーマン~HTML基本講座の風景~】

在日観光客へのガイドとなるウェブサービスを 立ち上げるべく、WordPressを土台に各種APIの 組み込みに挑んでおられる生徒さん。 いきなりAPIと言っても、ウェブの基本である HTMLやCSS、Javascriptがわかっていなければ 組み合わせるための『発想』が生まれ…

【合法的にHTML・CSS・JavaScriptのスキルを盗めるツール】

日頃インターネットで見かけたホームページやブログで、 「あ!このエフェクトいいな~」 「どうやったらできるんだろう?」 と感じたことはありませんか? でも、自分のサイトじゃないからどう書いたら良いのかわかりません。 HTMLでできるのか? スタイル…

【CODEMY動画講座2名様お申し込み】

自分のペースで学べる動画配信と、マンツーマンの 個別添削の組み合わせでウェブプログラミングの 深い基礎スキルが身に付くCODEMY。 この度、2名様が無料体験をお申し込みされました。 プログラマーを目指すのではなくても、 インターネットでウェブをビジ…

【動画で学べるHTML講座~添削風景ご紹介~】

CODEMYが運営する動画講座では、受講生のみなさんとチャットワークを使って 制作物の提出&添削&アドバイスを行っています。 HTMLやCSSのテクニックや書き方を動画で解説するだけでなく、 専属講師が一人一人にマンツーマンで添削&アドバイスを行います。…

【動画で学べるHTML講座~添削風景ご紹介~

CODEMYが運営する動画講座では、受講生の みなさんとチャットワークを使って制作物の 提出&添削&アドバイスを行っています。▼チャットワークへ課題を提出 ▼一人一人に丁寧な添削アドバイス ▼図解で改善ポイントがよくわかる HTMLやCSSのテクニックや書き方…

【CODEMYプログラミング講座の添削風景】

スカイプで行う個別レッスンではなく、 好きな時間にいつでも何度でも復習が できる動画講座での添削アドバイス。 今、JavaScriptのプログラミング編で、 生徒さんが提出した課題の添削と、 質問への回答をしています。 動画は一斉配信ですが、プログラムの …

【CODEMYプログラミング講座の添削風景】

入門コースのJavaScript編に取り組んでいる 生徒さんの提出課題を添削しています。少しだけ添削の風景をご紹介しますね。 とても熱心な生徒さんで、 いつもお昼休みに講座の動画を視聴したり 課題に取り組んでおられるそうです。 添削の受け付けとアドバイス…

JavaScriptプログラミングのエッセンス】

マリオで学ぶJavaScriptと題して プログラミング講座の制作実習の コンテンツを準備中です。 動画に吹き込む音声シナリオを テキストファイルに書いていくと、 JavaScript特有の話も出てきますが、 マリオを動かすという枠を超えて、 『論理的思考力の実力養…

【PCの中はイベントだらけ】

プログラミング講座の教材でちょうど イベント処理について解説しています。 私たちは何気なくキーボードを使って メールやチャットで文字を打ちますが、 キーボードを押すと画面に文字が出る のはなぜでしょうか? PCがキーボードからの入力信号を 監視して…

【CODEMYプログラミング講座】JavaScriptでマリオダッシュ!

CODEMYプログラミング講座の入門コース、JavaScript編より サンプル動画の一部をご紹介します。↓この動画は45秒で観れます。 www.youtube.com講座本編では、毎回約30~70分の大ボリュームの動画を 配信しております。▼無料体験受講(仮登録)はこちら of…

【動画で学ぶプログラミング講座 CODEMY】

独学で挫折したことがある人も、 プログラミングの「考え方」が 動画と添削指導で身に付く講座。 動画は答えを解説するだけでなく 「なぜこのように考えるのか?」が わかるように、プログラミングの 実演を見て学ぶことができます。 表現したいものを自力で…

【CODEMYプログラミング講座 JavaScript制作実習編スタート】

エントリーコースJavaScript編の 制作実習を収録し終えました。 動画編集ってすごく大変。 ・「あー」とか「えー」の除去 ・ズームの切り替え ・吹き出しの挿入 ・空き時間のカット ・mp4変換、視聴確認、アップロード ・アイキャッチ ・講座メールへの挿入 …

【プログラミングは人生を豊かにします】

「プログラミングって難しそう」 「専門的すぎて私の実生活に関係ない」 そう思っているあなたに少しお話を させていただきたいと思います。 毎日忙しいお母さん。 昔、数学や理科が苦手だったとしても、 家事の段取りはピカイチじゃないですか? 朝の忙しい…

【動画とマンツーマンでプログラミングを学ぶ】

ますます重要になっていくプログラミング。 CODEMYの動画講座では今、 JavaScriptを舞台に 「あらゆるプログラム言語に共通する 普遍的な原理と原則が身に付く講座」 を配信しています。 数多のプログラム言語の中でも、 JavaScriptは、パソコンさえあれば …

【JavaScript編テキスト】

アドリブで動画を収録すると予定より長くなりがちなので、 初心に帰ってテキストに沿って撮ることにしました。 印刷すると1回分が10ページ位。 プログラミングの実演をしながら解説をするので、 たぶん動画だけで数十分になりそうです。 今週は毎日2本撮…

【この先、人生でより良い選択ができるようになる最良の方法】

服を選んでいるとき店員さんに、 A「これ今年の人気商品なんですよ」 と言われるのと、 B「これも人気があるんですけど、 お客様の場合~~なので、 あっちのほうが良いかも知れませんね」 と言われるのと、 どちらの意見に耳を傾ける気になりますか? Bじゃ…

【生徒さんとのコラボが決定!!実務の裏話が聞けるのは今だけ】

ワードプレスの個人レッスンを受講していただいていたとある生徒さんから、 サイト構築を部分的に手伝って欲しいというご相談をいただきました。 ご本人のサイトではなく、クライアントさんのサイトを作るためだそうです。 私が担当するのはプログラムの部分…

【CODEMY動画講座CSS実習編!】

実演&解説&個別添削アドバイスのCODEMYオンライン講座。 エントリーコース受講生向けにCSSの制作実習の回を制作中です。 講座には、実務でバリバリとLPを作っているWebデザイナーさんもおられます。 「え?じゃぁ今さらCSS勉強する意味あるの?」 と思った…

【納得の体験を提供する】

それが私流のレッスン法。 生徒さんにはいろんなタイプが おられます。 覚えることが増えるのがイヤで、 手っ取り早く答えが欲しい人は、 こう言います。 「これ覚えとけばいいんですよね?」 私は「そうです」とは言えません。 「理由はよくわからないけれ…

【プログラミング講座 制作実習】

スタイルシート編の実習教材を 制作中です。 教材のソースコードを見て辿る だけだと「考えて書く」練習に なりませんので、講座では動画 で実演をしています。 ・なぜこの順番で書くのか? ・何を意識して書いているのか? という「頭の中のこと」は、 完成…

【言葉が分からなかったらガン無視?】

道端で外国人と目が合って、 道を聞かれたらどうしますか? 「面倒なことに関わりたくない」 「間違ったこと教えたらかえって迷惑になる」 とか、都合のよい理由をつけて ガン無視しますか? 目が合って声もかけられたのに? ちょっと後ろめたいような 後味…

【努力の放棄=可能性の放棄】

ウェブサイトがどのように作られているのか、根本的な仕組みを知ると、 「このテンプレートを使えば何ができて何ができないか」 を自分で把握することができます。 最近感じるのは、WordPressを使う多くの方が、ご自身で選んだテーマで 何ができて何ができな…

【CODEMYプログラミング講座ウェブセミナーのご案内】

お待たせしました! ウェブセミナーのお知らせです。 下記日程で開催致しますので、 予定の合う方はぜひご視聴ください。 ━━━━━━━━━━━━━━━━━━━━━━ 【タイトル】 ~魔法のウソと奪われない財産~ 【開催日時】 3月23日(水)夜21:00-22:00 3月26日(土)夜21:…

【サイト制作・プログラミングの個人レッスンCODEMYのご案内】

ホームページ制作・プログラミングの分からないところだけ スカイプで学べる個人レッスンCODEMYのご案内サイトを公開しました。お気軽にご相談ください。↓↓↓ 【1】CODEMYマンツーマンレッスン codemy-lesson.office-ing.net 30分無料相談あり 知りたいことだ…

【CODEMYウェブセミナー開催しました】

モニター会員として昨年からご参加 くださっている方を対象に、ウェブ セミナーを開催しました。 テーマは『HTMLの先にあるもの』。 ☆HTMLを学ぶ3つの目的 ☆プログラミングの本質 ☆実生活にも役立つスキル ☆その他、会員限定の特典 など、1時間という短い…

【プログラミング講座CODEMYの動画でスラスラ書けるように】

タグの使い方は知っていたけれど、講座の動画で理解を深めると 何も見なくてもスラスラと書けたという生徒さんの感想です。 なぜプログラミング講座CODEMYはわかりやすいのか? 1.受講生にはHTML歴20年以上のエンジニアが専属 2.講師は元教員志望で教え…

【プログラミング講座CODEMYの添削サポートで理解度UP】

添削アドバイスの一例です これはCODEMY(コーデミー)の添削アドバイスの一部なのですが、「どのような場合に、どう書くのが、なぜ良いのか(悪いのか)」を解説しています。ハッキリ言って、ウェブサイトをデザイン通りに作るだけなら HTMLの文法知識だけ…

【プログラミング講座CODEMYマンツーマンアドバイス】

プログラミング講座CODEMY(コーデミー)でHTMLの講座を 受講しておられる生徒さんへの個別アドバイスの一部です。生徒さんからいただく感想で一番多いのが、『基礎を学び直してはじめて気づいた発見が楽しい!』という声です。それもそのはずなんです。自分…

【プログラミング講座CODEMYの課題添削(実例紹介)】

プログラミング講座CODEMY(コーデミー)でHTMLの講座を 受講しておられる生徒さんへの個別アドバイスの一部です。プログラムは書いた通りにしか動かないので、 想定外の動きをしたらどこかが間違っているということは言えるのですが、 HTMLの場合はある程度…

【プログラミング講座CODEMY マンツーマンアドバイス】

プログラミング講座CODEMY(コーデミー)でHTMLの部を 受講しておられる生徒さんへのマンツーマンアドバイスです。HTMLの知識だけでは見栄えのするサイトは作れないのですが、 HTMLのタグが実際のサイトでどのような場所に使われるのかを スタイルシート(CS…

【プログラミング講座CODEMYの添削アドバイス】

ハッキリ言えることがあります。書籍やネットでの独学には限界があるということです。その理由もハッキリしています。「考え方」「着眼点」「筋道を考える力」が身に付かないからです。これらは、人の頭の中に経験や勘として蓄積されるものなので、 ただ単に…

【プログラミング講座CODEMY 受講生の声】

プログラミング講座CODEMY(コーデミー)の生徒さんは とてもスキルアップに熱心でいらっしゃいます。講座にはときどき課題が付いてくるのですが、 仕事などで提出が遅れても、 受講登録されている期間中はいつでも自分のペースで 取り組んでいただけるので…

【プログラミング講座CODEMYのアドバイス風景】

プログラミング講座CODEMYの受講生専用チャットでの 添削アドバイス風景をご紹介します。単なる答え合わせではなく、「なぜ、こう書くべきなのか?」という理由を理解するために必要な概念が身に付くように アドバイスをしています。よくある添削サービスは…

【プログラミング講座CODEMYのレッスン風景】

プログラミング講座ではチャットワークを使って、 課題の提出&添削・アドバイスを行っています。このキャプチャー画像は、HTMLのリストタグの実例として チャットワークというWebアプリケーションの中でリスト タグが使ってある箇所を赤枠で示しています。…

【プログラミング講座CODEMY 添削ノート】

プログラミング講座を受講しておられる生徒さんへの マンツーマンアドバイス内容です。見た目は空白なので見分けがつかない「半角スペース」と「全角スペース」の違い。 プログラミングにおいて半角と全角は全く意味が異なりますので、 書き間違いをしないよ…

【HTMLタグは見た目ではなく文書の構造を示すもの】

プログラミング講座を受講しておられる生徒さんへの個別添削内容です。HTMLタグの使い方に関する素朴な疑問を受講生専用チャットに投稿すると、 専属講師から詳しい返信が届きます。HTMLは適当に知っているタグを使って書いても、ある程度は見た目を表現 す…

【WordPressを使いこなすために必要なスキル】

「WordPressなら自分で更新できる」というまやかし 「WordPressなら自分で更新できる」というのは半分ホントで半分ウソです。確かにブログみたいに管理画面から自分で投稿ができるという意味では本当です。でも、HTMLを知らなければテンプレートに元々備わっ…

【プログラミング講座CODEMY 添削ノート】

プログラミング講座を受講しておられる生徒さんへの個別添削内容です。生徒さんが書いたコードはファイルごと講師が受け取って添削します。 間違いや、気付いて欲しい箇所は必要に応じて画像を添えて返却します。課題をきちんと提出すれば、動画やメールを視…

【プログラミング講座CODEMY チャット風景】

プログラミング講座の受講生専用チャットは、同じコースの全員が参加できるので、 生徒さんとの個別添削&アドバイスだけでなく、生徒さん自身が知っていることや 調べたことを皆にシェアすることができます。 CODEMYはプロの受講生もいる! プログラミング…

【プログラミング講座CODEMY 添削ノート】

プログラミング講座を受講しておられる生徒さんへの個別添削内容です。▼はじめは慣れないHTMLも・・・・どのようにHTMLを捉え、解釈すればよいのかを動画で学べるから、▼実務で通用する「応用力」を身に付けるために必要な「基礎」が身に付きます。▼無味乾燥…

【プログラミング講座CODEMY 添削ノート】

プログラミング講座を受講しておられる生徒さんへの個別添削内容です。講座はメール配信形式で、メールに動画がついていますが、 動画を観てメールを読むだけでは絶対にプログラミングは学べません。「手に職」と言いますが、プログラミング等の技術はまさに…

CODEMYプログラミング講座のご案内

CODEMYプログラミング講座とは? 実演と分かりやすい解説付きの動画配信と、独学では学べない本質的な知識が得られる 個別添削アドバイスが人気のオンラインレッスンです。(2015年12月 開講)・専任講師による動画とメルマガ ・受講生全員参加のチャットワ…

【Javascriptマンツーマンレッスン後記】

今日のお昼はjavascriptのレッスンを行いました。お問い合わせフォームの送信ボタンをクリックしたときに 氏名やメールアドレスなどの必須入力欄が未入力の場合に エラーメッセージを表示するためのタグを動的にHTML内へ 挿入する手順を、javascriptで書く方…

【LESSSONでもプログラミングレッスンが受けられます】

マッチングサイト「教える学べる」経由でのレッスンお申し込みが 2016年2月15日で終了致します。昨日から、LESSSON(レッソン)へ講座を移行しておりますが、 2月15日まではどちらでもお申し込みいただけます。今後ともよろしくお願いいたします。 完全マン…

【プログラミング講座の準備】

今年最初の講座で使うサンプルの準備が終わりました。 テーマは 『テーブルレイアウトとCSSレイアウト』 です。 実際に見聞きする ” 体験 ” をしなければ身に付かない概念。 受講生の皆さんにしっかりと理解していただくために、 明日は動画を作成します。of…

教える学べる全ジャンルで人気3位

パソコン関係の登録講師の中で1位、 全ジャンルで3位に上がりました!

ワードプレスマンツーマンレッスン後記

毎週、継続してワードプレスのスキルアップに励んでおられる生徒さん。先週も、私から提供させていただいたスタイルシートとHTMLを自分で 書き換えていろいろ試しておられました。見聞きしたことをそのまま受け入れるのではなく、 自分なりに想像を働かせて…