kokotowanのブログ https://ameblo.jp/tokoyato/ *daily life* ja 秘書検定二級 2/5に秘書検定二級を受験したので、受験までにやったことの記録
 
受験しようと決めたのは12月の中旬くらい
 
①まずはテキストの購入
だいたいのテキストが、過去問を用語集みたいな解説本が別々になってる
過去問は買わなくてもアプリもネット上にも多くの問題集があるから、購入しなくとも勉強できる
 
私が買ったのは
 
見やすいしわかりやすかったけど、索引がなかったのが不満。
出やすい順なのと理論と実践で別れてるせいで、同じカテゴリーなのに違うページに詳しい内容が書かれたりしてるところが使いにくかった...
索引さえあれば、そんな問題にもならないと思うんだけどな。
でも、充分網羅はできてた
 
②勉強方法
始めたのは1月の頭から
まずは買ったテキストを読むことから
時間がなかなか取れなくて、一巡終わった段階くらいで1月の中旬くらいだったと思う
途中で読んでるだけだと全然身についてる感じがなくて
ちょっとずつウェブに乗ってる問題を解きながら読んでた
 
 
 
とかとかググれば出てくるのを片っ端からやって
間違えた問題とか、初めて知ったことはノートにひたすらメモるっていう勉強をした
 
アプリでも勉強したんだけど、それはまた今度
 
]]> https://ameblo.jp/tokoyato/entry-12246587105.html Fri, 10 Feb 2017 22:59:20 +0900 スカートの中の秘密の生活/田口ランディ スカートの中の秘密の生活

田口ランディ

 

性懲りも無く田口さん。

こんなに同じ作者さんを追い続けたのは初めてだって思う。

私が田口さんを好きなのは

田口さんによって、私が言葉にできなかったことや

考えていたことを固定されたり、答えをもらったりするからだと思う。

そんな風に思っていたから今回の本の解説はすごかった。

それだけが理由じゃなかったんだ。

 

私がなんでこんなに田口さんに惹かれるのか。

 

田口さんによって、さらけ出すこと

自分を表現することに抵抗がなくなったと思う

 

無意識下で

受動的な読み方だけでは物足りないと思ったのだろう

 

読んで思ったことを誰かに伝えたい

そう思って行動したくなる本ばかりなんだなって思う

 

本当に変わった

田口さんは変わるために必要なツールのようなものだったと思う

振り返る、考える

どこか違ったら違う結果だっただろう

それは、他のことにも言えることだけど

 

 

]]> https://ameblo.jp/tokoyato/entry-12228711320.html Wed, 14 Dec 2016 23:12:18 +0900 Book Caffe 【石神井】

