読者です 読者をやめる 読者になる 読者になる

motogp fun

motogp ファンによる、モトgp 結果、モトgp日程を報告するブログ、ガジェットネタも

MIKURISAMメーカーの使い方

年末のレコード大賞観てて、私「星野源の恋がノミネートされてないって何?、来年は熱冷めちゃうよ」呟いたところ、 妻「熱が冷めてないの貴方だけじゃない?」 えっそうなの・・・逃げ恥ロスしてないの 逃げ恥ロスの貴方にツール作りました。使い方を説明し…

MKRSANメーカー

Ver 0.1 ベータ版、機能停止しました。 突然動かなくなりました。 何かの規約違反でしょうか ? それとも単なるバグなのか? ・・・バグの日か! ? 使い方 1、表示する画像のurlを指定。 画像表示 ? 2、下の部品を1の画像にマウスで移動します。 ? 3、変…

FileMakerを初めて使ってみた

使い方が解らない・・・ FileMakerを購入、セットアップして、さあ使ってみよう!(やる気MAX)さてテーブルを設計して、データ入力しながら機能を覚えようかね。あれ?設計方法が解らない、テーブル表示どうするの??。 私はdBase,Paradox,Access2.0~2013と…

意外と簡単、テキストLIVE配信の仕組み

今シーズン使い始めたテキスト速報の仕組みを説明します。 簡単に導入出来て、皆様のはてなブログで利用可能。(はてな以外でもjavaScriptが動作すれば動きます) 目次 それなに?どんな機能 何の用途で使えるの? 使い方 情報入力 情報受信 導入方法 配信元…

MotoGP速報ツール 使い方

今週末の、もてぎグランプリ 母国GPなのに地上波リアルタイム放送が無い、しかも日頃放送していないCSで中継。 何たることでしょう。 motagp.hatenablog.com 文句ばかり言っても仕方ないので、 最低限の情報を、人力でお知らせする事にしました。 使い方 サ…

はてなブログでプログラムを学ぼう11 カウントダウン計算の改造 javaScript

今週はモテギGP、ついに日本グランプリの週です。 ヘッダーに表示している開幕までの残り日数も僅か。 javaScriptで表示中の機能を、ちょっと改造しましょう。 やる事 開催中はカウントが0になるので、イベント内容に変更。 変更する内容はフリー走行、予選…

はてなブログでプログラムを学ぼう10 jQueryでCSSの切替その2

はてなブログ内でjavaScriptとjQuery勉強中。 motagp.hatenablog.com 表レイアウトのワンタッチ切替その2、詳細表示、非表示 今度は表が狭い時は内容を簡易表示、広い時は詳細表示できるように改良。 例えば、カレンダーの月表示では予定の先頭1文字だけ表…

はてなブログでプログラムを学ぼう9 jQueryでCSSの切替

はてなブログ内でjavaScriptとjQuery勉強中。 今回は表のレイアウトをワンタッチで切り替えてみよう Googleカレンダーの日、週、月切替みたいな機能が必要になったので検討しました。 割と簡単に実現する方法として、css複数パターン用意して、表の代表class…

はてなブログの目次自動生成[:contents]は便利だけどメモ。

最近はてなブログで提供された、目次を自動生成する機能。とても便利、見出しタグで書いた文字から自動で目次を生成してくれます。 でもちょっと癖がある。ちょっとハマったのでメモ。 使い方はHTML編集で下記黄色の記載の通り、<p>[:contents]</P>と入力するだけ。…

はてなブログでjavaScriptを学ぼう8 共通ライブラリーを作る

はてなブログ内で完結できるプログラムの作成実験中。今回から表題をjQueryからjavaScriptに変更しました。(jQuery使わない事もい多いから) 前回のまとめ 頭を冷やしてグーグル先生にしつこく聞いてみた サイドバーにプログラムを書く ヘッダーにHTMLを記…

はてなブログでjQueryを学ぼう7 外部ライブラリーを作成できるのか?

jQueryで色々な動作を、はてなブログ内で実験中。 前回のまとめ 1度作ったプログラムは使いまわしたい ajaxでhtmlを読み込んでみた それならiframeタグで丸ごと表示してしまえ それならブログの1ページを外部ライブラリーとして利用してみます まとめ 前回の…

js

