2014-06-01から1ヶ月間の記事一覧
【今回の紹介】 生成したインスタンスの値をイベントハンドラから取得する 【内容】 以下にうまくいかなかった事例とうまくいった事例をまとめておきます。 ■主にうまくいかなかった理由 ①this がDOMノードを優勢してしまうこと ②thisが引数でわたせないこと…
【今回の紹介】 テキストボックスの値を図に出力する処理を行います。 具体的には、出力ボタンを押すと、図の描画を行い、図の中に入力したテキストボックスの値を出力するという処理です※複数の値をもった複数の図を管理するようにしていきたいので、図obj…
【今回の紹介】 Macを買ってすぐにやるべきものなのかもしれないですが、いまさら掲題のことをおこなったのでまとめておきます。 【内容】 ■以下手順 ①コマンドでapacheを起動させるためにルート権限を設定する ②ルートでログインする ③apacheの起動と停止 ④…
【今回の紹介】 掲題の通り、Webストレージを使って、登録・保存・検索・出力する処理をメモとして残します。参考 Web Storageによるテキストデータの保存 【メモ】 ①Webストレージ内はキーとバリューで管理されている Webストレージ内はキーとバリューで管…
【今回の紹介】 Webにおいて簡易な情報をローカルに保存するには ①ブラウザに保存する(クッキー) ②外部ファイルへ保存する(XML・jsonとしてはきだす) ③DBしかなく、意外と面倒だと思ってました。 いまさらですが、この①の部分野認識は、HTML5に登場によ…
【今回の紹介】 前回の続き前回の記事:ライフゲームより簡単なサンプルを作る 以下の処理を追加してよりライフゲームっぽくなったので紹介。 ①繰り返し処理を行う関数 ②描画したキャンパスを初期化する処理 【内容】 ①繰り返し処理を行う関数 繰り返し、描画…
【今回の紹介】 以下のサイトでHTML5とjavascriptでできるライフゲームに興味を持った。 参考:ライフゲーム 今回は、そのライフゲームで行っている処理のうち、以下のような部分を切り出して サンプルを作ったので紹介。 ①キャンパス内にセルを敷き詰める考…
【今回の紹介】 気晴らしにHTML5の学習を行ったので、そのメモをのせます 【内容】 やったことは HTMLに四角を描く です。 ■手順 ①canvasをタグを配置する ②スクリプトでcanvasタグのobjを取得 ③canvasobjのgetContextで2Dで書くことを設定する ④塗りつぶす…
【今回の紹介】 この前、はまっていた動的にHTML要素であるチェックボタンを生成するというのが、いったん解決したので 載せとく 【参考ソース】 ■変更前 コンソールで確認するとテキストは入っていることが確認できるが、 画面には表示されない for(var i=0…
【今回の紹介】 今回は、はじめて業務でプログラミングに携われたので、 その感想などを書こうかと。文系出身のSEとして、 これまで数ヶ月、個人でプログラミングを学習してきたわけですが、 いくつか業務のPGと違うなーと思った点があるので、残しておきま…
以下の 追加したラジオボタンにテキストノードセットする処理 にて、はまってしまいました。コンソールからは要素にテキストが入っていることは、確認できます。 しかし、なぜか画面に表示されません。 もしわかる方がいたら、回避策または解決策を教えてい…
【今回の紹介】 掲題の通り 【内容】 jsonの配列から動的にリストを生成する ■参考ソース <script> window.onload=function(){ addProblem(); addOption(); } function addOption(){ for(var i=0;i<4;i++){ var add_li=document.createElement('li'); add_li.id='res…
【今回の紹介】 掲題の通りです 【内容】 簡単にできました。 添字のところを変数にして動的に要素の内容をかえることができるので これから使っていくのが楽しそうです【参考ソース】 <head> <script type="text/javascript" src="./product.js"></script> </head> <p id='target'>ここに表示</p> <script> window.onload=function(){ //console.log(problem[0].i…
【今回の紹介】 以下のようなサイトで新人のエンジニア向けの書籍が紹介されている。 エンジニア100人に聞きました」〜新人エンジニアにお勧めする一冊編〜「エンジニア100人に聞きました 〜新人エンジニアにお勧めする一冊〜」ドリコムの場合 #e100q 今回は…
【今回の紹介】 これからの開発でjsonを使いそうなので 最も簡単な入門部分の学習を行った 【内容】 ①jsonの作成②jsonの出力 参考:json参考サイト ■jsonに関するメモ ①XMLにくらべてあつかやすそう ・XMLのようにタグがない分、記述量が減る ・アクセスの仕…
【今回の紹介】 簡単なPGですが、対象の要素がすでにあるなら追加しない作ったので紹介します。 【内容】 ■対象の要素がすでになるなら追加しない 追加する要素が単一かつIDは固定の要素であったため、 javascriptで要素の判定処理を書きました ボタンを押し…