HTML超入門 テーブル編

テーブルは<table>タグ、<tr>タグ、<td>タグ、を使います。

それぞれのタグの意味は以下です。

table:テーブル全体を表すタグ
tr:テーブル内の一つの行を表すタグ
td:行の中の一つのマスを表すタグ

具体的には以下のように記載します。

<table>
<tr>
<td>にんじん</td>
<td>オレンジ</td>
<td>野菜</p>
</tr>
<tr>
<td>りんご</td>
<td>レッド</td>
<td>果物</td>
</tr>
</table>

ただこれだと各列が何を意味しているかわからないため、表の最初の行を各列のタイトルにします。
表題を入れるマスには td タグではなく、thタグを使います。

以下のようになります。

<table>
<tr>
<th>名前</th>
<th>色</th>
<th>カテゴリ</th>
</tr>
<tr>
<td>にんじん</td>
<td>オレンジ</td>
<td>野菜</p>
</tr>
<tr>
<td>りんご</td>
<td>レッド</td>
<td>果物</td>
</tr>
</table>

これで、各列が何なのかわるようになりました。
表題のマスは通常のマスと比べ、文字が太くなっていたり中央揃えだったりと、見え方が変わります。

このようにしてテーブルはいくつかのタグを組み合わせて表現します。

HTML超入門 – HTMLとは

HTMLとはなにか?

HTMLとはウェブページを作るためのものです。

具体的にはHTMLタグを使って、ウェブページに記載した文書や単語に意味付けをおこないます。

例えば、以下のような感じです。

<h2>タイトル</h2>
<p>本文ですですですです。<p>
<p>本文のつづきですです。</p>

上記の「<h2>」や「<p>」が、HTMLタグになります。

タグには、「開始タグ」と「終了タグ」があり、開始タグと終了タグで対象のテキストを囲むのが基本になります。

<h2>は、「見出し」を意味するHTMLタグです。

<p>はpalagraphなので、「段落」を表します。

それぞれ、</h2>, </p>という終了タグで閉じてます。

こんな感じでそれぞれ意味を持ったHTMLタグがいくつか種類があります。

これらのタグを使って、タイトルや段落、リストやテーブルを意味付けすることで、HTMLで書かれたウェブページは作られてます。

以下は、あるページのファイルの中身です。
ウェブページはこのようにHTMLタグで記述されてます。

<html>
<head>
<title>今日の出来事</title>
</head>
<body>
<h1>今日の出来事</h1>
<p>
今日は運が良いのか悪いのか、珍しいことが3つも起こりましたので紹介します。</p>

<h2>100円拾った</h2>
<p>
自販機でオランジーナを買って取り出そうとしたら100玉が落ちてたので拾った。ゲーセンのコインだった。
</p>

<h2>芸能人を発見した</h2>
<p>
銀座に昼飯を食いに行ったら堀北真希がいた。ホラン千秋だった。損した気分がした。
</p>

<h2>ガムを踏んだ</h2>
<p>
うん◯じゃなくてラッキーと思うことにした。超ポジティブ。
</p>

</body>
</html>

LINE乗っ取り問題の対策

いま、世間ではLINEのアカウントの乗っ取りが問題になっており、その乗っ取られたアカウントで、LINEで繋がった友達に詐欺行為を働く事例が増えてます。

LINEで繋がった友達からの金銭の要求や怪しい依頼があった場合は、相手が本人かどうかをメールなどの別の手段で確認しましょう!

この問題の対策の為に、LINEはログイン時のセキュリティを強化すると発表してます。
具体的には、いままでのログイン手順にPINコードの入力が追加されるとのこと。(設定しなければ今まで通りだお思われる)

 具体的に、PINコードを設定するには、17日午後3時以降にスマートフォン版LINEアプリで「その他」-「設定」-「アカウント」-「PINコード」とタップしてPINコード登録画面を呼び出し、4桁の数字を登録すればよい(図)。以後、第三者が別のスマートフォンでログインしようとした際には、認証途中にPINコードの入力を求める画面が表示されるようになる。

http://itpro.nikkeibp.co.jp/atcl/news/14/071500067/

Google glass のパートナー会社を発表!

google が、ウェアラブル機器である google glassの認定パートナーを発表しました!

残念ながら日本企業はなし!

—————————————————-
 今回、Glass at Workで正式認定したパートナー「Glass at Work Certified Partners」の第1弾として、米APX、米Augmedix、 米CrowdOptic、米GuidiGO、米Wearable IntelligenceをGlass at Workの専用サイト紹介した。
—————————————————-

100年後も残ると思う企業

100年後も残ると思う企業っていうお題でのアンケート結果がYahooに出てました。

http://headlines.yahoo.co.jp/hl?a=20140707-00000036-mycomj-sci

1. トヨタ
2. ホンダ
3. 日産
4. パナソニック
5. JR東日本
6. 日立製作所
7. JR東海
8. 味の素
9. ブリヂストン
10. キヤノン

と、自動車勢は流石です!

JRも安定感ありますからね。北海道はあれですが‥

そして重電のパナに日立、おっきい電気会社はさすがっす。

味の素ってすごいんですね、しりませんでした!

Google Customer Search APIを使ってみる

Google Customer Search APIを使ってみます。

手順は以下です。

1. Google アカウントを登録する

Google アカウントの作成」から、登録する。
(既にもっている方は不要)

2. Google コンソールにログインする

Google Console」にログインしてカスタム検索を有効化する必要があります。
APIサービスの一覧から、”Custom Search API”を選択して有効化します。

プロジェクトの作成

プロジェクトが作成されていなければこの表示が出ます。”Create project”をクリックしてプロジェクトを作成します。

create_project

プロジェクト作成後

google custom search apiの使い方

google custom search apiの使い方

Custom Search APIの選択

API 一覧からCustom Search APIを探してそれを “ON” にします。

apis

有効化できていることが確認できます。

after_custom_search_accept

3. API KEYの確認

api_key1

api_key2

API キーの確認

4. 検索エンジンを登録する

カスタム検索のページにいって、検索エンジンを追加し、エンジンIDを取得します。

検索エンジンの追加

custom_search

customer_new_engine

custom_search_accept

検索エンジンIDの確認

custom_code_1

custom_code_2

custom_code_3

5. 検索エンジンの検索範囲をWeb全体にする

カスタム検索」から、作成したエンジンを選択します。

custom_search_hole2.g

custom_search_hole3

custom_search_hole4