＊bookcafe ORION (http://www.bookcafeorion.com)

・予約必要

 

【桜台】

・fumikura (http://fumikura.ne.jp)

    11:00-23:00

    火曜休み

 

【高円寺】

・アール座読書館 (http://r-books.jugem.jp/?cid=3)

    平日:13:30-22:30

    休日:12:00-22:30

    月、祝日週は翌火休み

 

【原宿】

・SEE MORE GLASS (http://www7b.biglobe.ne.jp/~seemoreglass/)

    土曜日、第１日曜日

 

【渋谷】

・森の図書室

http://morinotosyoshitsu.com/system/

 

 

【六本木あたり】

・まちの本とサンドウィッチ

http://machi-bands.jp/access/

 　土日休み

 

【池袋】

・天狼院

http://tenro-in.com

 

【上野】

・ROUTE BOOK

http://route-books.com

]]> https://ameblo.jp/tokoyato/entry-12218274954.html Fri, 11 Nov 2016 22:00:00 +0900 HP作成してみた＿0（トップページ元ソース） 元ソース(index.html,トップページにあたるところ)

 

<!DOCTYPE HTML>
<!--
    Solid State by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
    <head>
        <title>Solid State by HTML5 UP</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
        <link rel="stylesheet" href="assets/css/main.css" />
        <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
        <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
    </head>
    <body>

        <!-- Page Wrapper -->
            <div id="page-wrapper">

                <!-- Header -->
                    <header id="header" class="alt">
                        <h1><a href="index.html">Solid State</a></h1>
                        <nav>
                            <a href="#menu">Menu</a>
                        </nav>
                    </header>

                <!-- Menu -->
                    <nav id="menu">
                        <div class="inner">
                            <h2>Menu</h2>
                            <ul class="links">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="generic.html">Generic</a></li>
                                <li><a href="elements.html">Elements</a></li>
                                <li><a href="#">Log In</a></li>
                                <li><a href="#">Sign Up</a></li>
                            </ul>
                            <a href="#" class="close">Close</a>
                        </div>
                    </nav>

                <!-- Banner -->
                    <section id="banner">
                        <div class="inner">
                            <div class="logo"><span class="icon fa-diamond"></span></div>
                            <h2>This is Solid State</h2>
                            <p>Another free + fully responsive site template by <a href="http://html5up.net">HTML5 UP</a></p>
                        </div>
                    </section>

                <!-- Wrapper -->
                    <section id="wrapper">

                        <!-- One -->
                            <section id="one" class="wrapper spotlight style1">
                                <div class="inner">
                                    <a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
                                    <div class="content">
                                        <h2 class="major">Magna arcu feugiat</h2>
                                        <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
                                        <a href="#" class="special">Learn more</a>
                                    </div>
                                </div>
                            </section>

                        <!-- Two -->
                            <section id="two" class="wrapper alt spotlight style2">
                                <div class="inner">
                                    <a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
                                    <div class="content">
                                        <h2 class="major">Tempus adipiscing</h2>
                                        <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
                                        <a href="#" class="special">Learn more</a>
                                    </div>
                                </div>
                            </section>

                        <!-- Three -->
                            <section id="three" class="wrapper spotlight style3">
                                <div class="inner">
                                    <a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
                                    <div class="content">
                                        <h2 class="major">Nullam dignissim</h2>
                                        <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
                                        <a href="#" class="special">Learn more</a>
                                    </div>
                                </div>
                            </section>

                        <!-- Four -->
                            <section id="four" class="wrapper alt style1">
                                <div class="inner">
                                    <h2 class="major">Vitae phasellus</h2>
                                    <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
                                    <section class="features">
                                        <article>
                                            <a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
                                            <h3 class="major">Sed feugiat lorem</h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
                                            <a href="#" class="special">Learn more</a>
                                        </article>
                                        <article>
                                            <a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
                                            <h3 class="major">Nisl placerat</h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
                                            <a href="#" class="special">Learn more</a>
                                        </article>
                                        <article>
                                            <a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
                                            <h3 class="major">Ante fermentum</h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
                                            <a href="#" class="special">Learn more</a>
                                        </article>
                                        <article>
                                            <a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
                                            <h3 class="major">Fusce consequat</h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
                                            <a href="#" class="special">Learn more</a>
                                        </article>
                                    </section>
                                    <ul class="actions">
                                        <li><a href="#" class="button">Browse All</a></li>
                                    </ul>
                                </div>
                            </section>

                    </section>

                <!-- Footer -->
                    <section id="footer">
                        <div class="inner">
                            <h2 class="major">Get in touch</h2>
                            <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
                            <form method="post" action="#">
                                <div class="field">
                                    <label for="name">Name</label>
                                    <input type="text" name="name" id="name" />
                                </div>
                                <div class="field">
                                    <label for="email">Email</label>
                                    <input type="email" name="email" id="email" />
                                </div>
                                <div class="field">
                                    <label for="message">Message</label>
                                    <textarea name="message" id="message" rows="4"></textarea>
                                </div>
                                <ul class="actions">
                                    <li><input type="submit" value="Send Message" /></li>
                                </ul>
                            </form>
                            <ul class="contact">
                                <li class="fa-home">
                                    Untitled Inc<br />
                                    1234 Somewhere Road Suite #2894<br />
                                    Nashville, TN 00000-0000
                                </li>
                                <li class="fa-phone">(000) 000-0000</li>
                                <li class="fa-envelope"><a href="#">information@untitled.tld</a></li>
                                <li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
                                <li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
                                <li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
                            </ul>
                            <ul class="copyright">
                                <li>&copy; Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
                            </ul>
                        </div>
                    </section>

            </div>

        <!-- Scripts -->
            <script src="assets/js/skel.min.js"></script>
            <script src="assets/js/jquery.min.js"></script>
            <script src="assets/js/jquery.scrollex.min.js"></script>
            <script src="assets/js/util.js"></script>
            <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
            <script src="assets/js/main.js"></script>

    </body>
</html>

]]> https://ameblo.jp/tokoyato/entry-12218261416.html Thu, 10 Nov 2016 22:20:12 +0900 HP作成してみた＿3（トップページ_body）  

 

