エセＳＥエッセイ https://ameblo.jp/eseseese/ プログラムやシステムの話をチラホラと ja LA COCORICO LA COCORICOにチェックインしました。




]]> https://ameblo.jp/eseseese/entry-11711262603.html Sun, 24 Nov 2013 15:17:12 +0900 漁十八番 漁十八番にチェックインしました。



]]> https://ameblo.jp/eseseese/entry-11662521921.html Fri, 01 Nov 2013 12:57:58 +0900 遊魚 和田丸 遊魚 和田丸にチェックインしました。



]]> https://ameblo.jp/eseseese/entry-11651615497.html Fri, 25 Oct 2013 13:15:48 +0900 ちょっと余談になってしまいます。 スマホのIP判別と言うワードから
このブログに来てくださっている人がいるようなので、
ちょっとまとめ的な内容です。

スマホのIP判別に関して言うと、
私の結論から言うと不可能だと思います。

では、どうやってスマホ判別をするかです。



スマホ判別は通常UAを利用するのが一般的です。
しかし、UAは簡単に偽装できてしまうので、
さぁどうするか・・・

一般的にはスマホ特有の機能をJSで判別しています。
例えば・・・

傾き検知機能等が使えるかを取得しています。



まぁ参考までに ]]> https://ameblo.jp/eseseese/entry-11498203028.html Tue, 26 Mar 2013 02:22:30 +0900 イベントハンドラ 以前、専門学校でVBの授業があったのですが、
この辺はVB見ないだななんて思いました。


構文はPHPとにているし
僕の中ではPHP + Visual Basicというような位置づけになってきました。




よく使いそうなイベントハンドラは
やはり
onclickと
onloadでしょうか？


もっと詳しくやっていろいろあるのかもしれませんが、
今の段階ではこんなところ


両方とも読んだ字のごとくと言ったところか
onclick はクリックした際に発生するイベント
例えば、GUIの電卓なんかに使えそう


onloadはwindowの読み込みが完了した 際に発生するイベント。
※もしかしたらwindow以外にも使えるかもしれないですが、何分無知なので・・・


＜ script type="test/javascript">
＜!--
window.onload = init;
function init(){
document.form.button.onclick = clickDataCheck;
}


fuction clickDatacheck(){
中略
}
-->
＜/script>

こんな感じでしょうか？


webページの読み込みが完了すると
init関数が呼び出されて、
init関数の中でclickDataCheckを呼び出しているので
ブラウザのロードが終わると、buttonのイベントハンドラが設定される。










そんなこんなどんなことができるだろう何て思っていたら
Jsのイベントハンドラ一覧を見つけました。
いろいろあるんですが、スマホで使うJSを想定しているので
一応出てきそうなものを備忘録代わりに記載。
onchange テキストの内容が変更された時
onsubmit フォームが送信された時
onload ドキュメントがロードがされた時
onunload ドキュメントがアンロードされた時
onabort イメージのロードが中止された時
onreset フォームがリセットされた時
onerror エラーが発生した時
onselect テキストが選択された時




とは言える、
使いそうなのは本当にごく一部といった感じですね

]]> https://ameblo.jp/eseseese/entry-11498201245.html Tue, 26 Mar 2013 02:20:24 +0900 ライブラリーを使ってみる
今回使ってみたのは
LightBoxと言うライブラリです。
http://lokeshdhakar.com/projects/lightbox2/

よくみる、画像表示用のJSです。
ポップアップしてキレイに画像が表示されます。

利用方法は簡単です。
ダウンロードしたモノをそれぞれのディレクトリに格納して
読み込むだけ。

ただディレクトリの名前は階層を変えた場合、
パスの修正が必要になりますが・・・


私はディレクトリを変更して使ってみます。



今回私は以下のようなディレクトリ構成にしました。
■project
┣■conts
┃┣■img (画像ファイル)
┃┣■css (CSSファイル)
┃┗■js (jsファイル)
┗■index.html　テスト用のファイル

まず、それぞれのディレクトリにファイルを格納し、
jsファイルとCSSに記載された画像のパスを変更します。

そしてindex.html
でscriptタグを埋め込みます。

下記、htmlファイルに記載

＜script src="./conts/js/jquery-1.7.2.min.js">＜/script>
＜script type="text/javascript" src="./conts/js/lightbox.js">＜/script>



※どうやらJQueryを使っているようで
＜script src="./conts/js/jquery-1.7.2.min.js">＜/script>
ココの読み込みをしなければならないようです。

