ものづくり筆耕ものづくり筆耕ものづくりを楽しむ。皇帝ダリアの栽培からオリジナルシステムの構築まで。梅雨さむが続き、待ち焦がれた夏もあっという間に過ぎ去ろうとしています。お盆を過ぎると土用波が立ち込めて海水浴は注意するようにとの言い伝えがあります。長い休みには『ノルマ』が課されます。宿題を急ピッチで消化していることでしょうか。自由研究はまとまったでしょうか。今年は9月1日が日曜日なので2学期の始業式は2日になり一日、長い夏休みになっています。以前に《電子絵日記》の作り方をブログに載せたことがあります。小学校で宿題として《電子絵日記》を課している学校はどの程度あるでしょうか。作り方の一例を以下に挙げます。「ドッカーン!ドッカーン!」これは、夏祭りの花火の音です。毎年、祭りの最後に打ち上げ花火があります。きれいな花火がいくつも上がるので、わたしは花火が大好きです。今年の夏祭りは、おじいちゃんと弟と行きました。出店がたくさんあって、何を買おうか迷いました。かき氷とたこやきをおじいちゃんが買ってくれました。たこ焼きは弟といっしょに食べました。大きなタコが入っていておいしかったです。金魚すくいを弟がしました。お店の人が同じくらい大きな金魚をくれたのでよかったです。来年も夏祭りに行きたいです。再生ボタンをクリックして開始です。color:deeppink;">夏休み・自由研究</span><BR>題名《夏祭り》<BR>「ドッカーン!ドッカーン!」<BR>これは、夏祭りの花火の音です。<BR>毎年、祭りの最後に打ち上げ花火があります。<BR>きれいな花火がいくつも上がるので、<BR>わたしは花火が大好きです。<BR><BR>今年の夏祭りは、おじいちゃんと弟と行きました。<BR>出店がたくさんあって、何を買おうか迷いました。<BR>かき氷とたこやきをおじいちゃんが買ってくれました。<BR>たこ焼きは弟といっしょに食べました。<BR>大きなタコが入っていておいしかったです。<BR><BR>金魚すくいを弟がしました。<BR>大きな金魚をすくいたいとねらったけれど、<BR>逃げてしまいました。お店の人が同じ<BR>くらい大きな金魚をくれたのでよかったです。<BR>また来年も夏祭りに行きたいです。class="balloon3-left-btm">再生ボタンをクリックして開始です。ものづくり筆耕ブログinventor運試しポイントカードで買い物したり、福引きセールでガラガラを回すときはちょっぴり胸がときめきます。市民生活における小さな息抜きは楽しいものです。ダーツ、吹き矢、射的などで的めがけて矢を射るゲームは古今東西、多く見かけます。ここでは、HTML、JavaScriptで小さなゲームを作って夏休みの宿題を盛り上げましょう。▶ボタンを押下して運試しスタートです。ラッキーセブンを引き当てたらファンファーレが鳴り響きます。7を出すコツの難易度はそこそこです。サンプルコードを末尾に挙げました。ものづくり筆耕ブログinventorもう一つの円形ふちどり先日、画像を丸く縁どるにおいて、2つの図を重ね合わせることによって丸い画像を描画しましたが、今回はCSSのborder-radiusを使って円形画像を実現しています。cssは別ファイルでなく、HTMLの中にstyle要素を定義しborder-radius属性を設定しています。回転方法シーソースイッチ図を回転するには、transform-rotateを使います。連続して回転するには回転角度を変化させます。一定間隔で等速回転させるには、setTimeout関数を使います。時間にて起動されるイベントにて回転角度を制御します。回転と停止を制御するには一つのクリックボタンを押下します。このボタンはシーソースイッチと同じ機能を持ち、押すごとに回転と停止が交互に機能します。スイッチの名称は交互に変化し、メカニックのシーソースイッチの機能ををソフトウェアで実現させています。ものづくり筆耕ブログinventor寄らば大樹の陰か生きとし生けるもの、群れを作って生きていくものです。先日、急な冠婚葬祭に出会い、200km程の移動をしました。世の中、市場経済で動いており少数派が生きにくい体験をしました。群れの一員になることを潔しとせず孤高を貫くことはなかなか大変なことです。そのことで嫌がらせ、村八分、いじめなど顕在化することがあります。それは自分で実行する勇気がなく大勢に流される自分への不満、実行に移したものへの妬み、嫉み、やっかみの現れです。一人の指導者が多人数を指導する場合、標準からはずれた人への対応は並大抵ではありません。そこで少数派は切り捨てられかねません。コネ、縁故採用」などが台頭してきます。世の中、完璧や絶対の言葉が躍っていますがなかなか、怪しいものです。自動車免許証の更新で警察や免許センターに行くことがあります。有効期限が迫っている免許証を差し出すとすぐに穴があけられ、次の手続きに進みます。それから啓発のためのビデオなどを見せられ、1~2時間後に新しい免許証を発行してもらえます。この講習時間中に大地震などが起きてしまったら、穴のあいた免許証が通用するのでしょうか。新旧免許証の交換は同じタイミングでないとはなはだ危険です。物事を円滑に進めるために時間差は生ずるものですが絶対あり得ないことではありませんという例をあげました。効率優先で少数ケースを切り捨てる通常は特急を使っているコースを気まぐれで在来線を使うことにしました。切符は通常、A-B-C間を特急、C-E間を普通列車で買いますが、先日はA-B-F-Dと普通列車にし、D駅から知人の車でE駅近辺の会場に向かう予定でした。ところがB-F間のローカル線の運転間隔が90分と長く待ち合わせ時間に間に合いそうもなく、E駅に直行することを連絡しました。切符は先のD駅まで買ってあり途中下車のつもりで降りようとしたところ、乗り越しの警告で止められました。駅員はD-E間を乗り越しと判断したため改札のドアが閉まったと説明しましたが、途中下車ではと主張したところ改札を通してくれました。切符購入でB、Fを経由地と告げてありシステムのどこかに不備があったのでしょう。2系統以上の特定区間では短い方の距離で運賃計算するようですが、今回のように大幅に異なる場合は実際に乗ったコースで運賃を決めるのではないだろうか。日本列島は時計の針に例をとれば、12時40分のような形をしています。鉄道や高速道路は国土を縦断することに便利に作られていて、横断するには不便です。横断するには一度、縦断しそこで乗り換え、更に縦断した方がどれほど時間の短縮になるかを身に知らされました。少数派はいつの世も切り捨てられる運命にあるのでしょうか。プログラミングinventorトリミングとはトリミングとはコンピューターで画像を加工するとき、画像の周囲や映像の前後を切り取って、必要な部分だけを抜き出し画面を整えることを言います。ここでは10種の動物を集めた1枚の画像から指定された動物をクローズアップします。合わせてタイマー管理を紐解きます。absoluteを併用して必要な画像を切り抜いています。一つのことを実現するに当たり様々な方法が存在します。いろいろな手法を身に着けることによって深みのある文書や作品を作成することができます。ものづくり筆耕ブログinventor画像にインパクトを付ける写真や図は縦、横の長さこそ異なるものの長方形で扱われます。ハート形で縁どられた写真を見かけることがありますが、通常のものに較べて目を引きます。今回、重ね合わせの方法によって画像を丸く縁どってみます。縁取りの仕組みameblo.jpより下図のように、表示したい画像に透明色を持つ縁どった画像を重ね合わせます。手法は実際の写真立ての原理そのものです。先に本命の画像を表示し、そのあとに縁取り用の画像を重ね合わせます。丸い部分は透明なガラスのような効果を生み下の画像が素通しになりますが、円の外は白色のため何も表示されません。白色でなく淡いグレーにすれば曇りガラスのようにぼんやりした画像にすることができます。ものづくり筆耕ブログinventor夏を楽しむ画像に文字を入れてみます。画像の説明文を画像の周辺や画像上に添えることがあります。今回は画像上に上書きしています。黒色による夏の風物詩は画像イメージであり、夏を楽しむがテキスト表示です。画像エディタなどで画像に文字を入れて一体の表示物にする場合と、HTMLのテキスト表示機能によりテキストを入れる場合があります。双方に長所と短所があります。タグ名は大文字と小文字を区別しません。入れ子になった開始タグと終了タグが明確になるようDivとdivを使い分けています。ものづくり筆耕ブログinventor情熱のサマー2019夏は人を開放的に、大胆にさせます。タイトルに挙げたことは夏に始まり、季節が切り替わる前に終わる儚い出来事でしょうか。それでも永遠のエネルギーを燃やしたいものです。古典の秀歌、クラシックの名曲をお楽しみください。若き力をたぎらせている活人におかれては、幻想的な電子万華鏡を自作してはいかがでしょう。作り方はこのブログを紐解いてください。次の画像をクリックし、さらに切り替わった画面でBGM再生ボタンをクリックします。動画を投稿して楽しむには動画形式に則ったファイルを作り動画を表示します。flvなどたくんさんの種類があります。採用する形式はいつも使っているブラウザがサポートしているタイプがいいでしょう。上の開始ボタンを押下してスタートです。動画表示用HTMLコード動画を表示するにはvideoタグを用います。autoplayを指定してもmuted以外の音声付き動画では記事のロードとともに開始にはなりません。一般にはcontrols属性を指定してコントロールバーを付加します。poster属性は動作開始前に表示する動画内容を代表する静止画像を指定します。srcに指定するアドレスはyoutubeの投稿先アドレスやアップロードした公開サーバーアドレスを設置します。動画を利用するにあたってデジタルカメラで撮った画像を動画形式を確認してそのまま利用することができます。その形式をブラウザがサポートしていなければ変換します。変換ツールは良質なフリー素材をダウンロードすることが可能です。写真をスライドショーのように動画風にまとめるときにはムービーメーカーを利用します。表現豊かな動画を作るには驚異的な閲覧数を期待するには、表現する題材もさることながら、編集技術などの知識が必須です。多数の閲覧者を誇るユーチューバ―と呼ばれる一部の人は多額の広告収入を得ていることが報道されています。一定の訪問者数を長きに渡って保有し続けるには大変な努力が必要ですが誰にも開かれた門戸です。一念発起して頑張ってみてはいかがでしょう。ものづくり筆耕ブログinventor写真やイラストを表示するすでに作った画像、写真、イラストはimgタグを用いて表示します。実際のHTMLコードは次のようになります。/></div>imgタグのsrc属性にて画像の格納先を指定します。ブログやホームページは多くの人々に見てもらうのが目的ですので公開サーバーのアップロード先をアドレスとして指定します。動作確認時には自分のローカル記憶装置のアドレスで構いません。画像を横に並べたり、説明文を加えるにはimgタグの他の属性を指定しなければなりません。簡単な表現をマスターします。画像やイラストをどのようにして作るのでしょうか。既存の画像を表示してみます。公開することなく自分のローカル環境で表現するぶんには著作権の心配はありませんので、ネット上にある画像を表示してみます。自信がついて友達に見せたいときには、フリー素材を探して表示するようにします。魅力的な画像入り記事をつくるには表現力の高い画像記事にするには画像編集ソフトやデジタルカメラの扱い方などの知識を吸収するとよいでしょう。