2015年7月アーカイブ

7月24日(金)コミュニティ研究Ⅰに梶原純司さん(ぎょうせいの編集者)をお招きして、「私の歩んできた道(経験)」というテーマでお話しいただきました。
聞くこと、話すこと、体験すること、書くこと、読むことの大切さを、学生に伝えてくださいました。

その中でも「聞くことが一番難しい、福澤諭吉の婿養子で福澤桃介(実業家)は、義父の諭吉を批判していたが、唯一誉めていたことがある。
それは諭吉が類まれな聞き上手であったということ。この一事をもって桃介は『明治維新以降、一番偉大な人物は福澤諭吉である』としている。
これに対して、大隈重信は人の話を聞くことが上手ではなかった」という箇所が、とても印象的でした。

功なり名を遂げた人物であっても難しい「聞く」ことの大切さを、学生たちは学ぶことができました。
今後、講義を聞くときの姿勢にも生かしてもらいたいと思います。

また、梶原さんは、尊敬する方の勧めで、若い時に一年間で本を100冊読んだそうです。そのお話にも、みんな目を丸くさせていました。それを続けると文章がすらすらと書けるようになるとのこと。大変だと思いますが、学生たちにもぜひトライして欲しいです。
梶原さんの貴重なお話を、学生たちが、これからの4年間で少しずつでも実践していくことを期待しています。

 

千葉の親子三代夏祭りプロジェクトの活動

これまで本プロジェクトでは、第40回「千葉の親子三代夏祭り」(8月15日(土)・16日(日)開催)に向けて、1年生~3年生で構成するプロジェクトとして活動してきました。

各メンバーは、行政機関や商店街の方々で構成される小委員会に出席したり、本祭の子供向けのイベント等を検討する学内ミーティングを5回ほど開催するなどしてきました。
 
種々検討の結果、今年は「車椅子バスケットボール体験会」と「親子三代で楽しめる昔あそび」を行うこととしました。
「昔あそび」とはいえ、最近ではめんこやベーゴマ等に触れる機会が少ないため、7月30日(木)、葛飾区の「郷土と天文の博物館」を訪問し、めんこ、ベーゴマ等の技術指導を受けてきました。

実際に遊具に触れてみると、意外と遊び方を身につけること自体が難しく、勉強やスポーツと同様に、「コツ」を修得するための「トレーニング」が必要であると、改めて思いました。まずは「習うより慣れよ」・・・。自ら主体的に経験を重ねたほうが身につくスピードも早いといえます。

引き続き、第40回「千葉の親子三代夏祭り」に向けて、プロジェクトを進めていきたいと思います。
猛暑の最中ですが、皆さんも是非、本祭にご参加下さい。

※第40回「千葉の親子三代夏祭り」ホームページ http://www.bikai.org/matsuri.html

6月25日(木)、1年次生8名が千葉市中央区にある千葉テレビ放送本社を訪問しました。まずは、会議室にてパワーポイントを使用し会社概要をご説明いただきました。
独立放送局とキー局の差異や、会社組織とそれぞれの役割、放送の仕組み、看板番組の内容と特徴等について分かりやすく教えていただきました。

 その後、スタジオや調整室、さらには総務局や営業局、情報局、編成局のあるフロアを見学させていただき、スタジオでは、ライト等機材の種類や役割、空間活用法などを学ぶことができました。
非常に高価なテレビカメラを実際に操作してみたり、キャスター役になって原稿を読んだりという作業は、とても貴重な経験になったと思います。「地震発生など緊急時には、むやみに視聴者を不安にさせないために、とくに落ち着いて原稿を読むことが大切です」というお話を学生たちは真剣に聞いていました。
 最後の質疑応答の時間とおして、学生たちは放送業界の仕事のやりがいや面白さ、難しさについて知ることができました。



(Copy) サンプルページ

■見出し・テキスト

H2見出し

<h2 class="commonH2">テキスト</h2>

H2見出し(強調)

<h2 class="commonH2b">テキスト</h2>

H3見出し

<h3 class="commonH3">テキスト</h3>

H4見出し

<h4 class="commonH4">テキスト</h4>

テキストテキストテキストテキストテキストテキストテキストテキスト

<p>テキスト</p>

