新卒から文系エンジニア→人材業界に転職した人のブログ

新卒から文系エンジニア→人材業界に転職。技術・スキルがないためブログを通して勉強。その後、IT業界の業界知識が活かせる人材業界へ。異業種×異職種の転職経験有り。

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

2014-01-01から1年間の記事一覧

【HTML5・javascript】HTMLに四角を描く

【今回の紹介】 気晴らしにHTML5の学習を行ったので、そのメモをのせます 【内容】 やったことは HTMLに四角を描く です。 ■手順 ①canvasをタグを配置する ②スクリプトでcanvasタグのobjを取得 ③canvasobjのgetContextで2Dで書くことを設定する ④塗りつぶす…

【javascript】動的にチェックボタンを生成する

【今回の紹介】 この前、はまっていた動的にHTML要素であるチェックボタンを生成するというのが、いったん解決したので 載せとく 【参考ソース】 ■変更前 コンソールで確認するとテキストは入っていることが確認できるが、 画面には表示されない for(var i=0…

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

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

【javascirpt】DOMに詳しい方いたら教えてくださーい

以下の 追加したラジオボタンにテキストノードセットする処理 にて、はまってしまいました。コンソールからは要素にテキストが入っていることは、確認できます。 しかし、なぜか画面に表示されません。 もしわかる方がいたら、回避策または解決策を教えてい…

【javascript】jsonの配列から動的にリストを生成する

【今回の紹介】 掲題の通り 【内容】 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…

【javascript】Jsonの値を取得し、要素に追加する

【今回の紹介】 掲題の通りです 【内容】 簡単にできました。 添字のところを変数にして動的に要素の内容をかえることができるので これから使っていくのが楽しそうです【参考ソース】 <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人に聞きました」〜新人エンジニアにお勧めする一冊編〜「エンジニア100人に聞きました 〜新人エンジニアにお勧めする一冊〜」ドリコムの場合 #e100q 今回は…

【json入門】jsonの作成と取得・表示

【今回の紹介】 これからの開発でjsonを使いそうなので 最も簡単な入門部分の学習を行った 【内容】 ①jsonの作成②jsonの出力 参考:json参考サイト ■jsonに関するメモ ①XMLにくらべてあつかやすそう ・XMLのようにタグがない分、記述量が減る ・アクセスの仕…

【jQuery入門】既に要素があったら、要素を追加しない

【今回の紹介】 簡単なPGですが、対象の要素がすでにあるなら追加しない作ったので紹介します。 【内容】 ■対象の要素がすでになるなら追加しない 追加する要素が単一かつIDは固定の要素であったため、 javascriptで要素の判定処理を書きました ボタンを押し…

【CSS入門】ブロック要素とインライン要素の操作、絶対指定と想定指定、疑似クラス

【今回の紹介】 前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) 【内容】 ■ブロック要素とインライン要素 ブロック要素:前後に改行が入る イ…

【CSS入門】ブロック要素に関するCSS(border・padding・margin)

【今回の紹介】 前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) 【内容】 ブロック要素周辺のCSSについていくつか学習した ①ブロック要素に対…

【CSS入門】色の指定・テキストの指定・背景色の工夫

【今回の紹介】 前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) 【内容】 ■色の指定3パターン ①キーワード指定 登録されている代表的ない色を…

【CSS入門】セレクタの指定方法とその種類、優先度

【今回の紹介】 友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) ■セレクタの指定の仕方は3種類 ①要素指定 例)hi{} ②クラス指定 例).hi{} ③ID指定 例)#hi{…

【jQuery入門】プルダウンメニューの土台を作る

【今回の紹介】 Jqueryでプルダウンメニューの土台を作ったので紹介します おそらくこのあとCSSでうまく形を作っていくと思います。 【内容】 プルダウンんメニューとかでよく使いそうなものがあったので実際に使ってみた 【参考情報】 リファレンス jQuery…

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

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

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

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

【jQuery入門】Ajaxの技術を使用し、外部ファイルを読み込む

