FOR SE

文系の学部から新卒でメーカー系のSIerに就職。技術・スキルがないためブログを通して勉強。その後、IT業界の業界知識が活かせる人材業界に就職

このエントリーをはてなブックマークに追加

プログラミング

【javascript】オブジェクト(オブジェクトリテラル)、連想配列

【今回の紹介】 「オブジェクト(オブジェクトリテラル)、連想配列」 現場でなんかそれぞれ微妙に解釈が異なり、若干ぎくしゃくしたので、 整理します。 ※開発ブランクがある人、最近始めた人で議論すると、なんか上手くいきません。 曖昧な理解でやってた…

【読書メモ】「コーディングを支える技術」を読んで

【今回の紹介】 以下の本を前半戦を読んだのでいったんメモをしときます。コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus) 【内容】 概要としては、どのプログラムでも共通する文法や関数、変数、制御文などについて 仕…

【javascript】生成したインスタンスの値をイベントハンドラから取得する

【今回の紹介】 生成したインスタンスの値をイベントハンドラから取得する 【内容】 以下にうまくいかなかった事例とうまくいった事例をまとめておきます。 ■主にうまくいかなかった理由 ①this がDOMノードを優勢してしまうこと ②thisが引数でわたせないこと…

【文系SE】初めて業務でプログラミングしてきた

【今回の紹介】 今回は、はじめて業務でプログラミングに携われたので、 その感想などを書こうかと。文系出身のSEとして、 これまで数ヶ月、個人でプログラミングを学習してきたわけですが、 いくつか業務のPGと違うなーと思った点があるので、残しておきま…

【読書メモ】エンジニア100人に聞きましたおすすめ一冊編 ~リーダブルコードを読んで~

【今回の紹介】 以下のようなサイトで新人のエンジニア向けの書籍が紹介されている。 エンジニア100人に聞きました」〜新人エンジニアにお勧めする一冊編〜「エンジニア100人に聞きました 〜新人エンジニアにお勧めする一冊〜」ドリコムの場合 #e100q 今回は…

【Javascript】document.getElementById(id)を外だしに衝撃を受けた話

【今回の紹介】 以前、要素のイベントを追加したり、プロパティ変更をする場合には jueryを使用した方が ・Code量もへる ・可読性もあがるとかきましたが、シンプルな ・要素のイベントを追加 ・プロパティ変更 についてはjQueryも使っても使わなくてもあま…

【Javascript】HTMLとjavascriptの分離~イベントハンドラの設定方法3パターン~

【今回の内容】 掲題の通り、HTMLとjavascriptの分離について紹介する そもそもなぜHTMLとjavascriptの分離するのかーHTMLとjavascriptの分離が分離されていないと以下のようなことが起こりうる ・関数を変えたいとき、HTMLを変える時、間違いが生じる可能性…

【jQuery入門】jQueryありとjQueryなしのソース比較~動的にリスト要素(li)の追加と動的に追加した要素へのイベントの設定・移動など~

【今回の内容】 「以前作成したWebtodoリスト(しょぼい)をjqueryで書き直してみる」 具体的には ①登録:動的にリストの生成 ②変更:生成したリストを移動する ③削除:もしあるステータスに移動したならば次の移動で要素を削除する 全体感想:やはりあきら…

 【jQuery入門】-ドットインストールを参考に−(第6回ー第9回)

【今回の紹介】 前々から気になっていたJqueryの学習を始めました。・作ってすぐ動く ・DOM操作が簡単にできる getElementById getElementById とか書かなくてよいとても楽しいインプットにしたのは有名な以下のサイト まとまっていたのですごくわかやすかっ…

【Ruby】はじめてのRuby学習めも① −文字出力・結合・文字列の繰り返し−

【今回の内容】 Macを買ったことだし、Rubyでもはじめようかなと新しいことを学習するのはやはり楽しい そのメモを載せときます 【内容】 参考にしたのはこのサイト参考 =begin 複数行の コメント です =end #単一の行のコメント #helloを出力 print ("hello…