次はトップページのbody

 

------------------------------元ソース--------------------------------------------

<body>

        <!-- Page Wrapper -->
            <div id="page-wrapper">

                <!-- Header -->
                    <header id="header" class="alt">
                        <h1><a href="index.html">Home</a></h1>
                        <nav>
                            <a href="#menu">Menu</a>
                        </nav>
                    </header>

 

-------------------------------------------------------------------------------------

 

<!-- Page Wrapper -->

ってなんだ、、、？

 

http://blog.m-school.biz/article/123465458.html

 

1つのセレクタでページ全体の幅や色、配置などを一括指定できる

ってのがメリットみたいですね。

 

よくわかってはいないけど

ページ自体のレイアウトを大きく変えるときに便利なんだな。

なるほど…

とりあえず、今はこのままにしておこう。

 

あんまり気にしてなかったというか、感覚的に思ってたけど

<!--  -->

こうやって囲むことでコメントアウトになるんだな

 

次！

header id="header"

はなーんだ。

 

XHTML1.0やHTML4でのコーディングでは、

ページのヘッダーを表す場合にdiv要素にid名を”header”と付けてコーディング

<参考資料>

http://www.html5-memo.com/new-element/header/

 

 

あー、なるほど。

headerだよって明らかにしてるわけですな。

んで、それはいいけど

私が最近いじってる他のページは

例えば

< header >

     < h1 >練馬バスケ+</ h1 >

   </ header >

 

って書き方なんだよな

idって書き方じゃないなー。

 

と思ったら、この書き方はhtml5になってから導入された要素だということ

なるほどなぁ。

最近いじるようになったから、前のときとのメリットはあんまりわからないけど…

ググったことをまとめると

今までは製作者によってバラバラの命名や定義だったサイトの要素を

定義したことで統一されたってことですな！

 

んで、さらにメリットをまとめると…

 

ヘッダやフッタという特定の箇所に限定して情報を探すといったことができるようになったり、表題と主文を比較し、どの程度関連性があるのかということに着目することで、より精度の高い情報を検索できるようになる、といったことが可能となるのです

<参考資料>

http://html-coding.co.jp/knowhow/tips/000277/


だそうです。

 

ほうほうほーう。

 

今回はここまでにしよう。

何もいじってないなw

 

元ソース

http://ameblo.jp/tokoyato/entry-12218261416.html

 

]]> https://ameblo.jp/tokoyato/entry-12218250428.html Thu, 10 Nov 2016 21:48:51 +0900 HP作成してみた＿２（トップページ）  

まずはトップページの編集

 

index.htmlってなってるやつをエディターで開く

私は、Sublime Textで編集

 

<!DOCTYPE HTML>
<!--
    Solid State by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->

このへんまではおまじないみたいなもんだと思うから放置

 

上から編集していこう
<html>
    <head>
        <title>Solid State by HTML5 UP</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
        <link rel="stylesheet" href="assets/css/main.css" />
        <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
        <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
    </head>

 