■カラー

レッド:サンプルテキスト
オレンジ:サンプルテキスト
ピンク:サンプルテキスト
グリーン:サンプルテキスト
ブルー:サンプルテキスト

<span class="txt_red">レッド:サンプルテキスト</span>
<span class="txt_orange">オレンジ:サンプルテキスト</span>
<span class="txt_pink">ピンク:サンプルテキスト</span>
<span class="txt_green">グリーン:サンプルテキスト</span>
<span class="txt_blue">ブルー:サンプルテキスト</span>

■リスト

  • テキスト
  • テキスト
  • テキスト
<ul class="dot">
<li>テキスト</li>
<li>テキスト</li>
<li>テキスト</li>
</ul>
<ul class="arrow">
<li><a href="#">テキスト</a></li>
<li><a href="#">テキスト</a></li>
<li><a href="#">テキスト</a></li>
</ul>
番号付きリスト
  1. 番号つきリスト
  2. 番号つきリスト
  3. 番号つきリスト
<ol>
<li>テキスト</li>
<li>テキスト</li>
<li>テキスト</li>
</ol>
番号付きリスト(丸数字)
  1. リスト
  2. リスト
  3. リスト
<ol class="maru">
  <li>テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ol>
番号付きリスト(abc)
  1. リスト
  2. リスト
  3. リスト
<ol class="abc">
  <li>テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ol>

リストの入れ子1

  • リスト
    • リスト
    • リスト
    • リスト
  • リスト
    1. リスト
    2. リスト
    3. リスト
  • リスト

リストの入れ子2

  1. リスト
    • リスト
    • リスト
    • リスト
  2. リスト
    1. リスト
    2. リスト
    3. リスト
  3. リスト
※ol ul どちらが親でも子でも可
<ol>
<li>リスト
<ol>
<li>リスト</li>
<li>リスト</li>
<li>リスト</li>
</ol>
</li>
<li>テキスト</li>
<li>テキスト</li>
</ol>
定義用語
テキストテキストテキストテキストテキストテキスト
定義用語
テキストテキストテキストテキストテキストテキスト
<dl>
<dt>テキスト</dt>
<dd>テキスト</dd>
<dt>テキスト</dt>
<dd>テキスト</dd>
</dl>

左右リスト(左カラム幅固定:150px)

平成27年5月25日
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
平成27年12月12日
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
<dl class="dlList">
<dt>テキスト</dt>
<dd>テキスト</dd>
<dt>テキスト</dt>
<dd>テキスト</dd>
</dl>

左右リスト(左カラム幅可変)

項目名項目名項目名項目名
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
項目名項目名項目名項目名
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
※<dl>は1セット毎に閉じてください。
<dl class="dlList free">
<dt style="width:200px;">テキスト</dt>
<dd>テキスト</dd>
</dl>
<dl class="dlList free">
<dt style="width:200px;">テキスト</dt>
<dd>テキスト</dd>
</dl>

■ボタン

<div class="commonBt"><a href="#">テキスト</a></div>
<div class="btList">
<a href="#"><span>テキスト</span></a>
<a href="#"><span>テキスト</span></a>
<a href="#"><span>テキスト</span></a>
<a href="#"><span>テキスト</span></a>
</div>

■テキスト装飾・リンク

リンク

<a href="#" class="innerLink">テキスト</a>

テキストリンク

<a href="#" class="textLink">テキスト</a>

テキストリンク(下向き)

<a href="#" class="textLinkD">テキスト</a>

PDFファイルリンク

<a href="#" target="_blank">リンクテキスト<span class="ico_pdf"></span></a>

Excelファイルリンク

<a href="#" target="_blank">リンクテキスト<span class="ico_excel"></span></a>

PPTファイルリンク

<a href="#" target="_blank">リンクテキスト<span class="ico_ppt"></span></a>

Wordファイルリンク

<a href="#" target="_blank">リンクテキスト<span class="ico_word"></span></a>

ファイルリンク

<a href="#" target="_blank">リンクテキスト<span class="ico_file"></span></a>

タブリンク

<a href="#" target="_blank">リンクテキスト<span class="ico_tab"></span></a>

■テーブル