【javascript】オブジェクトの宣言・インスタンスの生成・カプセル化

【今回の内容】 掲題の通りでーす。勉強したことのメモです。 【内容】 ■JavaScriotのオブジェクトについて JavaScriotでもオブジェクトを作成できる ・オブジェクトに値(プロパティ)を持てる ・オブジェクトに振る舞い(メソッド)を持てる ・インスタン…

【Ajax・DOM】配下のliノードを全て削除し、DBを更新する

【今回の紹介】 DOMを使用し、対象の全ての配下ノードを削除し、DBへの更新処理を行う ということを紹介します。より具体的には、ulタグ配下の指定のリストを全て削除するという処理です。 ※先日作ったWebtodoリストの機能を一部実装したものを 少し整…

【javascript】動的にテーブルを作成し、DBから取得したXMLを流し込みつつ、1行ごとに着色する

【今回の紹介】 今回はシンプルにテーブルの色を一行ごとに 変化させる方法を紹介します。 【内容】 方法は知ってる方にとっては常識とか当たり前かもしれませんが、 乗算算です。 具体的なソースの該当部分はここ if(i%2){ row.style.backgroundColor = "#c…

【php入門③】複数の値をformで送受信する

【今回の内容】 前回は、formで値を送受信する際、htmlの特殊文字や「'」「"」を無効化する方法を取り上げました。 【php入門②】formの値を安全にphpで取得する~XSS対策~ 以下の参考書を使用しながら、今回は、複数の値をformを使用しながら送受信するとい…

【php入門②】formの値を安全にphpで取得する~XSS対策~

【今回の紹介】 前回に引き続き以下の本を参考にphpの基礎的な部分の学習を行います。 前回の内容:http://forse.hatenablog.com/entry/2014/03/20/230824 よくわかるPHPの教科書 【メモ】 ①phpのセキュリティについて(クロスサイトスクリプティング(XS…

【php入門①】文字列の出力と日付の取得

【今日の紹介】 前回、Webtodolist作成時にMysqlの接続でphpを使用した。 DBの取得という目的で、phpを書いたため、phpに関する体系的な学習を行わなかった。、 以下の本を参考にしながら初歩的なところから学習を行っていきたい。※なぜこの本かというネット…

【php】ログの取得 ~クライアントの情報をテキストファイルに出力する~

【今回の紹介】 現場で働いていて、障害が出た時や、システムが思わぬ動きをしたときに、 「じゃあログをみてみようか」「ログをとれる処理を埋め込んでおくね」 という流れを何度か体験したので、自分が作ったWebアプリ(しょぼい)にログを埋め込んでみ…

【css】css入門 ~インライン要素・ブロックレベル要素とレイアウトの左詰め~

【今回の紹介】 はじめてのcss入門くらいの内容です。自分はなんとなくで、レイアウトを並べたいときにcssにfloat:leftを使っていました。いったん、cssについてしっかり学習したいなと感じたので、入門の入門くらいまで遡って学習を行ったのでそのメモを紹…

【Ajax・php・javascript】インクリメント検索を実装する

【今回の内容】 インクリメント検索の実装したので、その紹介ををしまーす 内容としては、テキストボックスへの入力一文字ごとに DBにある値に対し、検索を実行し、その結果を表示するというもの。 処理の内容としては、 一文字ごとに検索文字を提案してく…

【Ajax】Ajaxとは ~Ajax入門~

【今回の紹介】 Ajaxを使用しながら、いくつかサンプルを作ってきましたが、いったんもういちどAjaxの特徴とかメリットとかをまとめましたので紹介しまーーす。 【内容】 ■Ajaxとは Ajaxとは、Asynchronous JavaScript + XML」の略称で、javascript…

【php・Ajax・mysql】Webtodoリスト~カーソルをポインタに変更とwindow.onloadの変更~

【今回の紹介】 前回、完成したWebtodoリストに少し変更を加えたのでそれを紹介します。 ちなみに、このURLにとべば実際にどんなものを作成したのかわかると思います。リンク:http://mokumoku.sub.jp/WebToDo.htm 【内容】 変更したのは以下の二点 ①リ…

【Ajax・xml・php】プルダウン選択時にMysqlの値を取得し、画面上に表示する

【今回の紹介】 今回は、 タイトルにある通りプルダウン選択時にMysqlの値を取得し、画面上に表示するをやります 流れとしては、 ①Ajax使用時の値の取得方法まとめ②処理の流れ③参考ソースなかんじで紹介していきます。 【内容】 ①Ajax使用時の値の取得方法…

【雪により自宅で暇をもてあます新人SEへ】新人SE向けリンク集 

【今回の紹介】 この前、自分のお気に入りを整理した時に、ついでに作ったリンク集です。 URL:http://mokumoku.sub.jp/link.htm リンク集の内容としては、 ・新人SEの方に有益なものをってかんじでまとめました。一つのリンクでも、どこかのだれかの役に立…

【php・Javascript・sql】DB連携~CUIでテーブルを定義する・ ②複数の値をPOSTし、DBへ登録する~

【今回の紹介】 今回はDBとWebtodoリストを連携する過程で勉強になったことを紹介します。 まとめると、 ①CUIでテーブルを定義する②複数の値をPOSTし、DBへ登録する③現在のデータを見て、SQLを発行する④再度リクエストしても整合性のあるidが…

【php・mysql・xmlhttprequest】DBへの登録・変更・検索・削除 ~レコードの変更~

【今回の紹介】 DBを使用した以下の基本的な操作を行っていきたいと思います。・登録 ・検索 ・変更 ・削除 ちなみに今回は、変更処理です。 【処理の流れ】 【変更処理】 1、画面から入力した値を取得(変更したいidを入力) 2、phpに取得した値を渡す …

【php・mysql・xmlhttprequest】DBへの登録・変更・検索・削除 ~レコードの検索~

【今回の紹介】 前回まででmysqlをインストールし、DBの接続を確認するこ とまで完了しました。 今後は、DBを使用した以下の基本的な操作を行っていきたいと思います。・登録 ・検索 ・変更 ・削除 ちなみに今回は、検索処理です。 【処理の流れ】 ■検索…

【php・mysql・xmlhttprequest】DBへの登録・変更・検索・削除 ~レコードの登録~

【今回の紹介】 前回まででmysqlをインストールし、DBの接続を確認するこ とまで完了しました。 今後は、DBを使用した以下の基本的な操作を行っていきたいと思います。・登録 ・検索 ・変更 ・削除 ちなみに今回は、登録処理です。 【処理の流れ】 ■登録…

【php・myspl】~インストールからDBから値の取得まで~ mysqliバージョン

【今回の紹介】 この前、紹介したMysqlからの取得の差異に使用していたAPIの一つであるmysql_〇○が今後非推奨になるようなので、 参考:http://www.php.net/manual/ja/mysqlinfo.api.choosing.php mysqliクラスで書き直したものを載せまーす。 ※テーブルで出…

【Javascript・php・xmlhttprequest・ajax】外部ファイル(text)に書き込む&読み込む(おまけ)~キャッシュについて~

【今回の内容】 今回はキャッシュについて考えてみたい 【前回までの流れ】 前回までで以下のようなデータの流れをつかむことができた。 ●入力→追加→保存→呼び出し→表示 しかし、前回記事にあげた動的要素の追加・保存・表示を行うプログラムの 動作確認を行…

【Javascript・php・xmlhttprequest・ajax】外部ファイル(text)に書き込む&読み込む

【今回の紹介】 ずっとできなかったことができるようになりました。 掲題にある通り外部のファイルの読み込みと書き込みを行う事です。これができることにより具体的には、 javascriptで動的に追加したものが保存できます。 【処理の流れ(概要)】 ①追加ボ…

.hatena-module:nth-of-type(10) { background: transparent; } .hatena-module:nth-of-type(10) .hatena-module-title{ display: none; } .hatena-module:nth-of-type(10) .hatena-module-body { padding: 0; }