<title>Solid State by HTML5 UP</title>

この部分を編集する

<title>練馬バスケ+</title>

 

 そうすると、ページのタブの名前が変わる

 

 <meta charset="utf-8" />

これは文字の指定

変更はいらない

 

[参考]

http://honttoni.blog74.fc2.com/blog-entry-125.html

<meta>要素の「charset属性」を使って、<meta charset=" ">で「文字コード」を指定すれば、ブラウザが「自動判別」で文字コードを正しく表示してくれます。
これでビジタが 文字化けで悩まなくて済む。この指定、絶対必要ですよ。

 

だそうです。

 

<meta name="viewport" content="width=device-width, initial-scale=1" />

これはなんだろう、

なんかスタイルを指定してるんだと思うんだけどな

わかんないからとりあえず放置

 

 <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
        <link rel="stylesheet" href="assets/css/main.css" />
        <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
        <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->

これは、IEのバージョンによってスタイルを変更してるんだな

ふむふむ

IEってほんと使いにくいよな笑

 

元ソース

http://ameblo.jp/tokoyato/entry-12218261416.html

保存保存保存保存

]]> https://ameblo.jp/tokoyato/entry-12217354530.html Mon, 07 Nov 2016 23:05:03 +0900 HP作成してみた＿1（サンプルダウンロード）  

下記のまとめから気に入ったテンプレをダウンロード

 

http://coliss.com/articles/build-websites/operation/work/free-templates-for-responsive-2016-apr.html

 

Solid State かデモページってところ押して

DownLoad!!

 

今回はこれにした！

 

なんにも考えずに一式全部ローカル環境へ

 

]]> https://ameblo.jp/tokoyato/entry-12217346007.html Mon, 07 Nov 2016 22:41:45 +0900 もう消費すら快楽じゃない彼女へ/田口ランディ(３)  

もう消費すら快楽じゃない彼女へ

田口ランディ

 

これでこの本は最後にしよう。

読んだ瞬間は結構いろいろ思うんだけど

ここに書き起こすころには忘れるんだよなぁ。

メモったりするのもいいのかもしれないけど

だいたい電車で読んでるからそういうのめんどくさいんだよな笑

 

さてさて

今回は一番衝撃だったところ「私の詩集を買ってください」から

 

新宿西口で私も「私の詩集を買ってください」ってボール紙に

書いた看板をぶら下げている女の人を見たことがある

しかも、この本を読むちょっと前くらいに

びっくりした

え、あの人のことじゃん！ってなった

ランディさんが見たときで3代目ってことは今は何代目なんだろう

 

なんでこんなところでこんなことしてるんだろうって思った

恥ずかしくないのかなって

やっぱり新宿って変な人多いよなって思った

そんなふうに思った相手がどう考えているのかって答えが書いてあるんだから驚き。

やっぱぶっとんでんなって思うけど

それでもぎりぎり生きていくために

彼女たちにとっては必要な行動なんだろう

私にはできないって思う

ある意味すごい勇気だよなって

その勇気がどっか違うときに

動かなきゃって思ったときに

大きな自信になったらいいなって勝手に思う

 

生きていくのって大変だなって思う

 

 

]]> https://ameblo.jp/tokoyato/entry-12217329507.html Mon, 07 Nov 2016 21:57:18 +0900 もう消費すら快楽じゃない彼女へ/田口ランディ(2) もう消費すら快楽じゃない彼女へ

田口ランディ

 

今回は"キモチイイコト"ってタイトルの話について

 

田口さんが介護を行ったときに思ったことが書かれている

介護って言っても老人に対してではなく

重度の脳性小児麻痺の方に対する介護

 

田口さんが動けない彼女に対して子供に話しかけるように話した

っていう一文があった。

すごいわかると思った。

彼女は別に脳に何か異常があるわけじゃないから普通に話しても平気なのに。

動けないってだけで

私も含め大多数の人は自分の話した内容が相手は理解できないのではないかって思ってそういう態度をとるんじゃないかって思う。