【今回の紹介】 jQueryの学習の中で、Ajaxの学習を行った。 内容的には ・外部ファイルの読み込み ・外部ファイル読み込み後に、処理を行う など 【内容】 ■jQuerytとAjax jQueryを使えばかなり簡単にAjax通信を行えるらしい 参考にしたのは以下のサイト Aja…

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

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

 【jQuery入門】-ドットインストールを参考に−第11回ー第15回−

【今回の紹介】前回からの続きです。。 【jQuery入門】-ドットインストールを参考に−(第6回ー第9回) ■第11回 要素の作成 ■要素の作成方法 要素を作成して変数に入れてから追加する before() →指定要素の前にいれる after() →指定要素の後にいれる prep…

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

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

【読書メモ】クリティカル・シンキングを読んで

【今回の紹介】 以下の本を読んだので読書メモです。 グロービスMBAクリティカル・シンキング[改訂3版] ロジカルシンキングを扱った本を5、6冊読んでいますが、 SEという職業以前に ロジカル(因果関係と目的・手段を明確にしながら物事を考えてくことだ…

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

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

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

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

【Mac入門】subline Text2でjavascript実行するまで

【今回の紹介】 ほかにやることがあって全然触れてなかったですが、久しぶりにMacに触り 開発環境を整えたのでそのメモを載せます 【内容】 subline Text2でjavascript実行するまでの流れ ①subline Text2のインストール 下記のサイトでインストール 参考情報…

【読書メモ】エンジニアの学び方を読んで

【今回の紹介】 Web記事まとめなどで、何回かこの記事に関する感想などが上がっていたので自分も以下の本に記載されている「エンジニアの学び方」を読ませていただいたWEB+DB PRESS Vol.80 ■参考 エンジニアの学び方の執筆者 読者の記事 【内容】 すごいざっ…

【読書メモ】エンジニア100人に聞きましたおすすめ一冊編② ~決定版 脳の右側で描け[第4版] ~

【今回の紹介】 以下のようなサイトで新人のエンジニア向けの書籍が紹介されている。 自分にとって有益かはわからないが、とりあえずタイトルに魅かれものから 読んでいくーー エンジニア100人に聞きました」〜新人エンジニアにお勧めする一冊編〜「エンジニ…

【読書メモ】エンジニア100人に聞きましたおすすめ一冊編① ~ 小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則を読んで~

【今回の紹介】 以下のようなサイトで新人のエンジニア向けの書籍が紹介されている。 自分にとって有益かはわからないが、とりあえずタイトルに魅かれものから 読んでいくーーエンジニア100人に聞きました」〜新人エンジニアにお勧めする一冊編〜「エンジニ…

【SQL入門】単一関数とグループ関数まとめ~文字関数・日付関数・数値関数・変換関数・汎用関数・グループ関数~

【今回の紹介】 仕事の都合で「oraclesql基礎」を取得することになったのでその学習メモを載せますちなみにインプットはこの書籍 【オラクル認定資格試験対策書】ORACLE MASTER Bronze[12c SQL基礎](試験番号:1Z0-061)完全詳解+精選問題集(オラクルマスター…

【SQL入門】単一関数とグループ関数まとめ~汎用編とグループ関数編~

【今回の紹介】 仕事の都合で「oraclesql基礎」を取得することになったのでその学習メモを載せまーす ちなみにインプットはこの書籍 【オラクル認定資格試験対策書】ORACLE MASTER Bronze[12c SQL基礎](試験番号:1Z0-061)完全詳解+精選問題集(オラクルマスタ…

【SQL入門】単一関数まとめ~変換関数編~

【今回の紹介】 仕事の都合で「oraclesql基礎」を取得することになったのでその学習メモを載せまーす ちなみにインプットはこの書籍 【オラクル認定資格試験対策書】ORACLE MASTER Bronze[12c SQL基礎](試験番号:1Z0-061)完全詳解+精選問題集(オラクルマスタ…

.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; }