後はLightboxよjsファイルを読み込みます。
＜script type="text/javascript" src="./conts/js/lightbox.js">＜/script>




つぎにスタイルシートをリンクします。
下記、htmlファイルに記載

＜link href="./conts/css/lightbox.css" rel="stylesheet" />



あとはリンク個所をファイルに埋め込めば完了です。
＜a href="./conts/img/examples/image1.jpg" rel="lightbox[roadtrip]">image #1
＜a href="./conts/img/examples/image2.jpg" rel="lightbox[roadtrip]">image #2
＜a href="./conts/img/examples/image3.jpg" rel="lightbox[roadtrip]">image #3
＜a href="./conts/img/examples/image4.jpg" rel="lightbox[roadtrip]">image #4
＜a href="./conts/img/examples/image5.jpg" rel="lightbox[roadtrip]">image #5
＜a href="./conts/img/examples/image6.jpg" rel="lightbox[roadtrip]">image #6



ライブラリをためておくと便利そうですね。

]]> https://ameblo.jp/eseseese/entry-11492348509.html Sun, 17 Mar 2013 17:04:27 +0900 単純な足し算のソース
＜script＞
window.onload = init;
//イベントハンドラの初期か
function init() {
document.myForm.math.onclick = mathValue;
}

//計算する。
function mathValue() {
document.myForm.num3.value = parseInt(document.myForm.num1.value) + parseInt(document.myForm.num2.value);
}
＜/script＞

＜form name="myForm"＞
＜input type="text" name=num1>
＜input type="text" name=num2>
＜input type="text" name=num3>
＜input type="button" name="math" value="計算する">
＜/form＞

※アメブロの仕様で一部のタグが表示されないので一部全角で表示してあります。


普通にJS出来る人からしたら超低レベルな事でしょうが・・・
初歩の初歩からはじめてるので、罵声はやめてくださいね。



document.myForm.num1.valueって部分なんですが、
documentの扱いがまだいまいちわからないですが・・・

document ・・・ ちょっとまだわからない
myForm ・・・ こちら側で命名したオブジェクトの名前
num1 ・・・ こちら側で命名したメソッドの名前
value ・・・ 多分、inputタグのvalueとイコールだと思いますが・・・

こんな感じでしょうか？


まぁこの程度ならニュアンス的に理解できました。
個人的にはちょっと思い出した事があります。


それはこの部分です
parseInt(document.myForm.num1.value)

以前もブログに記載した様に
私はサーバサイドの開発者です、言語はphp

phpのエンジニアの方はわかると思いますが、
phpでは特別な事が無い限り型の指定はしないので、
昔VBをやっていた時代を思い出しました。 ]]> https://ameblo.jp/eseseese/entry-11492007771.html Sun, 17 Mar 2013 01:12:00 +0900 Macの開発環境 今までMacで開発した事は一度もありません。

なのでediterのインストールからスタートです。


そこでイロイロ調べた結果、
私はKomodo Editerをしようする事にしました。

理由は何となく便利そうだからですが・・・

何かおすすめのediterがある方は教えてください♪

今日はローカルで気軽にテストが出来るのでJavaScriptの勉強をします。



それと、このブログを閲覧してくれる方がいるのであれば、
きっと技術情報などからたどりついた人たちがほとんどだと思うので、
一緒に勉強したいなぁなんておもっちゃったりなんかしちゃったりしているので、
僕が勉強した事をすこしずつでもアップして行こうと思います。

勉強はこのブログですって誰かが言ってくれる様な
勉強になるブログになれば良いかと・・・
]]> https://ameblo.jp/eseseese/entry-11491834218.html Sat, 16 Mar 2013 21:34:07 +0900 開発者としての余命
モバゲー向けのソーシャルアプリです。


運良く、数多くのヒットアプリを担当し、
大規模トラフィックの開発をしてきました。

この経験は自分に大きな自身となっています。
なぜなら、自分の設計が原因でサイトが落ちた事は１度も無いからです。

しかし、自慢じゃないですが、
サーバサイドの開発しか出来ません。


スマホが爆発的に普及している今、
サーバサイドしか出来ない開発者はもうすぐ必要なくなります。
フロントエンドが出来ない開発者には余命宣告を受けている状態と言えるでしょう。

一貫してみれる人つくれる人こそこれから、開発者として必要な存在です。