1234
1-1 2-1 3-1 4-1
1-2 2-2 3-2 4-2
<table cellpadding="0" cellspacing="0" class="rowTable">
<tr><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr><td>1-1</td><td>2-1</td><td>3-1</td><td>4-1</td></tr>
<tr><td>1-2</td><td>2-2</td><td>3-2</td><td>4-2</td></tr>
</table>
1 1-1 1-2
2 2-1 2-2
<table cellpadding="0" cellspacing="0" class="colTable">
<tr><th width="30%">1</th><td>1-1</td><td>1-2</td></tr>
<tr><th>2</th><td>2-1</td><td>2-2</td></tr>
</table>

■枠・レイアウト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
<div class="borderBox">テキストテキストテキスト</div>
体系的な教育課程の編成を行い、履修における順次性と関連性を明確に示す。基礎教育科目では、基本的リテラシーの修得ならびに社会人としての幅広い知識の獲得をめざし、専門教育科目では、専門分野で必要な知識・技能の修得をめざす。 また、学内外でのアクティブラーニングを取り入れた授業運営を行う。
<div class="blueBox">テキストテキストテキスト</div>
<div class="redBox">テキストテキストテキスト</div>

適宜、htmlタグを変更してください

テキスト
テキストテキストテキストテキストテキスト
テキスト
テキストテキストテキストテキストテキスト
<div class="columnBox">
<タグ class="midashi">適宜、htmlタグを変更してください</タグ>
<div class="inner">
<タグ>
テキストテキストテキストテキストテキスト
</タグ>
</div>
</div>

適宜、htmlタグを変更してください

タグやテキスト

適宜、htmlタグを変更してください

タグやテキスト

※外側を<div class="section">で囲って下さい。崩れる可能性があります。

<div class="section">
<div class="columnBox w2">
<h3 class="midashi">適宜、htmlタグを変更してください</h3>
<div class="inner">
タグやテキスト
</div>
</div>
<div class="columnBox w2">
<h3 class="midashi">適宜、htmlタグを変更してください</h3>
<div class="inner">
タグやテキスト
</div>
</div>
</div>

適宜、htmlタグを変更してください

タグやテキスト

適宜、htmlタグを変更してください

タグやテキスト

適宜、htmlタグを変更してください

タグやテキスト

※外側を<div class="section">で囲って下さい。崩れる可能性があります。

<div class="section">
<div class="columnBox w3">
<h3 class="midashi">適宜、htmlタグを変更してください</h3>
<div class="inner">
タグやテキスト
</div>
</div>
<div class="columnBox w3">
<h3 class="midashi">適宜、htmlタグを変更してください</h3>
<div class="inner">
タグやテキスト
</div>
</div>
<div class="columnBox w3">
<h3 class="midashi">適宜、htmlタグを変更してください</h3>
<div class="inner">
タグやテキスト
</div>
</div>
</div>

■テキストと画像(回り込み有り)

推奨画像サイズ:300px×200px

alt文キャプションテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

キャプション無し
<p class="image_in"><img src="画像URL" class="image_right" alt="alt文">テキスト</p>

キャプションあり
<p class="image_in"><span class="imgBox"><img src="画像URL" alt="alt文"><span>キャプション</span></span>テキスト</p>

alt文キャプションテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

キャプション無し
<p class="image_in"><img src="画像URL" class="image_left" alt="alt文">テキスト</p>

キャプションあり
<p class="image_in"><span class="imgBox left"><img src="画像URL" alt="alt文"><span>キャプション</span></span>テキスト</p>

alt文キャプション

キャプション無し
<p class="image_center"><img src="画像URL" alt="alt文"></p>

キャプションあり
<p class="image_center"><span class="imgBox"><img src="../images/second/dummy.gif" alt="alt文" /><span class="center">キャプション</span></span></p>

■テキストと画像(回り込み無し)

alt文 キャプション

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

<div class="readBlock">
<div class="imgBox">
<p><img src="画像URL" alt="alt文">
<span>キャプション</span></p>
</div>
<p>テキスト</p>
</div>

alt文 キャプション

alt文 キャプション

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

<div class="readBlock2">
<div class="imgBox">
<p><img src="画像URL" alt="alt文">
<span>キャプション</span></p>
<p><img src="画像URL" alt="alt文">
<span>キャプション</span></p>
</div>
<p>テキスト</p>
</div>

