きんくまデザイン

[CSS] 幅とか高さとかを簡単に調整したい

2014/11/16

こんにちは。きんくまです。

細かく幅とか高さを調整したいときに、divやらspanをそのためだけに入れ子にしていたんだけど、
調べてたら最近はそんなことしなくても良いんですね。

>> cssで計算ができる calc()

>> CSS3 の box-sizing が便利すぎる!! padding や border に依存しない width, height 指定

calcとbox-sizingについて、念のため使えるか調べてみたところ、だいぶ良さそう。

>> calc | Can I use

Box Sizing | Can I Use

たぶん他にも便利だけど見落としてるCSSのプロパティがあると思うので、調べてみようかな。

記事にもあるけど、box-sizing:border-box;　が以前のIEだとデフォルトだったことを思い出した。
たしかあの頃ってTable LayoutからCSS Layoutへの移行期で、IEだけが他と解釈が違ってて、バグ扱いだったんだよね。
でも時間がたってそのバグ扱いだったものが、新たにbox-sizing:border-box;としてわざわざ作られたってことは、開発者的には前の解釈の方が作りやすかったってことかもしんない。

この手のプロパティって、知ったときに「これは便利！」となっても、ブラウザの対応状況がイマイチだったりして実際には使えなかったりすることが以前はよくあって、でも最近は状況がだいぶかわってきてるんだなーと思いました。

※追記
ちょうど良記事がコリスさんで紹介されてました。CSSまわりは最近すごいんだなー。しかもブラウザ対応もかなり良くなってるし。なるほどー。
>> [CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ | コリス

Pocket

カテゴリー: blog, プログラミング

[TypeScript] 内部モジュール (Internal Module) の整理の仕方を考える

2014/10/31

こんにちは。きんくまです。

TypeScriptで内部モジュールを使うときのことです。（外部モジュールじゃないです）

>> 内部モジュール – TypeScript クイックガイド – phyzkit.net

仕事でクラスファイルが多くなり、1ファイル1クラスにして、各ファイルにそれぞれreferenceを書いていました。

そしたらコンパイルは通って js は生成されるのに、実行時にこんなエラーが発生して困りました！！

Uncaught TypeError: Cannot read property 'prototype' of undefined main.js:4
Uncaught TypeError: undefined is not a function

コンパイルが通るのに、エラーが出てしまい原因が特定できず大変困りました。
すると、reference部分の順番を入れ替えると戻ることがありました。

クラスを継承していたり、moduleが分かれているといろいろと問題ありそうです。

それをTwitterでつぶやいたところ、教えてもらいました！ありがとうございます！！

クラスごとのファイルに分けて開発したいから何とかしたいんだけど、この辺のノウハウはないだろうか？？　例えば、ファイルごとにreference文を書くのではなく、プロジェクトで1箇所にまとめてしまうとか。

— きんくまデザイン (@kinkuma_design) 2014, 10月 31

@kinkuma_design が、がんばります！とりあえず、僕の基本方針としては最初のドキュメントクラスっぽいところになるべくrefferenceをまとめ書きしておいて、完全に依存／専属関係にあるものだけは、都度、参照元に書くというような書き方をしてますね。

— Satoshi Onoda (@satoshionoda) 2014, 10月 31

@kinkuma_design module 単位で .js を出力。同一 module 内の reference は .ts を読む。個々の .js .d.ts は出力せず module 間の解決のみ .d.ts で行う。これで今のとこ問題なく1ファイル1クラスに出来ています。

— Hirofumi Kawakita (@k1623_) 2014, 10月 31

@kinkuma_design ts は出力した js 毎に都度実行しクラスを解決するため、ファイルの連結順序をへまる（例えば継承元のファイルが後になる等）とエラーになります。その解決のためにはクラスを増やすたびに concat の順序指定を書く羽目になってしまい超面倒です。

— Hirofumi Kawakita (@k1623_) 2014, 10月 31

@kinkuma_design 一方複数の ts をまとめて tsc で js にすると、そのあたりの面倒をコンパイラが見てくれるので安全にひとつのファイルにすることが出来ます。自分も２ヶ月くらいトライアンドエラーでここにたどり着きましたが、絶対に大丈夫かは自信がないですが。。。

— Hirofumi Kawakita (@k1623_) 2014, 10月 31

それでどうやるか自分でも実験してみました。

どうやって内部モジュールをまとめるか

この投稿の続きを読む »

Pocket

カテゴリー: blog, JavaScript, プログラミング

[iOS] Xcode6からEnterprise Developmentで保存したい

2014/10/29

こんにちは。きんくまです。

クライアントからProvisioning Fileと証明書を預かってEnterprise版で書き出そうとしたときの話です。
Xcode6だとOrganizer-Archivesから、自分のAppIDがそのEnterprise Programに加入していない場合は、保存できないみたいです、、。チームの一員として登録されてないとダメ！みたいな。

でもこれまでは、そうじゃなくてもできてたし、、。というわけでググったところやり方がアップされていました。
Thank you.

>> Using xcodebuild To Export a .ipa From an Archive

>> Xcode 6 enterprise distribution not working

というわけで、シェルスクリプトを作り、.xcodeprojと同じ階層に置いて実行しました。

enterprise_release.sh

#!/bin/sh 

#settings --------------------
projectname="YourProjectName"
schemename="YourSchemeName"
provisioning="ProvisiongName"
#------------------------------

xcodebuild clean \
	-project $projectname.xcodeproj \
	-configuration Release \
	-alltargets

xcodebuild archive \
	-project $projectname.xcodeproj \
	-scheme $schemename \
	-archivePath $projectname.xcarchive

xcodebuild -exportArchive \
	-archivePath $projectname.xcarchive \
	-exportPath $projectname \
	-exportFormat ipa \
    -exportProvisioningProfile ${provisioning}

rm -r $projectname.xcarchive
rm -r build

この投稿の続きを読む »

Pocket

カテゴリー: blog, iOS, プログラミング