文章の先頭や末尾にアイコン画像をつけるってやつをSwiftで比較的簡単にやってみる

2017-05-16

Webサイトなどではよく文章の先頭にアイコン画像をつけることでリンク先や文章内容を類推しやすくして読ませるってことをよくやってますね。
Yahoo! JAPANのトップページでも左カラムに各サービスへのリンクエリアを設けて先頭へ各サービスのアイコン画像を配置したりトピックなどでも末尾にカメラアイコンやNEW、またビデオ再生のアイコン画像を配置してリンク先のコンテンツには写真があるよとかビデオがあるよなどを類推しやすくしていますね。

thee.jsってReact風（react-three-rendererで）に書くと簡潔に書けるのかもしれない。

2017-05-15

Reactをいろいろ触って試しているとThree.jsのオブジェクトをReact風（ライク）のコンポーネントとして書けるよっていうのがあって試してみました。結論からいうと元のThree.jsの記述よりも長くなってあまり簡潔には書けませんでした。。。ただしThree.js単体での記述よりも構造的で理解しやすいかなと思います。

Reactの学び方（2017年ゴールデンウィーク）、Reactってけっきょく何なのか？

2017-05-01

最初に

ちょっと時間に余裕が出てきたのでReactの知識をアップデートするかってことで学び直してます。
以前やった学んだ時はReactを実践投入することはなかったので今回は実践で投入してサービスとして使えるところまで持っていこうと思ってます。

Storyboardを使用しないでアプリを準備する（Swift3）。

2017-02-24

Storyboardを使用しないSwiftでアプリを準備する。

以前書いた記事からiOS 10 SDKになってアップデートしないといけないところとなります。
SDKの10からAppDelegate.swiftでの記述が変わったようですね（Swiftだけの記述になってますがObjective-cでも変わっているはず）。
Storyboardを使わないでViewControllerを呼び出す場合、変更されたapplicationメソッドを使えばまぁいけるわけです。
引数launchOptionsの記述方法が変わったんですね。

webpackでejsを使い、共通要素をインクルードして効率的にやりたいよね。

2017-02-10

数ページのサイトとはいえテンプレ化はしたい、includeを使うと共通要素を外部ファイル化できて効率いいよね。

サンプルとしてファイルは以下におてます。
https://github.com/shigekitakeguchi/yarn-webpack-ejs

ちょっとした、例えばブランドサイトとかキャンペーンサイト、小規模な企業や組織、お店のサイトというと構成によっては1ページってこともあるけど数ページから20ページくらいの規模になると思う。
いやいやもっとあるよってことになるかもしれないけど今回紹介しようと思うやり方は数ページから20ページくらいの規模のものが便利なんじゃないかな。
それ以上のサイトになるともうちょっと本格的な静的サイトジェネレーターとかを検討したほうが良いと思う。

npmがわりとゆるふわ過ぎたのでYarnに移行するか検討するためにいろいろやってみた

2017-02-05

https://yarnpkg.com/

Facebookが作ったというnpmとの互換パッケージマネージャ

Node.js系のパッケージマネージャーといえばnpmです。いろいろありますがかなり便利なのでずっと使ってました。
ただnpmで管理していたパッケージの機能がローカルでは動くけど、どうも本番で動いてないんじゃない？的なことがあって
どうやらそのパッケージのバージョンの違いで動いてない的なことが起こっているんじゃないか疑惑があってnpmってそういえば、
バージョンとかけっこうゆるふわというか多少のバージョンの違いとか気にしなくていいってところがいいんだけど、それって何かあったときにやば過ぎじゃないの？って気になった。
今まで遭遇しなかっただけでバージョンの違いでこんなやらかしがあるのか。。。
じゃあ対策ないの？どうしようかってことでYarnを検討してます。

webpack+spritesmithでページの高速化、複数のスプライト画像とRetina対応について

2017-01-31

webpack-spritesmithで複数のスプライト画像を作るってどうやるのか今ひとつわからなくてやってみたやり方の紹介。
やってみたら単純なことですね。SpritesmithPluginをnewしてpluginに複数設定してやればいい。

webpack+spritesmithでページの高速化

2017-01-30

ページの表示を高速化しようとしたら手法はいろいろあるけどフロントエンドエンジニアができることのひとつに画像のスプライト化ってのがある。
たくさんの画像ファイルをサーバーへリクエストして表示ってのをやるとサーバーの負荷になる。負荷になると応答が遅くなる。こういうことからリクエスト数を減らせば表示の高速化が見込まれたりするので少しでも快適にページを観てもらおうと思えばやったほうがいい。

iPhone 7 Plusのケースで迷った件。

2017-01-27

iPhoneのケースにこだわることもそこまでなくて透明のシンプルなものか黒、前回のiPhone 6sはアップルの純正の皮のを使ってた。
iPhone 7 Plusにして5.5インチの画面がやっぱり大きいというのもあったのでこれで映画を観る機会も増えるかなー、そしたら手帳型の方だったら自律して立つよなーとか思ってた。

iPhone 7 Plus 128GB ジェットブラックの入手顛末と3ヶ月ほどの使用感。

2017-01-22

予約完了時刻は『2016/09/09 16:02:43』と書いたけどauオンラインショップから「本申し込みのご案内」がきたのが10月5日で入手できたのが予約から１ヶ月たった10月8日。 iPhone3Gから毎年機種変更を繰り返して、この端末で9台目。いやはや、こんなにも端末を替えていくことになるとは当時はまったく想像していなかったな。