2014-03-01から1ヶ月間の記事一覧
お題 下記のブログで作成したアプリについて、ドラッグでもドロイド君を移動できるようにする http://mocomei.hateblo.jp/entry/2014/03/30/231704 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>ドロイドを動かして落ちてくるリンゴを取得する</title> <script src="js/jquery-1.10.2.js"></script> </meta></head></html>
お題 ドロイド君を動かして落ちてくるリンゴを取得するアプリを作成する プログラム概要 リンゴが5個落ちてくるのでドロイド君を動かして取得する。 すべて取得すると終了。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>ドロイドを動かして落ちてくるリンゴを取得する</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <style> im…</meta></head></html>
お題 ドロイド君が落ちてくるリンゴを食べるアプリを作成する プログラム概要 矢印（右か左）を押すとドロイド君が動く。 動いた位置にリンゴが落ちてくるとドロイド君がリンゴを食べる。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>ドロイド君落ちてくるリンゴを食べる</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <style> i…</meta></head></html>
お題 ドロイド君リンゴを食べて大きくなる プログラム概要 上から落ちてくるリンゴを食べてドロイド君が大きくなっていく様をみれるアプリ ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>ドロイド君リンゴを食べて大きくなる</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <style> img#img1 { width: 35px; …</meta></head></html>
お題 イメージファイルをウィンドウ内でバウンドさせ続ける プログラム概要 スライムがウィンドウ内を回転しながらバウンドし続ける ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>バウンド</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <style> img#img1 { width: 125px; height: 125px; …</meta></head></html>
お題 下記のお題の続き http://mocomei.hateblo.jp/entry/2014/03/25/233418 今日のお題はmediaクエリを使って、スマホであればスマホ用のCSSを適用させるようにしています。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>波情報（千葉・茨城）</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></meta></head></html>
お題 スクレイピングを行う ※下記のブログの続きです。 http://mocomei.hateblo.jp/entry/2014/03/24/231628 プログラム概要 画面を開くと千葉と茨城の波の概況と一部のポイントの情報が表示される ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>波情報（千葉・茨城）</title> </meta></head></html>
お題 他ドメインのサイトの情報を取得する プログラム概要 取得ボタンを押すと波通の茨城と千葉の概況を表示させる ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>波情報</title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="jquery.xdomainajax.js"></script> </head> </html>
お題 体型予想アプリを作成する プログラム概要 体重と身長を入力するとBMIを算出し BMIに応じて画像のサイズを変えて表示させる ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>体型予測</title> <script src="jquery-1.11.0.js"></script> <link rel="stylesheet" href="style.css"> </head> <body> 男性： 身長(cm)</body></html>
お題 下記のブログの改良版です。 http://mocomei.hateblo.jp/entry/2014/03/21/223613 こちらでは対象の数字が見つかったらサーチをやめていますが、 今回は対象の数字をすべてサーチします。 プログラム概要 上記URLブログ参照 ソース http://13.gigafile.…
お題 Strategyパターンを使って数字のサーチの方法を切り替える プログラム概要 ソートされたInteger型の配列とランダムにソートされたInteger型の配列から 目的の数字を探す。 ※配列に応じて呼び出すStrategyクラスを使い分ける。 ソース http://9.gigafile…
お題 animateで放物線を描く プログラム概要 スライムが放物線を描きながらバウンドしていく ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>放物線</title> <script src="jquery-1.11.0.js"></script> <style> img#img1 { width: 50px; height: 50px; } img#img2 { width: 25px; height: 25px; } </meta></head></html>
お題 キングスライム生成アプリ プログラム概要 スライムを8匹表示させた後、 どんどんくっついていき、最後にキングスライムになる ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>キングスライム生成</title> <script src="jquery-1.11.0.js"></script> <link rel="stylesheet" href="style.css"> </head> <body> <div> </div></body></html>
お題 電光掲示板のような表示をさせるアプリを作る プログラム概要 Hで構成される大きなHを表示させる。 1秒ごとに1byte分だけ左に移動して表示させる ソース public class Keijiban { public static void main(String args) { // " H H " // 2進…
お題 英文並び替え問題を自動生成する プログラム概要 reibun.txtに書かれた英文内の単語をランダムに並び替えて、 英文並び替え問題を生成する ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>英文並び替え</title> <script src="jquery-1.11.0.js"></script> </head> <body> </body></html>
お題 Templateメソッドパターンを使ったファイルコンバートツールを作成する 下記のブログで作成したモジュールでは共通処理が多かったためテンプレートメソッドパターンで再構築した。 http://mocomei.hateblo.jp/entry/2014/03/15/011254 http://mocomei.h…
お題 下記のブログで作成したツールをTemplate Methodパターンにする。 http://mocomei.hateblo.jp/entry/2014/03/14/010846 http://mocomei.hateblo.jp/entry/2014/03/15/011254 本日はマスキングの方だけ具象クラスを作成して動くとこまで確認しました。 C…
お題 ファイルの一部の箇所をマスキングするツールを作る プログラム概要 基本は2014/3/13分のファイルをCSV出力するモジュールを使いまわしています。（下記参照） http://mocomei.hateblo.jp/entry/2014/03/14/010846 DelimiterDefinition.javaはmask用の…
お題 電文（平文）のデータ定義をしているXMLを解析して電文をCSVで出力する プログラム概要 電文のデータ定義をしているXMLを解析して、区切り位置を取得する。 取得した区切り位置通りに電文をsubstringしてCSV形式で出力する ソース DenbunToCSV.java imp…
お題 指定したファイルがxmlフォーマットであることを確認するアプリケーション プログラム概要 第一引数で指定したファイルがxmlフォーマットであることを確認し、 結果を表示する ソース #include <stdio.h> #include <stdlib.h> #include <string.h> #include <assert.h> #define BUFFER_SIZE (80</assert.h></string.h></stdlib.h></stdio.h>…
お題 スタック構造とリスト構造を使って読み込んだファイルを後ろから順に表示させる ※はっきり言って後ろから順に表示させるくらいであれば配列でできますが、アルゴリズム・データ構造の応用という意味でのお題。実用性はたぶんありません。なおソースでta…
お題 ランチをルーレットで決めるアプリを作成する プログラム概要 ルーレットを押すとルーレットが始まり、 画像が各メニュー上にランダムに表示される。 ルーレットが止まると決まったメニューと画像が点滅される。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Lunch Roulette</title> <script src="jquery-1.11.0.js"></script> <style> table { b</meta></head></html>…
お題 GMAP上で指定した経度・緯度から半径5km以内を円で囲む プログラム概要 初期表示としてGMAP上に山下公園を表示させる。その際、半径5km以内を円で囲んでおく。 LatとLngに経度と緯度を入力してボタンを押下するとその経度・緯度の半径5km以内を表示する…
お題 脳トレアプリを作成する プログラム概要 ランダムに画像を10毎、順番に表示し最後にその中から一枚再度表示し それが何番目に表示されたか確認する。 正解・不正解に問わず、最後に表示された画像をすべて表示する。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>notore1</title> <script src="jquery-1.11.0.js"></script> </head> <body> </body></html>
お題 Linuxのコマンドの標準出力の改行コードを指定して実行するコマンドを作成する プログラム概要 第一引数にコマンド、第二引数に改行コードを指定すると 指定した改行コードでコマンドの結果を標準出力する ソース #include <stdio.h> #include <stdlib.h> #include <string.h> #defin</string.h></stdlib.h></stdio.h>…
お題 あみだアプリを作成する プログラム概要 ボタンをおすとあみだくじが生成される。 ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> <style> table { border-collapse: collapse; cellpadding: 0; cellspacing: 0; width: 200px; height…</meta></head></html>