横2列レイアウト(スマホでは縦になります。)

<div class="col2box">
    <div class="inner">
        <ul class="arrow">
            <li><a href="#">リンク</a></li>
            <li><a href="#">リンク</a></li>
        </ul>
    </div>
    <div class="inner">
        <ul class="arrow">
            <li><a href="#">リンク</a></li>
            <li><a href="#">リンク</a></li>
        </ul>
    </div>
</div>

横3列

<div class="col3box">
    <div class="inner">
        <ul class="arrow">
            <li><a href="#">リンク</a></li>
            <li><a href="#">リンク</a></li>
        </ul>
    </div>
    <div class="inner">
        <ul class="arrow">
            <li><a href="#">リンク</a></li>
            <li><a href="#">リンク</a></li>
        </ul>
    </div>
    <div class="inner">
        <ul class="arrow">
            <li><a href="#">リンク</a></li>
            <li><a href="#">リンク</a></li>
        </ul>
    </div>
</div>
<div class="movieBox">
<iframe width="100%" height="100%" src="URL" frameborder="0" allowfullscreen></iframe>
</div>

■リセットcss

margin【PC】
.m0 , .mT0 ~.mT40 , .mB0 ~.mB40 , .mR0 ~.mR40 , .mL0 ~.mL40

padding【PC】
.p0 , .pT0 ~.pT40 , .pB0 ~.pB40 , .pR0 ~.pR40 , .pL0 ~.pL40

display:block【PC】
.dspBlock

float【PC】
.floatL , .floatR

margin【smartphone】
.sp_m0 , .sp_mT0 ~.sp_mT40 , .sp_mB0 ~.sp_mB40 , .sp_mR0 ~.sp_mR40 ,
.sp_mL0 ~.sp_mL40

padding【smartphone】
.sp_p0 , .sp_pT0 ~.sp_pT40 , .sp_pB0 ~.sp_pB40 , .sp_pR0 ~.sp_pR40 ,
.sp_pL0 ~.sp_pL40

display:block【smartphone】
.sp_dspBlock

text-align【共通】
.alignR , .alignL , alignC

vertical-align【共通】
.valignT , .valignM , valignB

■セット

プロフィールなど

XXXXさん
XXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXX
<div class="profile_section">
<div class="g_profile">
<div class="imgWrap"><img alt="" src="../images/second/dummy.gif" /></div>
<div class="y_middle">
<dl>
<dt>XXXXさん</dt>
<dd>XXXXXXXXXXXXXXX<br>
XXXXXXXXXXXXXXXXXX</dd>
</dl>
</div>
</div>
</div>

画像を並べる

2列(スマホでは1列になります)

あああああ

あああああ

<div class="col2box">

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

</div>

3列(スマホでは2列になります)

あああああ

あああああ

あああああ

<div class="col3box">

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

</div>

4列(スマホでは2列になります)

あああああ

あああああ

あああああ

あああああ

<div class="col4box">

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

<div class="inner">
<p><a href="#" target="_blank"><img alt="" src="../images/second/dummy.gif" /></a>
<span class="cap">あああああ</span></p>
</div>

</div>

■左右組み

Together最新号

見出し2

見出し3

見出し4

  • リスト
  • リスト
  • リスト(dot)
  • リスト(dot)
  1. リスト(ol)
  2. リスト(ol)
定義リスト(dt)
テキスト(dd)

<p class="floatL">
<a href="#">
<img src="画像URL" alt="alt文" width="300">
</a>
</p>

<div class="floatR w330">
<h3 class="commonH2">見出し2</h3>
<h3 class="commonH3">見出し3</h3>
<h4 class="commonH4">見出し4</h4>
<ul>
<li>リスト</li>
<li>リスト</li>
</ul>
<ul class="dot">
<li>リスト(dot)</li>
<li>リスト(dot)</li>
</ul>
<ol>
<li>リスト(ol)</li>
<li>リスト(ol)</li>
</ol>
<dl>
<dt>定義リスト(dt)</dt>
<dd>テキスト(dd)</dd>
</dl>
<div class="commonBt"><a href="#">テキスト</a></div>
</div>

