TOP > スタッフコラム

スタッフコラム

講師 森コラム
2017年03月29日

新年度です。今年こそ習得したいことはありますか?

こんにちは! iMedioセミナー講師の森 和恵です。
今回は、新年度講座のお知らせのため、号外メルマガを配信する
ということで、番外編のメルマガを書いています。

#いつもは「ちょっと気の利いたWeb系の情報とオススメ講座紹介」という
テーマでコラムを書いています。
http://www.imedio.or.jp/column_tax/column_mori

3月も下旬にさしかかり、そろそろ春めいて来ましたね。
先日テレビをみていると東京で桜が開花したそうです。
昨年と同じく1週間ほど早いそうですよ。
https://tenki.jp/sakura/

そして、iMedioでは、毎年恒例の春の無料セミナーの開催が告知されています。
楽しみにしていただいている方も多いのではないでしょうか?
ありがとうございます。

【春の無料セミナー】PhotoshopとIllustratorではじめる『ウェブと紙のデザイン』
この春の無料セミナーは、
【PhotoshopとIllustratorではじめる『ウェブと紙のデザイン』】です。
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=23206

今年は、広告を作る作業工程をまるっとみなさんにお見せする予定です。

いつもは、便利な機能や使い方など『学ぶ』ことをテーマにしていましたが、
今年は一歩進んで『わくわく』を加えてみました。

広告とはいえ、自分の手で作品が作られていくのは楽しいものです。
これから作り方を学ぶ方にも、そのワクワクとした楽しさを
お伝えできればと思います。

● 制作の学びについて思うこと

ウェブやDTPなど、制作のプロの現場をめざしている方、
自社の広報担当で本業ではないけれどウェブやちらしを作る
必要のある方に、さまざまなセミナーを実施してきました。

その中でよく「何を勉強しておいたらいいでしょうか?」と、
ご質問いただきます。

わたし自身は、ウェブの制作に携わるようになってほぼ20年になり、
時代の変化と共に、その時々で作るために必要な知識を詰め込んで
進んできました。

技術には、流行すたりがありますので、勉強して知識を得たものの、
残念ながら使わなくなったことはたくさんあります。

しかし、これから学びたい方は、自分に必要なものを選択し、
先人が進んできた最短コースを歩むこともできるのです。
うらやましいかぎりです。

「まずは、自分が何をしたいのか・作りたいのか?」を想像する
ところから始めると、それを実現するためにどんな知識が必要かが
見えてくるように思います。

そのためには、いろんなものを広く・浅くみて、
「世の中にはこういうものやサービスがあるんだな」という
見聞を広げておく必要もありますね。


● 今年勉強しておきたいことは、ありますか?

最近のウェブ制作の現場は、作業が細分化されてきていて、
自分の担当する部分の知識しか持たないという方も増えてきました。
その結果、問題になってきたのが、チーム間の連携の甘さです。
お互いの仕事内容を理解していないために、作業の引き継ぎがうまく
いかないことがだんだんと明るみにでてきました。

制作現場でも、その状況を改善するために、デザイナーがコードを
ある程度理解したり、エンジニアがデザインに理解を深めたりする
ケースが増えてきています。チームで仕事をするために、自分の
専門分野以外の知識も学びだしているようです。

年度の初めということもあり、ここで一度思い描いて欲しいのが
「今年、勉強しておきたい」ことです。年度の目標という感じですね。

わたしは、毎年「今年はコレ」と決めて、習得するように努めています。
去年は、Illustratorのマニアックな機能とJimdoサービスの深い部分を
学ぶことでした。今年も決めていますが、いまはまだ秘密です
(習得したら、またお伝えしますね)。

さて。あなたにとって、今年学びたいことはありますか?
何もないなという方は、まわりを見わたしてみてください。
踏み込んだことがないけど興味を引くことが、きっと見つかると思います。

