SAStruts＋DBFluteでの開発が終わり、またCOBOLで書かれたシステムの保守が始まる・・・。 あぁ、楽しかったSAStruts、楽しかったDBFlute、楽しかったJava。 ということで、この辺りで一度、COBOLから学んだことについてまとめてみようと思う。 僕が今、主にかかわっているシステムはクライアント側がVB(Windows)、サーバ側がCOBOL(UNIX)で出来ている。そして更にバックボーンには、メインフレームが構えている。メインフレーム側の構成は主にPL/1＋JCLで、もちろんDBは階層型だ。 そんなシステムを２年近く保守してきた中で気付いたことを書いて行こうと思う。 カプセル化やスコープの重要性 今更何を言っているのかと思う方もいると思うけど、マジなんだ。僕が初めて学んだ言語はC言語でそれからC++、Javaと続き、その後LL言語にも手を出し始めた。C++を始め

変数は全てグローバル変数名, 関数名が全部大文字 むしろ大文字で書けるところは全部大文字あらかじめ1文字名称のグローバル変数を大量に定義しておく（当然使わないものもたくさん出てくる）大事に育てたこの「変数定義ブロック」を各ファイルの先頭にコピペする関数やサブルーチンの引数/返値は使わない（グローバル変数で値を渡す）そもそもサブルーチン自体あまり使わない繰り返しの回数が少なく決定的であればループを使用せずコピペで展開基本的に COBOL に無い機能や, あっても使っていない機能は使わないので, COBOLと逐語訳可能なコードになるより短い書き方,副作用のない書き方等を教えられても『この書き方の方が簡単で, 誰が読んでも理解できますから』キリッCOBOLにもローカル変数やサブルーチンの引数はあるんだけど、それを使っちゃいけない企業文化で育った結果、他の言語でもその慣習を押し通したコードを書き続

■ 治外法権のeLTAX、マルウェア幇助を繰り返す無能業者は責任追及されて廃業に追い込まれよ ここ数年、不正送金の被害がインターネットバンキングの法人口座で急増しているという*1。その原因は今更言うまでもなく、Java実行環境（JRE）やAdobe製品の古いバージョンの脆弱性を突いてくるマルウェアである。しかしそれにしても、法人口座を扱うパソコンがなぜ、Java実行環境やAdobe製品をインストールしているのだろうか。インストールしなければ被害も起きないのに……。 その謎を解く鍵が、eLTAX（地方税ポータルシステム）にあるようだ。eLTAXでは、インターネットバンキングの口座を用いた納税ができることから、インターネットバンキング用のパソコンでeLTAXの利用環境も整えるということが普通になっていると思われる。そのeLTAXが、昨日までは、Java実行環境のインストールを強要していた。eL

23. 2015年(22歳) 一部の人々が、かつての彼の功績にしがみつき 彼の評判は落ちるばかりです - 開発者アンケート - どうすればIEは 改善されると思いますか？ 1位. 6,531票 おまえ自体が いなくなればいい 2位. 1,011票 自動アップデートを必須にして!! 3位. 454票 古いブラウザを抹消してくれ!! 古いバージョンを残しやがって おまえジャマなんだよ IE この最低野郎!!

きっかけ サークルの後輩にHTMLを教えるためにpureHTMLでなんか作れ、という課題を出した。その時の条件として言ったのは HTML5で書け ul, li要素を使え section, nav要素を使え h1～h6タグのいずれかを使え だ。そして出来上がったのがこちらだ。 機械音痴非プログラマーがhtml5の練習で作ったサイトです。 見納めください。 pic.twitter.com/wPAvX7AzUD — ヒエヒエハイム (@celluloce24) 2017年2月1日 ・・・内容に関しては突っ込むまい。 実はHTMLのみ、CSS禁止、スタイル系attribute禁止縛りで課題出したの私なんです https://t.co/oD6XRkU5o1 — yumetodo-C++erだけど化学科 (@yumetodo) 2017年2月1日 TLの反応 canvas なるほどcanvasを使うし