aaaaa document.write('----- ' + ' 日'); display // 表示する画像url: 画像表示 大きさ: サイズ変更 soft medium hard bike //

はてなブログでjQueryを学ぼう6 日付の期間を計算してみた

はてなブログ内でjQuery実験中。 Xデーまでのカウントダウンカウンターを作ろう 例えば、開幕するイベントまでのカウントダウン表示「開幕まで、あとXX日です」を作ります。やる事は、Xデーから、今の日にちを引いて日数を計算するだけ。 javaScrictで計算す…

はてなブログでSVGタグを使ってみた。・・・・・・失敗?

最近私の中で流行っている、「はてなブログで何が出来るか実験!」ちょっとした、おもちゃ見つけた感じ。 今分かっている事は、ブログ内でjQueryプログラムが書ける、そのプログラムで使う参照データは、自分の別のブログを読み込む事で実現可能。 これだけ…

はてなブログでjQueryを学ぼう5 ajaxでエラーにも対応してみました

jQueryで色々な動作実験を、はてなブログ内で実験中。 4回目でjQueryのload関数を使った、ブログの読み込み実験をしました。不要な情報は要らないのでidで指定した部分のみ読込みました。 前回の結果 ol-li 1のデータ ol-li 2のデータ ol-li 3のデータ 簡…

はてなブログでjQueryを学ぼう4 ajaxのloadを使ってみた

jQueryで色々な動作実験を、はてなブログ内で実験中。 3回目でajaxを使った、他のブログページを読み込む実験をしました。 前回の結果 結果は下記の通りソースが丸ごと表示。読込みは成功しています。でもこれでは利用できません。

はてなブログでjQueryを学ぼう3 ajaxを使ってみた