・・・ということで、今回はここまで。
号外には、技術的なことを触れないコラムをお届けしているのですが、
ちょっと雰囲気の変わったコラム、いかがでしたでしょうか?

ではまた、来年度もiMedioメルマガでお会いしましょう。

r360studio 森 和恵 (^^)

【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【Dreamweaverのイベント大阪版に登壇】( http://cssnite.jp/osaka/vol43/

講師 森コラム
2017年03月15日

来年度も、よろしくお願いします&4月以降の講座

こんにちは。 iMedioセミナー講師の森 和恵です。
年度末が近づき、超バタバタした日々を過ごしております。
3月ですが、師走(先生が走る)ですね。(^_^;)
 
さて。本年度よりも、よりよい結果がだせるように
精進しますので、引き続きよろしくお願いいたします。
 
さてさて。来年度は何をしましょうか…
 
と、感慨ふける暇もなく、4月からのスケジュールが決定しました。
 
「これから始めるWebプログラム」(4/14・聴講)
「Dreamweaver入門」(4/21・PC実習)
「HTML&CSS読解入門」(5/12・PC実習)と、これまでの人気講座の再演からスタートです。
 
最後に“デザイン”にひっかけて、おすすめサイトと本を紹介しますね。
読めば、デザイン力向上になること間違いなしです。
(少なくとも、私がそうでした)

▼広告デザインを読む – Advertising Design Center
http://designcenter.tokyo/
※プロが作った広告を解説しています。

▼これでもう悩まない!2017年のデザイントレンド完全ガイド
http://photoshopvip.net/98490
※今年の流行は、セミフラット・デザインだそうです。

▼伝わるデザインの基本 増補改訂版 よい資料を作るためのレイアウトのルール 
https://www.amazon.co.jp/dp/4774183210/

▼なるほどデザイン〈目で見て楽しむ新しいデザインの本。
https://www.amazon.co.jp/dp/4844365177/


ではまた、来年度お会いしましょう。
r360studio 森 和恵 (^^)

<追伸>
Dreamweaver 20周年の記念にちなんで書いているブログも、その3が公開されました。
おなじみのソフトとのデータ連係について触れています。便利ですよ。
《Dreamweaver 再び(3)〜Wordやイラレデータを使って効率よくページを作る〜》
http://bn.dgcr.com/archives/20170307140200.html


【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】( http://www.imedio.or.jp/column_tax/column_mori

講師 森コラム
2017年02月27日

今年の年度最終講座は、Jimdoデザインカスタマイズで決まり

こんにちは。 iMedioセミナー講師の森 和恵です。

先日、iMedioさんへの差し入れにお菓子を手作りしました。
久しぶりでしたが楽しかったです。
日頃デジタルばかりですが、アナログ作業もいいですね。
(※くわしくは、コラム最後の「今回のひとこと」からどうぞ。)

さてさて。今年度のiMedioセミナーの担当も、
あと残すところひとつとなりました。

《独自レイアウトに挑戦!Jimdoデザインカスタマイズ基礎 》(3/17開催)です。
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22758
★カスタマイズをしている様子が、動画でご覧いただけます。↓

Jimdoについては、これまでのコラムで何度かとりあげましたが、ユーザー
の声を反映しつつ、スマートなWebサイト管理ツールに変化しています。

今回のJimdoデザインカスタマイズ講座では、HTMLやCSSの
基礎知識を持っていて、普通にページが作るチカラのある方が、
導入が簡単なJimdoを使って、『自分のオリジナルのデザインで、
Jimdoのテーマを組む』ことを学びます。

公式サイトの↓で、Jimdoの独自テーマの作成方法が説明されています。
https://jp-help.jimdo.com/design/originallayout/

自分で作ったページに、
Jimdoの独自コードを埋め込むことでテーマを作ります。

例えば、Jimdoの6つのエリアで「記事を表示する」
メインコンテンツエリアを表示したいなら、
“<var>content</var>”と書けばOKです。

あとは、独自コードで生成されるHTMLコードを理解し、自分のオリジナルの
デザインをCSSを用いてのせていきながら、テーマを作ります。

もう一つの機能が『ヘッダー編集』という機能です。
https://jp-help.jimdo.com/edit-head/

これは、全ページのヘッダーに共通でコードを埋め込む機能です。
<script><style><meta><base><link>などの要素を使うことができるので、
JavaScriptやCSSを埋め込んだりするのに用います。

WordPressなどの高機能なCMSと比較すると、機能は限定されるものの、
比較的簡単にテーマを組むことができます。

これが、無料のライセンスの範疇でできてしまうというのは、
Jimdoは本当に使い勝手のいいツールだなと思います。

HTMLやCSSは使ったことがあるけれど、CMSは敷居が高くて利用したことがない方は、
一度Jimdoを使ってCMSにチャレンジしてみてください。

ではまた、次回お会いしましょう。
r360studio 森 和恵 (^^)

<追伸>
Dreamweaver 20周年の記念にちなんで書いているブログも、その2が公開されました。
今回も動画で機能紹介をしていますので、こちらも合わせてぜひ。
《Dreamweaver 再び(2)~CSSデザイナーパネルを使って、flexboxレイアウト~》
http://bn.dgcr.com/archives/20170220140100.html


【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】( http://www.imedio.or.jp/column_tax/column_mori
【今回のひとこと】( https://r360studio.goat.me/5OVsFLPs

講師 森コラム
2017年02月15日

“受講に必要な条件” を準備するには

こんにちは。 iMedioセミナー講師の森 和恵です。

2月に入ってすぐ節分。豆や太巻きを食べたりすれば、お正月気分もすっかり抜けますね。
季節の節目の行事は、大切にしていきたいですね。
(※くわしくは、コラム最後の「今回のひとこと」からどうぞ。)

さてさて。今回は、講座の募集要項にある“受講に必要な条件”について話をします。

これは、受講前に必要な「前提知識」のことを指します。
iMedio講座は、通年で通う学校と違い、1日で終わる単発セミナーが多いために必要なこととなります。

本当は、1から10まですべてお話したい!…けれど、時間には残念ながら制約が設けられています。
そのためのスタートラインを合わせるものです。

わたしが担当する講座の“受講に必要な条件”によく書いてあるのが、
《Web制作経験者でHTMLとCSS2のソースコードをある程度理解できていること》です。
「これは、HTMLとCSSを使って、Webページを作ったことがあるよね?」ということになります。

これをカバーするために、定期的に講座↓を開講しています。

《HTML&CSS 基本文法からレイアウトまで 超入門 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22291
●HTMLやCSSをしっかりマスター。開催は、明日&明後日!

これからWebを運営していくのなら、知っておいて損のない講座です。

例えば、WordPressなどでページを作っていて、こんな困ったこと↓ありませんか?
http://r360studio.com/imedio/img/imediomm20170215a.png

太字に続いて「あああ」という文字を入力したら、そこも太字になっちゃった!
という、あるあるなNG操作です。実はコレ、このままではどうしようもありません。

でも、HTMLがわかっていれば、直すこと↓ができます。

[テキスト]タブをクリックし、ソースコード表示に切り替えて…
http://r360studio.com/imedio/img/imediomm20170215b.png

太字にしたくない部分を</strong>の後ろに移動します。
http://r360studio.com/imedio/img/imediomm20170215c.png

Web制作では、CMSソフトを使っていても、ありとあらゆるところで
HTMLやCSSが登場するんです。知っているのと知らないのとでは、違いがでます。

もう一つ、例をあげてみましょうか。

私が運営するブログでは、WordPressのデフォルトテーマをそのまま使っています。
変えようと思いつつ、なかなかまとまった時間が取れなくて…。
少なくても、ページ下部にある「WordPress」の表記とリンク↓を外したいなと思ってます。
http://r360studio.com/imedio/img/imediomm20170215d.png

これもWordPressのデザインカスタマイズの知識とPHPの知識があれば、
「どこを変えたらいいのか?」は、比較的簡単につきとめられます。

WordPressの管理画面から、[外観]-[テーマの編集]メニューより、
フッター(footer.pnp)を開き、↓の部分を削除します。
http://r360studio.com/imedio/img/imediomm20170215e.png

<?php … ?> で囲まれている部分は、PHP言語で書かれたプログラムです。
ちょうど削除したこの部分は、「Proudly powered by WordPress」と画面に表示し、
WordPressの命令文esc_urlで、ブログのトップページへのリンクを指定しています。

PHPとWordPress関数の知識を使って、読み解いています。

こちらは、WordPressのデザインを変更するテーマを自作したいという方に必要な知識ですね。

…ということで、今回ご紹介するのは↓の講座です。

3月は、2つのCMSの“デザインカスタマイズ”講座をがっちり開催します。
どちらも、HTMLとCSSを知っていることが前提条件です。

《WordPress カスタマイズ基礎》
 https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22757

《独自レイアウトに挑戦!Jimdoデザインカスタマイズ基礎 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22758

最後に、こちら。
お待たせしました、関西の方にお知らせです。
Dreamweaver 20周年の記念イベント、5月13日に大阪で開催されることになりました!
イベントに先だって書いたコラム↓で書いてます。

《Dreamweaver 再び(1)~コンテンツの追加とCSSデザイナーパネル~》
http://bn.dgcr.com/archives/20170206140100.html
※Dreamweaverの便利な機能を紹介した動画もありますよ。

ではまた、次回お会いしましょう。
r360studio 森 和恵 (^^)

【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】( http://www.imedio.or.jp/column_tax/column_mori
【今回のひとこと】( https://r360studio.goat.me/5MslNoye

山室 コラム
2017年02月01日

そのうち、年賀状は・・・

年賀状の発行枚数がドンドン減っている。このことはもう10年ほど前から
聞いています。そのピークは2003年の44億枚で、今年は30億枚とのこと。
振り返れば、私も30歳代の頃は会社が提供してくれる仕事関連の年賀状以外に、
仕事のお付き合いを含めて個人名義で300枚くらいは出していたと思います。
最近では100枚程度。
そんな中、数年前から「年賀状は遠慮します」とのメール添付の年賀状が
届くようになったなーーー。って思っていたら、今年は年賀状交換が
途絶えてしまった知り合いや以前の仕事仲間から、facebookで突然の連絡
「友達申請」が来ました。1人と連絡がつくとそのルートなのでしょう。
他の人からも「友達申請」が届きました。結局ここ10年以上連絡が
途絶えていた知り合い20人ほどと連絡がとれるようになりました。

で、私の率直な感想。
年賀状って1年越しの情報交換ツールじゃないですか。
例えば「子供が結婚しました」「孫が産まれました」に翌年、
「良かったね!」「お孫さんにはどう呼ばれてますか?」そしたら、
また翌年「やっぱり孫はかわいいです」ってなぐあい。
でも、facebookやLINEは即時双方向で情報交換ができます。

久しぶりの連絡の中には「便利なツールができたもんですね」とあり、納得!
僕たちポケベル世代の人間は人と待ち合わせるにしても、きちっと
取り決めておかないと不安だったものです。スマホどころか携帯電話の段階で、
『約束もそこそこで、でも、必ず会える。羨ましがっていた。というより、
そのことがルーズになる原因や』なんて若干批判めいた感想も持っていました。
でも、そんな私も今では「だいたいそのぐらいの感じで、梅田あたりで
夕方に連絡取り合おうか」なんて言っている。

で、年の初めのfacebookやLINEの話しに戻りますが、年賀状よりずっと
効果的だと思いました。便利な世の中になったもんだなーーー。と
改めて感じた「今年の正月」でした。
さて、使いこなせるんだろうか・・

講師 森コラム
2017年02月01日

わたしが思う 『HP作りたいんだけど…』への最適な回答

こんにちは。 iMedioセミナー講師の森 和恵です。

2月と言えば、バレンタインデー。チョコのシーズン到来です。
今年も、美味しいチョコを買いまくる予定です。
(※くわしくは、コラム最後の「今回のひとこと」からどうぞ。)

さてさて。今回は、HP(Webサイト)を作る方法についてのお話。

仕事柄、いろんなひとによく言われるのが、
『HP作りたいんだけど…』という漠然とした質問です。

たいていの場合、自社のサイトを作りたいと思っている場合が多くて、
前提となるサイト制作の専門知識がない状態で問われます。

私がWeb制作に携わってから、約20年ぐらい経っていますので、
一朝一夕で身につけられる技術でないのは、明白です。

HTMLやCSSなどの基本コーディングに加えて、
最近はJavaScriptやPHPなどのプログラムも必要になってきます。
(※これをマスターして仕事にしたい!という方は、
コラム最後の《HTML&CSS 基本文法からレイアウトまで 超入門 》をぜひ。)

…ですが、「まずははじめの一歩を踏み出したい」ということなのであれば、
知識なしでも、ホームページを手軽に始められる“Jimdo”を紹介しています。

Jimdoについては、↓のコラムやこれまでも何度も紹介してきました。
http://www.imedio.or.jp/column/column_mori/2016122113710

特に昨年“TOKYO”というレイアウトが登場してから、
ふつうのサイトが一気に作りやすくなって、オススメしやすくなりました。

“TOKYO”は、シンプルで、写真映えして、読みやすい、サイトのレイアウトです。
いくつか、事例を挙げてみますね。

https://benefit-free170.jimdo.com/
※サンプルサイトのようですが、レイアウトがキマってますね。

https://www.yonaha-toru.com/
※アーティストのプロフィールサイト。重厚な写真とスマートさが目立ちます。

https://www.ochatsuhan.com/
※こちらは、お茶の販売サイト。写真と文面を入れ替えても、しっくり収まります。

このように、“TOKYO”は掲載する内容を邪魔しないレイアウトです。

Jimdoでは、レイアウトを“ヘッダー・ナビゲーション・メインコンテンツエリア・
サイドバー・フッター”というエリアにわけ、それぞれを管理する手法をとります。
まるで、パズルをしている感覚で、自分のサイトができあがっていく様子は、
作っていても楽しいですよ。
https://jp-help.jimdo.com/%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1/jimdo%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0/

みなさんのまわりで、 『HP作りたいんだけど…』と悩んでいる
方がいらっしゃったら、ぜひ“Jimdo”を紹介してみてくださいね。

…ということで、今回ご紹介するのは↓の講座です。

《 知識なしでも、ホームページを手軽に始める・半日で学べる Jimdoスタートアップ入門 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22410
★未経験で『HP作りたいんだけど…』の最適解は、こちらです。

《HTML&CSS 基本文法からレイアウトまで 超入門 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22291
●もうちょっと頑張りたい方は、コーディングの知識にチャレンジしましょう!
二日間みっちりで、ページのレイアウトができるところまで進みます。

《独自レイアウトに挑戦!Jimdoデザインカスタマイズ基礎 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22758
▼HTMLやCSSのコーディングがわかれば、Jimdoのデザインだって自分で作れます。

さてさて。前回のコラムで紹介した、Dreamweaver 20周年の記念イベント↓ですが、
おかげさまでほぼ満席だそうです。
便利になったDreamweaverへの注目度の高さがうかがえます。
後日、録画閲覧ができる“フォローアップ”参加は、まだまだ受付中です。

《CSS Nite LP51「Reboot Dreamweaver」》
http://cssnite.jp/lp/lp51/

3月に登壇してきますので、また、このコラムでも最新情報をお伝えしますね。

ではまた、次回お会いしましょう。
r360studio 森 和恵 (^^)

【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】( http://www.imedio.or.jp/column_tax/column_mori
【今回のひとこと】( https://r360studio.goat.me/5KwhjQPR

藤井 コラム
2017年01月18日

何もないぜいたく


寒さが厳しいですが、風邪をひかれていませんか?
暖かくなれば自然豊かなところに出かけたいと思っていますが、
まだまだ先のことですね。

自然豊かなところというと、掛川市山間部の
「明ケ島キャンプ場」が再オープン(2017年春予定)するそうです。

「携帯電話は通じない」「とても行きにくい」と
2年前から閉鎖中でしたが、「何もないからこその価値観」
「何もないぜいたく」をコンセプトに再オープンするとのこと。

休暇を取っていても、スマホや携帯電話で連絡を取られ、
休日気分が台無しになっている方、
依存症といわれるほどスマホから目を離せない方など、
五感を研ぎ澄まし、四季の豊かな自然と穏やかな時の流れに身を委ねる
「スローライフ」を過ごしたい方が利用されてはいかがでしょうか。

心と身体が休まったところで、イメディオに来てみませんか。
イメディオでは技術セミナーや創業支援セミナーを開催しています。

「独り社長の不安解消!先輩入居者に聞く、独立・起業の
リアルな落とし穴と脱出法」を2月4日(土)に開催します。

詳細ページ
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22623

創業間もない方やこれから起業準備中の方には参考になると思います。
本日から、地下鉄の駅にポスターも掲示していますので、ご覧ください。
ご参加をお待ちしています。

講師 森コラム
2017年01月18日

初めに気にしたい、サイトのSSL対応と更新頻度

こんにちは。 iMedioセミナー講師の森 和恵です。

すっかり、1月も中盤を過ぎましたね。
1月は“いぬ(居ぬ)”とはよく言ったものです。
おみくじも大吉でしたし、気を引き締めてスタートをきりたいと思います。
※お正月の写真は、コラム最後にある「今回のひとこと」をどうぞ。

まずは、お知らせから。
Adobe Dreamweaver が20周年を迎えるお祝いのイベントが3月に開催されます。
なんとこちらに、登壇することになりました。ファンとしてはうれしいことです。

最近、めきめきと進化しているDreamweaverのイマをがっつり知れるチャンスです。
東京開催ですが、フォローアップ参加もありますので、一緒に楽しみましょう!

《CSS Nite LP51「Reboot Dreamweaver」》
http://cssnite.jp/lp/lp51/

さてさて。今回は、サイトのSSL対応&更新頻度について話したいと思います。

まずはじめに、Googleが推奨している『サイトのSSL対応』についてです。
http://www.excite.co.jp/News/economy_g/20170111/zuuonline_135418.html

SSLとは、ブラウザを経由したサイト閲覧者とWebサーバー間のデータの
やり取りを暗号化する技術です。SSL対応しているサイトのURLは
“https//~”から始まっています。

Googleでは、サイト閲覧の安全面を強化させるために、サイトのSSL対応を
推奨してきました。今後は、SSL非対応のサイトで、検索結果に警告をだしたり、
検索順位に影響がでるかも?とうわさされています。いよいよ、2017年に
対応を始めるかもしれません。

これを受けて、さまざまなサービスがSSL対応を始めています。
先日のコラムで紹介したJimdoも全サイトのをSSL化したようですね。
https://jp.jimdo.com/2016/12/20/ssl-all/

うちのサイトも、今年早いうちにSSL対応しなくてはならないなと思っています。
(実際に対応が終わったら、またこのコラムで経緯をご紹介しますね。)

次は、サイトの更新頻度の話です。みなさんは、
サイトはどれぐらいの頻度で更新されていますか?

わたしは、昨年の秋口ぐらいから仕事が忙しくなってきて、サイトの更新や
ブログの書き込みがパタッとできていませんでした。お正月に時間が取れたので
チェックしてみると、ページが検索に引っかかりにくくなったように感じています。

更新頻度が下がって、サイトが古くなるとダメになるのかな…と思い、
SEO関連の情報を調べたところ、Googleの「QDFアルゴリズム」というものに行き当たりました。
https://www.suzukikenichi.com/blog/is-freshness-an-important-signal-for-all-sites/

検索で情報を求めるユーザーに、新鮮でタイムリーな情報を提供するために、
検索結果の順位の指標のひとつとして、記事が公開された日付が使われているようですね。

忙しくてもさぼらずに、日々の情報発信を続けることが大切だと身に沁みました。

…ということで、今回ご紹介するのは↓の講座です。

《自社サイト制作の公開診断&相談会》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22409
※今年こそ、自社のサイトを改善してみませんか?【サイト相談希望】の枠、
空きありです。ほかの人のサイト診断を聞くだけでも、きっとよいヒントを
得られるかもしれません。半年に一度しか開催しないチャンスにぜひ。

《 知識なしでも、ホームページを手軽に始める・半日で学べる Jimdoスタートアップ入門 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22410

※簡単更新ツールには、Jimdoが最適です。更新が苦じゃなくなれば、更新頻度も
あがるかもしれません。「Jimdoって何?」という方は、こちらのコラム↓をどうぞ。
http://www.imedio.or.jp/column/column_mori/2016122113710


ではまた、次回お会いしましょう。
r360studio 森 和恵 (^^)

【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】( http://www.imedio.or.jp/column_tax/column_mori
【今回のひとこと】( https://r360studio.goat.me/5I3lmDxO
 

講師 森コラム
2017年01月04日

今年は、そろそろフレームワークの活用を始めましょうか

新年あけましておめでとうございます!iMedioセミナー講師の森 和恵です。
今年も、みなさまのお役に立つ情報や講座を紹介しますので、
よろしくお願いいたします。

…といいつつ、いまはまだ2016年年末。
年末進行は、このコラムにもやってきてまして(汗)
よい年の瀬、新年をお過ごしになられましたか?

コラムの配信にあわせて、Twitter(https://twitter.com/r360studio)にて、
年賀状を公開しています。よかったら、フォローお願いします。

さてさて。今回は、フレームワークの活用について話をしたいと思います。

フレームワーク とは、WebサイトやWebアプリケーションを
構築するときに“ひな形”として利用するものです。

なにもないところから作るよりも、ひな形であるフレームワークを
基礎にして組み立てると、一定の規格に合っていて、
スムーズに動くものを短期間で作ることができます。

たとえるなら、おもちゃを作る時に「プラモデルのキットを買ってきて作る」
ようなものですね。

プラモデルは、組み立てた後にポーズをつけたり、色を塗ったり、
削って形を変えたりして、その人ならではのカスタマイズをします。

フレームワークを活用した場合も同様に、オリジナルのコードを
追加したり、画像でビジュアルを追加したりと見栄えの部分に凝る
ことでオリジナリティを出すことができます。

今年チャレンジしたいなと思っているフレームワークを紹介すると、

● Bootstrap
http://getbootstrap.com/

HTMLとCSSとJavaScriptで構成されている、Webページのひな形を
作るためのものです。Adobe Dreamweaverでも採用されたということで、
既に使っています。便利ですよ。


● AngularJS か React.js
https://codeiq.jp/magazine/2015/05/24294/

どちらも、JavaScriptのフレームワークです。Googleが開発した
「AngularJS」とFacebookが開発したの「React.js」。データのやりとりをしたり、
ページに動きをつけたりするためにJavaScriptは欠かせなくなっていますが、
いままでよく使われていたjQueryよりも人気が高いのだそうです。
どちらも使ってみて、よい方をじっくり勉強しようかとおもっています。


●PHPフレームワーク
http://eng-entrance.com/php_framework

Web用プログラム言語として利用頻度の高いPHPにも、フレームワークがあります。
誕生からの歴史が古くて利用者の多い「CakePHP」と最近人気があがってきた
「Laravel 」に興味があります。日本語で書かれた解説も多く見つかるようなので、
こちらもチャレンジしてみたいなと思います。


● WordPressテーマフレームワーク
https://www.webprofessional.jp/8-of-the-most-popular-wordpress-theme-frameworks/

今回のコラムを書くために、昨年流行ったフレームワークを調べていて見つけました。
WordPressにもフレームワークってあるんですね。びっくりです。
なかでも「Beans」というフレームワークがよさそうなので、一度チャレンジしようかと思います。


ここまで、便利なフレームワークを紹介してきましたが、使うときには注意が必要です。
フレームワークを使うと、コードの全体像が把握しづらく、構造がブラックボックス化します。

便利な反面「よくわからないけど使えちゃった☆」ということに陥らないように、
各内容の基本的な部分については押さえておき、
その上でフレームワークをうまく利用しましょう。

道具に使われるだけだと、おもしろくないですよね。

…ということで、今回もご紹介するのは↓の講座です。

《 PHPでプログラミングをはじめよう ? スタートアップ入門 ~ 》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22296
※フレームワークを使うにしても、基礎はきちんと身につけたいですよね。

《インストールから学ぶ WordPress スタートアップ入門》
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=22290
※あのWordPressは、PHPを用いてプログラムが作られています。

昨年秋~冬は、Adobeソフトの講座にじっくりと取り組みましたので、
2017年スタートは、コーディングやプログラム講座を進めていきます。

ではまた、次回お会いしましょう。

r360studio 森 和恵 (^^)

【Twitterにて情報配信中】( https://twitter.com/r360studio
【 担当講座一覧 】( http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】( http://www.imedio.or.jp/column_tax/column_mori

松出 コラム
2016年12月21日

想いの詰まった新しいビジネスの種

こんにちは。
先日、最近話題の映画、「この世界の片隅に」を観に行きました。
・・・もう、号泣ですよ。「毎日を大切に生きよう」とか、
「平和ってすばらしいな」とかはもちろんなのですが、何かそれだけでは
言い表せないような色んな感情が渦巻いて、映画が終わって家に帰るまでの
間も、ずっと泣きそうでした。

これから観に行かれる方もいらっしゃると思いますので、
多くは書きませんが、昭和20年の広島を舞台に、すずさんという主人公の
女性が生きる姿を描いているこの映画。お話の中では、すずさんたちが、
戦時中の食料もモノも不足する状況で、様々な知恵とテクニックで、
日々の生活をやりくりしていく姿が丁寧に描かれています。

今は、モノも情報も溢れていますが、物事の根本はずっと変わってないと
思うのです。何か困ったことがあるから、それを解決するための方法を考え、
その解決手段として、今は、様々なテクノロジーを活用することができます。
IoTも、解決手段の一つです。そしてその課題を解決したい、という想いから、
新しいサービスが生まれます。

私は、この4月から、IoTビジネスブーストアッププログラム「AIDOR」
担当させていただき、様々なビジネスアイデアをお持ちの受講生の方と
お会いしました。
皆さんのアイデアの元は、「今これに困っているから、
こんなサービスがあればいいな」という想い。その想いが強ければ強いほど、
メンターさんにものすごいダメ出しをされて挫けそうな時でも、
前に進んでいける、そんな場面をたくさん見せていただきました。

そのAIDORプログラム受講生の、血と汗と涙の結晶である
ビジネスプランを発表する「デモデイ」を、2月24日に開催いたします。
詳細は近日発表いたしますが、ぜひ、想いの詰まった新しいビジネスの種を
見にお越し下さい。

余談ですが、「この世界の片隅に」は、クラウドファンディングにて
資金を集めて制作されており、エンドロールで支援された方の
お名前が出るんですね。これ、なんだかちょっと感動しました
(あ、支援はしていないのですが・・・) 今更ですが、
クラウドファンディングってすごいな、と思いました。
うん、今の世の中も、悪くない。

open