White black beard board renewal

I am updating the White black beard board, this is the new Icon

White black beard board のアイコンを更新しています、

Blog design renewal

Recently I have redesign the blog. Besides changing the picture in the blog header I did many things , But I don't remember well. However, there is solution for that. Comparing the html template of the old version with the new one, all the changes are clear. I use a text editor named  Noteplus++ and it has a plug-in to compare files. These are the steps
(Precondition: the old and the new versions of the template file are available, can use Notepad++)
1.Open Noteplus++ and check if 'Compare' plugin is available if no, download from 'Plugin Manager'
2.Open the 2 files which are target of the comparison
3.Plugins -> Compare

old blog design

new blog design

Comparison using Notepad++ 'Compare' plugin

最近ブログのデザインを変更しました。ヘッダの画像以外いろいろ変更しましたが、よく覚えてません。それらを正確に把握するには解決策はあります。ブログのHTMLテンプレートファイルを比較することです。Notepad++ というテキストエディタを使用してますが、それにはファイルを比較するためのプラグインがあります。下記が比較の流れです
(前提:比較するためのファイルがある、Notepad++ を使える)

Publication of a web gadget

This is how I published the Pedalin' mix web gadget introduced in this post
( precondition:the web application ( html,css,script,etc.) is created )
1.Create a site in google sites
2.Upload the css,script files to site
3.Create a xml file for the gadget (the template is here)
  And paste the html within [[CCODE part
4.Upload the xml file to the site
5.Paste the gadget in the site

こちらのブログポストで紹介したPedalin' mix のウェブガジェットを公開した方法を紹介します
( 前提:ウェブアプリケーション ( html,css,script等) は作成済み )
1.Google sites にサイトを作成する
2.css,script ファイルをサイトに添付する
3.ガジェットの.xmlファイルを作成して (こちらがテンプレートになります)

Special view

Using Blogger (a Google service) you could present your blog in different style only by putting "/view/xxxxx" after the URL. The "xxxxx" part could be any of the following:
 classic,flipcard,magazine,mosaic,sidebar,snapshot,timeslide .
I have added one of them as link on a tag on the top.

Blogger (Googleのサービス) を使ってると、URLの後に "/view/xxxxx" とつけるだけでブログを色々スタイルで表示させることが出来ます。“xxxxx” には下記のいずれかを指定出来ます。
 classic,flipcard,magazine,mosaic,sidebar,snapshot,timeslide .

The timer problem project

I have recently downloaded the Visual Studio 2017 community version(It is free).
In this post, I will explain how to create the app mentioned in this post using it.

1.Create a new project (select UWP (universal windows app))
2.Open "MainPage.xaml.cs" selecting it from the solution explorer
3.Paste the code in "cs_code_within_namespace.txt" within namespace curly brackets
4.Open "MainPage.xaml" selecting it from the solution explorer
5.Paste the code in "xaml_within_page.txt" within <Page> tags
6.Build and run the application

最近visual studio 2017 community versionをダウンロードしました(無料です)

2.Solution Explorer から "MainPage.xaml.cs" を選択して開きます
3."cs_code_within_namespace.txt" のコードをnamespace内に貼りつけます
4.Solution Explorer から "MainPage.xaml"  を選択して開きます
5."xaml_within_page.txt" のコードを<Page>タグ内に貼りつけます

Pedalin' mix on the web

I have created a web gadget of the main functionality of Pedalin' mix. I hope that cyclists (especially  who likes fixed gear bikes) can use it from their smartphones. I have put the gadget in the following site.


Pedalin'mix の機能を実装したウェブガジェットを作成しました。 特に固定ギヤが好きなサイクリストがスマホ等から使えればと思います。 ウェブガジェットは上記のリンク先に置いてます。

To dos

Pedalin' mix - devhurdle

One of the biggest hurdle that I faced when I was creating Pedalin' mix was that the timer implemented for the metronome was not accurate. I realized it when I was checking the cadence (rotation per minute). It seems that the "DispatcherTimer" class doesn't tick accurately. The solution implemented was to preserve the starting time with system timer (*1) and getting the time span at each 'tick' dispatched by "DispatcherTimer" class with (*2).

(*1)startTime1 = Environment.TickCount;

(*2)var elapsed = TimeSpan.FromMilliseconds(Environment.TickCount - startTime1);

this is the result of a test application, that i will soon upload somewhere.

Pedalin' mix を作っているときに直面した中で一番大きかった問題は、メトロノームを実装するためのタイマーが正しく時間を刻まないことだった。ケイデンス(分当たりの回転数)を確認してるときにその事に気づきました。どうやら"DispatcherTimer"クラスが正確に 'tick' しないようです。解決するにはシステムタイマーを利用して、開始時間を保持し(*1)、"DispatcherTimer"の 'tick' 毎に経過時間を得るようにしました(*2)。


App acquisitions

This data can be obtained from the dashboard that is provided to each developer in Microsoft developer center site.