Accidentally Turing-Complete ― Andreas Zwinkau 本来なら、チューリング完全となるべきではなかったものがある。これは、そのようなうっかりチューリング完全になってしまったものの例である。 C++テンプレート 当初はチューリング完全を目指していなかったが、C++テンプレートはチューリング完全になってしまった。その証明は、この論文にある（PDF） x86 MMU x86のpage fault handlingは、単純なマシンの実装に使える。原理としては、page faultが1 wordをスタックに積み、それによりアンダーフローを起こして別のトラップを生成する。この仕組みは、「減算して0以下ならば分岐」処理を実現する。チューリングマシンを実装するには十分である。デモ動画、講演動画 マジック・ザ・ギャザリング マジック・ザ・ギャザリングはカードゲームであ

TypeScriptにはanyを使わないよう注意しても型検査が無効化され型安全性が失われるパターンがいくつかあり、中には致命的なものも存在する。今回はこのパターンをいくつか紹介する。 コールバックのvoid戻り値型 コールバックのvoid戻り値型はすべての型を受け入れるためvoid型 === any型となる。 function f(cb: (a: number) => void): void { return cb(0); } function g(a: number): number { return a; } f(g); このためvoid型の値はvoid演算子を使用して即座に強制的にvoid型に変換しなければならない。 void f(g); ここでは手遅れ。 function f(cb: (a: number) => void): void { return void cb(0); }

Webの各種技術の標準化を行うW3C。秘密主義で知られるこの組織の幹部が、匿名を条件にインタビューに応じてくれた。元は英語のニュースサイトに掲載された文章であるが、少々ショッキングな内容を含むので、以下に拙訳する。 原文： http://www.kh.rim.or.jp/~nagamura/misc/stroustrup-interview.txt インタビューア（以下「I」）： W3CはWebの世界を大きく変化させてきました。この23年を振り返ってみて、感想は。 W3C幹部（以下「W」）： 最近昔の事をよく思い出します。覚えているでしょうか？誰もが固定幅のtableでレイアウトされたWebページを作っていた時代を。 HTMLをコーディングするのに覚えることはシンプルでした。難しいのはせいぜい、可変幅にしたい部分をtable化してそこにはめ込む画像を上手くスライスすることぐらいでしたが、こ

IT人材が不足してるんだって。零細Web制作会社で言えば、退職者が残したubuntu12サーバーに眠るRails5アプリをすぐにDDDでマイクロサービスに再構成して、jQuery満載のコードを全て読み下したうえで、フロントエンドをReactかなんかのSPAに全部書き換えて、E…

IT人材が不足してるんだって。零細Web制作会社で言えば、退職者が残したubuntu12サーバーに眠るRails5アプリをすぐにDDDでマイクロサービスに再構成して、jQuery満載のコードを全て読み下したうえで、フロントエンドをReactかなんかのSPAに全部書き換えて、E2Eを含めた自動回帰テストを整備して、ついでにCIも整備して、k8sにデプロイできるようにして、ドキュメントは小まめに残し、職場の心理的安全性を落とさず、飲み会にはかかさず参加、役員との関係も良好で、定期的な勉強会も開いてくれて、それでも残ったプライベートの時間を最新の技術動向やセキュリティ情報の収集に全量突っ込んでくれる、そんなごく当たり前のエンジニアが不足している。ついでに言うと、人類の原罪を一身に贖ってくれるスキルの持ち主も不足しているらしい。多分、我々はもっと求人サイトに金を払うべきなんだろうね。 同業者から、