7月9日、サービスラーニング基礎研修として、コミュニティ政策学部の1年生11人が、千葉市役所を訪問し、政策企画分野を中心に、市民活動、市議会の話などを伺いました。
企画政策分野では、千葉市の人口動向や都市アイデンティティ、未来への投資として、地域包括ケアシステム、幕張新都心の活性化などについて学びました。
市民自治活動では、行政の持つ情報を積極的に公開・活用する「オープンデータの推進」活動を動画を見ながら学習。市議会では、2元代表性や執行権限、来年から18歳選挙が実施されることなどに触れ、民主主義の大切さなどを学びました。また、参加学生からは、公務員の心構えや、働き方などについて質問が出ました。

7月10日(金)コミュニティ研究Ⅰにおいて、「原子力は日本のエネルギーとして必要か、不要か」に関するディベートを行いました。
電力問題に詳しい外部講師をお招きし、ディベートに対する講評をいただくとともに、日本のエネルギー政策の考え方についても講義
していただきました。学生は限られた時間の中で自分の考えを的確に述べる難しさや、チームワーク・リーダーシップの重要性を知る
ことができました。外部講師からは、「学生たちは攻めるのは上手かったが、守りは苦手だった、データをもとに論理展開することで
さらに自らの主張に説得力を持たせることができるのでは」という旨の講評をいただき、これからの課題とすることができました。
ディベート自体の勝敗はつきましたが、頑張った学生の表情は勝ち負け関係なくイキイキしていて、この時間がとても有意義だった
ことを物語っているように感じられました。

本年度からは、白旗町内会、白旗商店会、淑徳大学の3者での白旗七夕祭り実行委員会(事務局:淑徳大学サービスラーニングセンター)が主催する形式で、千葉市から後援もいただき、白旗七夕祭りを開催いたしました。
当日は、白旗活性化プロジェクト(コミュニティ政策学部1年生)、コミュニティ研究Gクラス、地域支援ボランティアセンター、学生消防団、イーグルアイズ、しゅくともの学生、さらには生浜高校の生徒の皆さんが運営に参加し、地域、高校、大学による地域連携のお祭りとなりました。

ダンスサークルCDCや徳能雑技団によるパフォーマンス、風鈴の絵付けや万華鏡づくりのワークショップ、子ども縁日を企画するとともに、地域の方も親子フリーマーケット、商店街の皆さんによる出店をしていただきました。スタンプラリーも多くの子どもたちが参加し、午後には豪華景品が揃う抽選会も開催されました。
さらに、よしもと幕張イオンモール劇場から、「しずる」と「LLR」が参加、グランドフィナーレには、蘇我で「よさこい」を拡げていこうとがんばっている皆さんも参加しました。

楽しさ溢れるお祭りの1日となり、まちづくり、コミュニティづくりを学びました。
※熊谷市長もお越しくださいました。

6月30日(月)に、サービスラーニング基礎研修の一環として、地方消費者行政の現状や課題を把握することを目的に、千葉市消費生活センターに出向きました。

消費生活センターでは、消費生活専門相談員による消費生活全般に関する助言、あっせんなどの相談業務を行うとともに、製品事故に係る注意喚起、各種啓発活動や情報提供など、情報提供機関としての役割を担っています。





研修では、同センターの松井相談員より、若者に多いトラブル事例(例えば、ネット通販、キャッチセールス、投資用DVDを利用したマルチ商法など)を踏まえて、消費者紛争の実態や対処方法等の講義を受けました。また、消費者契約法やクーリング・オフ制度などの消費者法の基礎も学習しました。その後、同センター内の施設を見学し、数多くの相談件数を抱えていることを認識しました。


消費者被害の迅速な解決のためには、一人で悩みを抱えたり、自力で相手方事業者と個別交渉するのではなく、消費生活センターへ相談することが重要であると、改めて理解しました(消費者トラブルで困ったら、消費者ホットラインへ連絡。なお、7月1日より、3桁の電話番号「188(嫌や!)」番での案内を開始する予定です)。

 【消費者庁ホームページ】http://www.caa.go.jp/region/shohisha_hotline.html

2019年4月

  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        

月別 アーカイブ