そうやって、相手にどうやって接したらいいんだって悩む

傷つけたくないって思う

そうするとどうしていいかわからなくなる

そんで辛くなってくる。こっち側が

田口さんもどうしたらいいんだってとても悩んでいたことが書かれている

 

でも、ぐだぐだ考えるのではなく

"きもちいいコト"をしてあげればいいんだって

 

 

自分が気持ちいいことは、彼女も気持ちいいんだって。

それは神様が与えてくれたすばらしい共通点だと

 

"「違い」を理解するために自分を痛めつける。

それには限界がある

でも「心地よさ」を知るコトは苦痛じゃない。

それはただ自分らしくあればいいだけだから。

「気持ちいいこと」を知ることは、あなたと私が「同じ喜びをもてる」という可能性につながる。"

 

 

すごい

気持ちいいことを知ればいいんだな

これは別に障害者の方と接するとき以外にも言えることだなって思う

相手の辛さや苦しさってのはわからないもんだよなって

悩みを持ってる相手に対して

ある程度は自分の経験の中からわかるかもしれないけど

完全にはわからない

わからないから、どうしたらいいんだって思う

自分はそこまでそれを辛いとは思わないのに

なんでそんなに辛いんだろうとか思うときだってある

相手が大切であればあるほど

相手の辛さがわからない自分が辛いなって思ったりする

そんですごい気を使うようになる

で、疲れる

だんだん相手が嫌になってくる

最初はわかりたかっただけなのに

最後はもうわかりたくなんてないってなる

なんて悲しい結果だって思う

そうならないためにも、違いを知ることや

わかろうとすることから始めるんじゃなくて

相手に対して気持ちいいだろうって思うことを

やったり、行動にしてあげたらいいんだ

って思えたら

もうちょっとシンプルに辛くならず

悲しい結果にならずに済むんじゃないかって思う

自分はキモチイイと思うから、相手も当然そうだろうっていう

押し付けじゃ意味ないけど

相手と自分と一緒に探していけばいいんだと思う

それは、相手の辛さを理解しようって

相手と自分の違いを知ろうとするちょっと辛い行為ではなく

お互いハッピーなほうに行動することになるから

前者よりも、お互い辛くないと思う

 

 

 

 

 

]]> https://ameblo.jp/tokoyato/entry-12214765671.html Sun, 30 Oct 2016 23:04:19 +0900 もう消費すら快楽じゃない彼女へ/田口ランディ もう消費すら快楽じゃない彼女へ

田口ランディ

 

ノンフィクションだと思ってなかったからびっくりだった

こんなに同じ作者にはまったことがないから

すごくおもしろい

最初は作品から色々なことを思ったけど

だんだん、これを書いている人ってどんな人なんだろうって思うようになった

このタイミングでこの本に出会えたのはとてもおもしろいタイミング

田口さんのことを知ることができた気がする

 

こう、いろんな角度から問題に対する受け止め方を提示してくれてるなって思う

 

例えば

幼児虐待をする人ってのはある意味一種の病気なんだって書かれている

その感覚はなんとなくわかる

虐待されていた親は自分の子供にも虐待するだろうって思う

それはそういう愛し方しかされていなかったから

そういう教育しか受けたことなかったから

きっと、どういうやり方をすればいいのかわからないんじゃないかって思う

本の中では、そうではなく医者に自分を見てほしいって欲求みたいな感じで書かれているけど

それもそれでなるほどなって思った

そういう考え方もあるなって思う

 

そう思うと

私の親が病院に行きたがるのもそういう部分があるのかな

家だと全然心配されないから

自分のことを心配してくれる

親身になってくれる人を求めていくのかな

もしくはある程度話し相手になってくれる人がいるからとか

なんだか悲しいなと思うけど

止めるべきことなのかもわからないな

 

 

]]> https://ameblo.jp/tokoyato/entry-12213542954.html Wed, 26 Oct 2016 23:12:24 +0900