そこでフロントエンドを勉強しようと思ったのですが、
朝から晩まで働き、休日もアラートにおびえる毎日でいつ勉強するのでしょう？
「今でしょ！？」
って突っ込みが聞こえてきそうですが、
ちょっと深刻な問題です。

勉強しなければ、将来を失う。
勉強をすれば、睡眠時間が無くなり通常業務も危ういです。


どうしようか・・・
悩んでいるときにフリーになる事を決意しました。
理由は効率よく仕事とプライベートを分けるためです。
仕事するときは仕事をする、休むときは休むと言う切り分けをはっきりさせるためです。


会社勤めではどうしても時間にとらわれます。
当然、会社側は社員を管理しなければならないので
これを変える事は出来ません。

しかし、開発の仕事は不規則になりがちです。

深夜でも対応しなければならない事や、
深夜でもサーバダウンが起これば対応しなければなりません。
そんな事情もあってか開発者は夜型の人間が多いです。

そして私もの夜型人間の一人です。


会社から帰って家で開発しているときが一番効率が良い。
しかし朝には会社に行かなければならない
開発者として矛盾を感じる瞬間です。





効率よく仕事をする為に、フリーで自己責任で
人に管理される事無く、自己管理による生活に切り替えよと思いました。



ただ、フリーになる決意をしたからってすぐに活動できる訳ではありません。
そこで私は３ヶ月後をメドにフリーになろうと思います。

では、この３ヶ月間で何をするのか考えました。

①勉強。
そもそも問題点として現状サーバサイドしか出来ない事です。
なのでJSとCSSの基本は理解しておかなければならないと思いました。
私が基本だけは出来る様になろうと考えている技術は以下の通りです。
●フロントエンド
　⇒　JavaScript ( JQuery、 node.js )
⇒　HTML5、CSS３

●DB
　⇒　MongoDB

●アプリ開発
　⇒　iOS
　⇒　Android

かなり詰め込みまくってますが
マスターするってレベルに行かないまでも
触りくらいはやっておかないと思ってます。

②根回し。
喰うに困らないお金を得る為にはやっぱり根回しは必要かと・・・
なので、まず現在フリーでやっている友人知人にアポを取ろうかと思ってます。

③法律や税金について。
これは②の最中にいろいろ聞いて回ろうかと思ってます。






なのでこれかは１秒１秒が戦いです。
頑張ります。


そもそも自宅のMacで開発した事なんて無かったから
開発環境を整える所からはじめなくてはですがw ]]> https://ameblo.jp/eseseese/entry-11491824470.html Sat, 16 Mar 2013 21:04:02 +0900 最近の転職事情


最近、転職活動していました。




動向を見ていると気に成ることが2点あった。




①経験者採用
②フレームワークが転職のMUST条件になっている事。







この2点は個人的にはあまり良い傾向だと思わないです。





①経験者採用。

技術力の高さを謳う会社で有ればあるほど、

経験者採用の縛りがかなり厳しい。


まぁ当然、この不景気で即戦力が必要だというのはわかりますが、

技術力の高さって育てられる能力がある会社だと思うので、

技術力を謳うなら、経験者採用よりポテンシャル採用が必要だと感じます。


また、思考としても経験者の知識に偏りがちになり

ユーザにとっても不利益であると感じます。





②フレームワークが転職のMUST条件になっている事。

これに関しては微妙な部分もありますが、

ｐｈｐはたくさんのフレームワークがあるんで

会社のフレームワークと会わないとダメって言う流れもあります。



フレームワークの経験より重要なのはｐｈｐの経験だと思います。

ｐｈｐの経験が3年以上あれば、大体の事は対応できるはずです。

フレームワークの経験の有無よりもどのような経験をしてきたかが重要なはずです。






新卒も大変のようですが、

転職も大変になってますね～

環境が今までの環境と合致していなければいけないので




なんか技術者にとって今は転機のタイミングです。


・　モバゲー、GREE、mixi、ハンゲームのオープンソーシャル化
・　twitter、facebookの日本ユーザーの急増
・　スマートフォンの普及



技術的にも大きく変わってくるタイミングなので、

新しい環境に積極的に乗り出す環境を自分で作らないと

数年後には自分が仕事する環境がなくなる可能性も考えられると思います。




転職は現状も厳しいですが、

挑戦するタイミングでもあるんじゃないでしょうか？
]]> https://ameblo.jp/eseseese/entry-10747035141.html Fri, 24 Dec 2010 23:50:01 +0900