Labs

<< 最初 < 前ページ 次ページ > 最後 >>
icon [脱jQuery]始める前に (2019/03/15)

「脱jQuery」を始める前に


近年「脱jQuery」のワードが出ているが、手法を間違えると「jQuery」で良かったということにも・・・
「jQueryのここが便利だったのか」と痛感することも結構あります。

何のために「脱jQuery」をするのか?目的が明確である


周りが発言しているからという曖昧な理由でなく、「脱jQuery」した未来予想図を作っておきます。
(JavaScript、フレームワーク知識向上、半自動化などの開発効率化の目処など)
特にJSフレームワークを利用しない場合、jQueryの部分を全て自分で書き直す覚悟が必要でしょう。

代用するJSフレームワークで開発・設計が確立している


「Vue.js」「AngularJS」「React」の選択肢が決まっていて、バックエンドやテンプレート管理の設計ができている。
恐らく、これが今一番主流でしょう。
ただしフレームワークや設計方法の理解度が低いと、プロジェクトが破綻する可能性がある。

自分でライブラリ・フレームワーク・設計が確立できる


「脱jQuery」をしたことで、ソース管理が余計に複雑になってしまう事が多々ある。
特にjQuryライブラリに依存したプロジェクトを書き換えると相当な労力を要するので覚悟が必要である。

など、案件によってよく吟味して作業した方が良い。

「既存JSフレームワーク」を始める前に


現在は「Vue.js」「AngularJS」「React」が主流
「YUI」「Backbone.js」などフェイドアウトしていくフレームワークも多々あるので、選択を間違え内容にネイティブの知識の保険をかける必要がある。

個人的なロードマップとして、既存JSフレームワーク利用の前に、自作フレームワークを作成してある程度経験を積み、同時に「Vue.js(個人的にイチオシ)」「AngularJS」の情報も蓄積しつつ、効率的・自動化を踏まえて移行するつもりだ。

過去の経験から既存JSフレームワークを安易に利用すると、

・知識が浅いと構造がグチャグチャになる
・効率化するにはJSフレームワーク以外の設計知識も必要
・進化が早いので、圧倒的な仕様変更に対応できない

になるためだ。

現在(2019/03時点)は「ECMAscript 6」が主流であるので、「ECMAscript 7」は必要な時に利用していく。
更に「TypeScript」を併用するのが理想かもしれないが、まずはネイティブの知識を復習・蓄積していく。

個人的な目標


・JavaScriptネイティブ追求
・Dom操作追求
・MVC設計において他のフレームワークとの一般共通化
・View(テンプレートエンジン)の手法・管理
・バックエンドの親和性
・開発半自動化

などを目標とします。
icon [VSCode]th td を自動整形させない (2019/03/14)
テーブルの「td」「th」はデフォルトで自動整形は改行されてしまう。
(div とかは改行されない・・・)
<th>
  都市
</th>
<td>
  東京
</td>
個人的に好きではないので、「td」「th」は改行しないように変更

VSCode「html.format」設定


「html.format.contentUnformatted」にタグをカンマ区切りで記述
"html.format.contentUnformatted": "th,td,pre,code,textarea",

<th>都市</th>
<td>東京</td>
ただし、予め改行されているものはこの設定だけでは1行にできない模様
icon VirtualBox6のMacマウント (2019/02/06)
2018年12月にVirtualBox6.0がリリースされたので、アップデートしたが共有フォルダのマウントも再構築しないといけない。

基本的な設定方法は以下に記載
[Debian]Virtualbox(Debian)とmac(OS X)のフォルダ共有

ここではLinux用の「VirtualBox6.0.0」を利用
※2/6時点で最新版は6.0.4

Mac


Debian イメージの共有フォルダを debian というフォルダ名で有効
$ VBoxManage setextradata Debian VBoxInternal2/SharedFoldersEnableSymlinksCreate/debian 1

Linux


ダウンロードとインストール
# wget http://download.virtualbox.org/virtualbox/6.0.0/VBoxGuestAdditions_6.0.0_RC1.iso
# mount -r VBoxGuestAdditions_6.0.0_RC1.iso /media/cdrom
# sh /media/cdrom/VBoxLinuxAdditions.run

「/sbin/mount.vboxsf」は自動的に更新されていたようだ。

自動マウントエラー


以前はVirtualBox側で自動マウントでも動作していたが、Virtualbox6から(?)はプロトコルエラーになる。
/sbin/mount.vboxsf: mounting failed with the error: Protocol error

VirtualBox イメージ > 設定 > 共有フォルダ > 自動マウント
のチェックを外すと動作した。
virtualbox6

あとは、マウントスクリプトをサーバに仕込めば完了
mount -t vboxsf -o uid=ユーザ,gid=ユーザ,dmode=0777,fmode=0666 共有フォルダ名 マウントパス

開発環境なのでアクセス権は甘めにしてある。
<< 最初 < 前ページ 次ページ > 最後 >>

このサイトについて

HTML5 & CSS3化しつつあるので、現在IEには対応してません。
できれば、Google Chromeやら Apple SafariのWebKit系をお勧めします。

DBからプログラムまで一応全て自作なので、バグってたらすいません。
実験でFlash版(Flex版)を先に作りましたが、ちょっと停止してます。

プロフィール

新宿近辺でSE & プログラマーしてます。
Webアプリの開発・設計とか、最近はiPhoneとか奮闘してます。
デザインはさっぱりです。

音楽は、昔からCubase打ち込み人間で、そっちの方が経歴は長いですが、最近はやる暇がないです。。。

今は、Gon's Privates ってバンドのキーボードやってます。
単発的に、なんちゃってジャズ系のライブもやってます。

名古屋生まれなのでドラゴンズ好きです。

Info && SNS

Gmail

 yohei.yoshikawa@gmail.com

Twitter

 http://twitter.com/yoo_yoo_yoo

あんまつぶやきませんが、一応技術系メインで使ってます。情報交換はこちらへ

FaceBook

 http://www.facebook.com/#!/profile.php?id=1439130626

海外の知り合いがいないので閑散としてます。

mixi

 http://mixi.jp/show_profile.pl?id=230072

音楽仲間とかはこっちメインでやってます。興味があればこちらへ