jQueryで色々な動作実験を、はてなブログ内で試してみます。 今回は自分のブログを読込んで表示できるかの実験。 読込むページは下記 検証用ページ - motogp funmotagp.hatenablog.com 下記の外部通信機能を使います $.ajax({ url: ’アドレス’, type: 'GET',…

検証用ページ

このブログページは試験用のデーターです OLタグにID="dol"と指定 ol-li 1のデータ ol-li 2のデータ ol-li 3のデータ ULタグにID="dul"と指定 スタート直後の情報 例えば兄エスパルガロ、スタート成功で3位にジャンプアップ。 1周目の情報 兄エスパルガ…

リザルトを加工しよう!7  VBSでHTML書き出し motogp結果を円滑に更新するプロジェクト

前レースで実施していたリザルトの更新手順は、 PDFを開き、文字をコピー 空のテキストファイルを開きペースト 2のテキストをVBSプログラムで、CSV化 CSVをエクセルで開き、必要な部分をコピー ブログに張り付けて完成 5ステップです。手順が多いように思…

はてなブログでjQuery テーブルの並び替え機能を使ってみた!

はてなブログでjQueryが動くことが分かったので、次は活用してみましょう。 余談 私の職業は業務系ソフトのプログラマーなのですが、web関係のソフトは書いてきませんでした。(避けていた)イントラネットって名前が世の中に出だした頃(10年以上前)、「…

リザルトを加工しよう!6 motogp結果を円滑に更新するプロジェクト

1レース運用して、多少のテキスト手直しは残るものの、変換プログラム良好です。 と喜んでいたら、年間ポイントの変換で問題発生。まず、ライダー名(姓名)が今までと逆。日本人か!それと、11位以降の選手のポイントがコピペで空白がなくなる。タブか何…

リザルトを加工しよう!5 VBSでCSV化(外部ファイル化2) motogp結果を円滑に更新するプロジェクト

コピーしたテキストの空白をカンマに置換してCSV化するプログラム。10戦のレースレポートで大活躍しました。運用して使い勝手が悪かった点を改良します。 例で使う資料は10戦の決勝リザルト15位までをコピーしたテキストを利用。 前回の情報 リザルト…

はてなブログでjQueryを使てみた

はてなブログって記事を書きやすくて便利です。とはいえ、javascriptは動かない(書き方が分からない)ので、画面上で動くプログラムが書けない。ブログに必要ないと言われればその通りですが・・・そんな中、jQueryが動くとの書き込み発見!。試してみまし…

リザルトを加工しよう!4 VBSでCSV化(変換テーブルを外部ファイル化) motogp結果を円滑に更新するプロジェクト

CSV化も4回目、精度が上がってきました。今回は使いまわしが出来る様にライダーやチームの変換ルールを外部ファイル化しました。また、決勝PDFのレイアウトにも対応します。ところで抽象化って何? ライダー変換ルールテーブル 下記の様に:で区切った設定…

リザルトを加工しよう!3 VBSでCSV化(表題作成) motogp結果を円滑に更新するプロジェクト

前回に引き続き、CSV化を進めます。表題を付けて完成させましょう。今回は予選用のリザルトを利用します。 表題(ヘッダー)を作成 上記の黄色い部分をcsv形式で、下記の様に書き出しましょう。 "順位,車番,ライダー,国籍,チーム,バイク,タイム,記録周,周回…

リザルトを加工しよう!2 VBSでCSV変換 motogp結果を円滑に更新するプロジェクト

前回、フリー走行や予選のリザルトが加工無しでは使えないと結論、早速利用しやすい形に加工します。 VBSで空白をカンマに置換 やりたいのは下記--------------------------------------------------------------------------------------------------------…

リザルトを加工しよう!PDFから変換 motogp結果を円滑に更新するプロジェクト

MotoGPの結果表は、紙で配布するのが目的と思われ、A4サイズにベストなレイアウトでPDF化されます。この仕組みは凄くて、イベント終了後、集計、PDFファイル作成が数分で完了、ホームページに公開されます。 とは言え、ブログで使うにはちょっと見ずらい。使…

SVGタグでグラフ作成

今頃ですが、SVGタグの存在を教えてもらいました。webブラウザに図を表示する規格です。(ベクターグラフィックを利用する規格)最近web開発を始めた私には、驚きの機能です。 例えば、Adobe Illustratorで書いた絵をSVG保存。できたテキスト文をHTMLに埋め…

Oracleのパフォーマンスチューニングにヒント句

Windows Server 2003の延長サボートが終わるので、サーバーをWindows Server 2008R2に移行しました。(何故か2012じゃない)一緒にDBもOracle10gからOracle11gR2に変更。バージョンが変わると問題が色々発生しますが、大きな障害は無く無事切替完了。ところ…

AccessプログラマーのためのWEB開発入門 第6回 NetBeansでPHP

今回はプログラムを書く準備です。言語はPHPを使います。コードを書くのにテキストエディタでも構いませんが、入力支援や文法エラーのチェックはしてくれないので、便利なツール、NetBeansを使いましょう。Oracle社が提供しているjava用のツールで有名ですが…

AccessプログラマーのためのWEB開発入門 第5回 HeidiSQLその3

クエリーをつくってみよう クエリーはSQL分を書いて作成します。ちょっとした入力支援はありますが、AccessライクなGUIはありません。ここは頑張ってSQL勉強しましょう。と言ってもパターンは決まっているので、いろんな資料見て作りましょう。

AccessプログラマーのためのWEB開発入門 第4回 HeidiSQLその2

テーブルを作ってみよう 左エリアのDB一覧で、sampleを右クリック。[新規作成] [テーブル]をクリックして新規テーブルを作成。 テーブル名とカラム名(フィールド名)を入力。

AccessプログラマーのためのWEB開発入門 第3回 HeidiSQLその1

このシリーズは、Microsoft Access使いのプログラマーが、webサイトを構築。VBAの知識は通用するのか!? 完成までの軌跡である。 テーブルとクエリーの代わりにハイジSQL(HeidiSQL)を使う DBはMySQLを利用します。(XAMPPで導入済みです。)では、テーブル…

AccessプログラマーのためのWEB開発入門 第2回 xampp

このシリーズは、Microsoft Access使いのプログラマーが、webサイトを構築。VBAの知識は通用するのか!? 完成までの軌跡である。 プログラムの開発環境を作ろう! XAMPPをセットアップします(ダウンロードアドレスは第1回参照) Windowsの32bitインストール…

AccessプログラマーのためのWEB開発入門 第1回 準備

このシリーズは、Microsoft Access使いのプログラマーが、webサイトを構築。VBAの知識は通用するのか!? 完成までの軌跡である。 プロローグ Accessってとっても便利、少人数で使うシステムなら、これがあれば他には要らないってぐらい便利。大規模な利用なら…