React Native v0.42で開発していて、つらい点を述べていく。良い点はあったかもしれないが、忘れてしまった…(良い点含めたより公平な意見は、あらためてまた今度書く  2018年2月28日追記: 書きました!!→ React Native開発の良い点と注意点まとめ)。 なお、製品でReact Nativeを運用されている方で、他にもつらいとおっしゃっている方もいるようなので、自分がReact Nativeに対して感じているこのつらさは間違っていないと思う。 大前提として「React Nativeは、Viewしか扱わないReactがベース」である これがそもそものReact Nativeがつらいと思える根本的な原因かもしれない。React Nativeのコンセプト通り、React Nativeではたしかに、Reactの知見をほとんどそのまま流用してReact Nativeではアプリ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

このストーリーは、Circle CIに投稿された”It’s the future”というストーリーにインスパイアされたものです。オリジナルはこちら。ここに書いたことは一つの意見というだけで、他のJavaScriptフレームワークもそうですが、過剰に真に受けないでください。このストーリーを執筆中に新たなJavaScriptフレームワークは作成されていません。 やあ、今新しいプロジェクトをやっているんだけど、実はここ数年ウェブのコード書いていなくてさ、しかも以前とは少し変わったとも聞いているよ。それで君が一番この辺でウェブ開発に詳しいって聞いたんだけど？ -フロントエンドエンジニア、といったほうが正しいが…まあ、俺なら間違いない。俺のは2016年のウェブだからな。ビジュアライゼーション、ミュージックプレイヤー、サッカーをするドローン等々。JsConfとReactConfから帰ってきたばかりだか

自分はCODEPREPというオンラインプログラミング学習サービスをやっているのですが、今年の 2 月に React と TypeScript を使ってフロントエンドを再構築し、半年間サービスを走らせてみた結果について振り返ってみたいと思います。 はじめに CODEPREPは月間で 50 万 PV 以上ある Web サービスです。 そのため、それなりの事態は発生するだろうと思い、フロントエンドにはエラー監視を導入して、ユーザーのブラウザ上で何かエラーが発生したら、直ちに Slack に通知が来て対応できるような万全の準備をしていました。 しかし、自分が担当して来た Web サービスの中では、もっともユーザーに頻繁に使われているにも関わらず、稀に見る安定稼働のサービスとなっています。 今回は、選定したフロントエンドの技術スタックのどの辺りが良かったのか、少し振り返りたいと思います。 TypeS

この記事はすでに古い情報ですのでご注意ください。 2018年02月01日 に誤字を修正したリクエストを受け入れてから閲覧する方が多くなっていますが この記事の投稿日は 2014年05月06日 です。 随時更新します。 CoffeeScriptを使う理由 TypeScriptを使う理由 AltJSを使わない理由 Dartを使う理由 仕事でTypeScriptを使う場合の説得材料まとめです。 なぜJavaScriptではいけないのか クラス定義がないからです みんな大好きオブジェクト指向をするために必須なのにJavaScriptではクラスは書けません。 いや、正確には書けます。

2016年5月29日TypeScript,Vue最近 TypeScript の恩恵を受けつつ Vue を使うためにいろいろと試行錯誤しています。この記事ではコンポーネントの定義と、コンポーネント内のロジックを再利用可能にするための Mixin の定義を TypeScript でどのように書けばよいかを述べます。 vue-class-component を使う #TypeScript で Vue を使う時は vue-class-component はほぼ必須だと思います。なぜなら、Vue のコンポーネントの生成の仕方では、TypeScript コンパイラがコンポーネントの型を解釈することが難しいからです。 例えば、コンポーネントの生成を行うコードは以下のように書けますが、reverseMessage メソッドの中では、this がそのコンポーネントであることがわからないですし、this.me

