google フォームの更新通知

design

Googleフォームから送信された時に、メールで通知が来るようにする。

通知を受け取るアカウントでログイン
※共有相手の設定まではすることができない。


googleのスプレッドシートから設定する。

スプレッドシート、ツールメニューから

通知ルールを選択する

設定画面

通知メール。サイトの問い合わせフォームからテスト送信。
通知のメールはこのようなものが届きます。

画像の埋込

Illustrator

手順

リンクパネル→リンクオプション→画像の埋め込み

画像埋込のメリットデメリット

  • 配置する画像ファイルの管理しなくていい
  • Aiファイル自体は重くなる
  • 作業中はリンク配置にして、ファイルサイズを軽くしたい。(最初から配置する画像を埋め込むこともできる。ただし動作が重い)

わかち書きとは何か

design

分かち書きの一例

文節で区切ること

にほんごを ひらがなで ひょうきすると どこで くぎるのか わかりにくい。

主に日本語初学者むけ、子供向けの文章を考える。

平仮名が続くと意味の区切りがわかりにくい

にほんごをひらがなでひょうきするとどこでくぎるのかわかりにくい。

漢字は初学者には難度がある

日本語を平仮名で表記するとどこで区切るのか解りにくい。


わかちがき【分かち書き】

コトバンクより
?
文を書く時、ある単位ごとに区切って、その間に空白を置くこと。また、その書き方。「たかいやまへのぼる」の類。単語ごとに分ける、文節ごとに分ける、両者を折衷するなどがある。分別書き方。
?
注などを小さく二行に分けて書くこと。割り書き。

文節での区切り

たかい やまへ のぼる

参考

新着記事をPHPとjQueryで表示する

program

PHP

2行目 $url="ここをRSSのURLにする"

<?php
$url = "http://d.hatena.ne.jp/hagiwarafarm/rss";
$xml = file_get_contents($url);
header("Content-type: application/xml; charset=UTF-8");
print $xml;
?>

javascript

３行目 url:'ここを先ほどのPHPファイルのパスにする'
var output = $('#rss');の#以降がid名で吐き出される

$(function() {
	$.ajax({
		url: 'rss.php',
		xmlType: 'xml',
		success: function(xml) {
			var row = 0;
			var data = [];
			var nodeName;
			var output = $('#rss');
// start item 成形
			$(xml).find('item').each(function() {
				data[row] = {};
				$(this).children().each(function() {
				    nodeName = $(this)[0].nodeName;
				    data[row][nodeName] = {};
				    attributes = $(this)[0].attributes;
				    for (var i in attributes) {
						data[row][nodeName][attributes[i].name] = attributes[i].value;
				    }
					data[row][nodeName]['text'] = $(this).text();
				});
				row++;
			});
// end item 成形
			output.wrapInner('<ul></ul>');
			for (i in data) {			
				output.find('ul').append('<li><a href="' + data[i].link.text + '">' + data[i].title.text + '</a>' + data[i].description.text + '</li>');
				// console.log (data[i]);
			}
        }
    });
});

HTML

id="ここにjavascriptで変更したid名を入れる"

<div id="rss"></div>

こちらの記事を参考にしています。

アウトライン化したら一部の文字が太く表示される

Illustrator

イラストレーターで、PDFに出力する前フォントをアウトライン化し、画面で表示すると一部の文字が太くなったり潰れたりする。
結論：PCなどのディスプレイの解像度の低いことが原因で、データ上では変形していない。

ディスプレイが原因で表示が変化するのを確認する

拡大をしてみる

通常の表示(125倍表示)

先頭の"l"だけ太くなっている

拡大表示する(400倍表示)

変形は起きていない

フォントの持っている文字情報について

フォントは「ヒント情報」を持っている。
解像度が低いディスプレイ(主にPC)で、小さい文字を表示する時であっても、見やすくきれいに表示させるためのもので、重なりや太さなどを調整している。
アウトライン化した文字は、このヒント情報を失い、調整がされず、解像度によって潰れて見えることがある。