プロトタイプベースは、Smalltalkのクラスベース設計を平易化する試みから考案されたスタイルなので、Smalltalkの設計を知らないとそれが作られた理由も分からないものになる。ここではアラン・ケイが概略したSmalltalk設計の六項目を紹介して、クラスベースに関連する部分を和訳しておく[1]。 1, EverythingIsAnObject.（全てはオブジェクトである） 2, Objects communicate by sending and receiving messages (in terms of objects). 3, Objects have their own memory (in terms of objects).（オブジェクトは自身の記憶を持つ） 4, Every object is an instance of a class (which must be

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

JavascriptのSPA(Single Page Application)フレームワークの使いどころ（jQueryとの比較）JavaScriptjQuerySPA ※ 本投稿はフロントサイドの開発をJavascriptで行うことを前提に書いていますが、そもそも、フロントサイドでどこまでJavascriptにすべきかについて私的な見解を以下に書きました。(2017.5.10) ▶　Webシステムのフロントサイドとサーバサイドの比率（JavascriptのSPAを利用する理由） ■　どこで使うのか？jQueryだけで十分か？ SPAフレームワークの導入を検討する際に、「jQueryでも十分」といえるケースはよくあると思う。 そこで、jQueryとSPAフレームワークを比較して、本当にSPAフレームワークを使う場面はどういうところかを考えてみる。 ただ、結論を先に書けば、規模や新規に作るのか

第一次世界大戦当時のアメリカ合衆国食品局のポスター。星条旗のドレープと自由の象徴であるフリジア帽を身にまとったコロンビアが描かれている コロンビア（Columbia）とは、アメリカ合衆国を擬人化した女性で、コロンビアピクチャーズのロゴで有名[1]。レディコロンビア(Lady Columbia)、ミスコロンビア(Miss Columbia)ともいう。 名前の由来はアメリカ合衆国あるいはアメリカ州の古名・別称・雅称｡クリストファー・コロンブスの名前とラテン語の国名によく使われるラテン語の”-ia”に由来する。 アメリカ大陸を擬人化した像（1760年頃） アメリカ大陸の擬人化の最も初期のものは16世紀以降のヨーロッパの芸術作品に見られる。アメリカ大陸はしばしば羽毛で覆われた頭飾りをした半裸の女性として描かれた。しばしばオウムを抱き、ワニの上に座って、豊穣の角を持っている[2]。 この様な描写は、

どうも、ほそだです。ゴールデンウィークも終わり、暖かい空気を感じる季節になりました。 さてちょっと前に、こんな記事が話題になっていました。 You Don’t Need jQuery – Qiita （旧題：もうjQueryは必要ない） 元々は海外の方が書かれたものを日本語訳してくださったものですが、あらかた網羅されていて感服しました。実は今回、これと全く同じようなことをこのブログのネタにしようと考えていたのですが（jQueryでやってたことをjQueryを使わずにやってみた的な）、締切間近になってさあ書くぞってタイミングでここまで完璧なものを先に出されちゃったので、こりゃ勝てねえと泣く泣く断念したのですよね。。 それで急遽新たにネタを考えなきゃいけなくなったのですが、これに対するネット上での反応がけっこう興味深いなと思って見ていました。 「もうjQueryは必要ない」に関するみんなの反応

仕事で最近jQueryを使う機会が増えてきた。 プライベートでは使っていたけれど仕事で使うとなると、とても便利で 本当に短いステップでやりたいことができるね。 function(){}がやたら大量に出てきて、見づらいところはあるけれど。 コールバック関数を引数に渡す仕組みだからスコープが限定されるし、影響が少なく安全に作ることができる。 職場はいわゆる企業向けのシステムでJavaを主に使っていて、サーバーサイドのことを主にやってきたため あまりフロントエンドについて詳しい人がいないけれど、でもWEBベースのシステムだから簡単な画面制御にJavaScriptを使う。 こういうタイプの現場の場合、HTMLも10年前と変わらない旧態依然としたスタイルを貫きとおしているし、 JavaScriptも未だHTMLを補佐する簡易言語的な認識から抜け出せていない。 だからJavaやDB系の研修は勧められる

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点

TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。 本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」 を掲載していますので、本稿と併せてご参照ください ）。 早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。 さて、去る2015年3月5

はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の2つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports

はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