ハイブリッドアプリ

ハイブリッドアプリとは?

Cordovaをベースにしたフレームワークやプラットフォーム
Adobe PhoneGap(Cordovaと大体同じものという認識で問題ないらしい)
Ionic(UIフレームワーク)
Onsen UI(UIフレームワーク)
Monaca(開発プラットフォーム)

おすすめ開発環境とフレームワーク比較

ハイブリッドアプリ開発環境3選

ハイブリッドアプリを作るのに使いたいUIフレームワーク10選

Onsen UI ← Monaca なら
Ionic
AnglarJS
VueJS

 

Cordovaの準備

Node.js
JDK
Android Studio
SDK
Cordova

開発環境の構築

 

Cordovaでのビルド

作業ディレクトリにいるものとする

①ビルドします。
cordova build –release
cordova build android –release

// ディレクトリ移動
cd ./platforms/android/app/build/outputs/apk/release/

②署名ファイル作成

鍵ファイル名を「.keystore」とした場合

keytool -genkey -v -keystore .keystore -alias test -keyalg RSA -keysize 2048 -validity 10000

ここでパスワード入力

// 署名を検証しておく
keytool -list -v -keystore .keystore

③APKファイルに署名

APKファイル名を「app-release-unsigned.apk」とした場合
エイリアス名を「AAA」とした場合

jarsigner -verbose -keystore .keystore ./app-release-unsigned.apk AAA -tsa http://timestamp.digicert.com -sigalg SHA1withRSA -digestalg SHA1

④APKファイルの最適化
最適化後のファイル名を「app-opt-release-unsigned.apk」とした場合

zipalign -v 4 app-release-unsigned.apk app-opt-release-unsigned.apk

書きました

[卒制のヒント] No Sign City

時事ネタ

新型MBP
MacBook Pro 2018年モデルが登場! 第8世代Intel Coreプロセッサ、最大32GB RAM、キーボードも静かに

 

ファーストサーバ

2018年
ファーストサーバのホスティングサービス「Zenlogic」で6月19日より障害、未だ復旧せず
7/6(金)の19時53分に、契約中の利用者に対して「全サービス停止」の案内メール。
20時00分に全サービス停止。
最長7/9(月)8時00分までのはずが、10:30まで停止していた。
停止していたファーストサーバの「Zenlogic」再開 4日ぶり

  • 週末金曜の、営業時間終了後に狙い撃っての緊急メンテナンスダウン。
  • しかも停止のわずか7分前のメール告知という急すぎる案内。
  • データを人質にとって、移管も解約もさせないつもりだと大きな非難が起こった。
  • 最長3日間という異常に長いダウン時間予告。
  • しかも実際の再開はそれを超過してしまった。
  • エレコムをはじめ多数の企業・官公庁に影響。
  • 週末なので通販サイトの売上に大きく影響したと予想される。
  • 問い合わせ受付は平日のみという対応。

2012年
レンタルサーバー「ファーストサーバ」で大規模な障害が発生
2012年6月20日17時30分頃、悪夢が始まった。
数日を経て、完全な復旧は不可能と判断された。結果、大規模なデータ消失と、その復元データの漏えいという日本のIT史に残る未曾有の惨事となった。
ファーストサーバ、大規模障害の最終報告書を受領・公開

ファーストサーバ障害、深刻化する大規模「データ消失」
前代未聞のデータ消失事故の真実を追う あのとき、ファーストサーバになにが起こったか?

 

サーバー稼働率99.9%は高い数字なの?

 

著作権とさまざまな「ライセンス」について

前回WordPressについて実習を行いました。

WordPressのテーマ改変(テーマのカスタマイズ)は、おそらくみなさんが初めて経験する、オープンソース・ソフトウェア(OSS)のライセンスに基づく制作・開発行為でしょう。
オープンソース活動の第一歩とも言えます。

オープンソースとは

オープンソースとは? – ferret ものすごく簡単に説明

「オープンソースとは何なのか?」をレゴでわかりやすく説明したムービー – Gigazine

オープンソースソフトウェア : Wikipedia

オープンソース : Wikipedia ちょっと難しいのでわからないと思う

オープンソース活動

OSS活動にコミットしてエンジニアとしての世界を広げよう

意外ととっつきやすいOSS開発参加方法まとめ

さまざまなライセンス

まず、概念を整理しましょう
・著作権 = コピーライト / コピーレフト → GPL
・オープンソース / OSS(オープンソースソフトウェア)
・「フリー」 / フリーソフト / フリーミアム

さまざまなライセンス:著作権と「フリー」「オープン」

 

WordPress補遺

前回までで、WordPressの基本〜テーマカスタマイズ方針までを実習してきました。
さらにここでは、実践的な内容をハンズオンで紹介していきたいと思います。

まず、ご紹介しそこねたデータから。

実習

 

404とかRFCとか

HTTPステータスコード

HTTPステータスコードのRFC
HTTPステータス・コードとメソッド

RFCの一覧
Request for Comments

例えば、メールアドレスの形式はRFC 5321とRFC 5322で定められている
https://ja.wikipedia.org/wiki/%E3%83%A1%E3%83%BC%E3%83%AB%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9

ドコモがメールアドレスの仕様を変更 RFC準拠に (2009)
RFC違反の携帯メールアドレスはすぐに変更すべき

 

コンセプト

看板のない世界

参考 1

マツコの知らない世界「巨大看板の世界」(2017年8月29日・TBS)から

参考 2

造形大グラフィックデザインの高田准教授のツイートから


アプローチ

  • 写真をPhotoshopで加工する
    大きさが重要
    自分で撮った写真でなくてもよいと思う
    →東京都などのオフィシャルな写真をイジる
  • 3Dで表現
    人間視点で定位置からゆっくり回転して周囲を眺めるようなプログラム
    自動回転、またはコントローラ操作
    ある程度広域に作りこんで、オープンワールド風にしてみる

 

渋谷の写真

 

オープンワールド的な東京の風景の例

 

架空の都市のイメージ

 

バリエーション

巨大化した猫が、街で自由気ままに過ごす様子
もし街から○○がなくなったら?
もし街が○○だらけなら?

意義(後付でよい)

教科書的な説明
– メディアのあり方を問う
– 現代の生活のあり方、社会を問う
– 不可視のもの、考えの及びにくい事柄を見える化する、ビジュアルでプレゼンテーションする
– デザインで問題を解決する思考実験
– 美術と工学(デザインとテクノロジー)が交わる地点、新しい地平

プログラミングとは何か?

書籍の紹介をする前に、Kindle Unlimitedを紹介しておきます。

Amazon Kindle、特にKindle Unlimitedによるスタディのススメ

社会人になると、お金は増えますが時間がなくなります。
逆に学生であるみなさんは、自由になる時間はまだたくさんありますが、お金はあまりないでしょう。

そんなみなさんに、電子書籍の月額読み放題サービスはぴったりです。
ウェブや情報システムに関する技術書もたくさんあります。

 

プログラミングとは何か?

まず「ソフトウェア開発の名著を読む」(第一版・2006、第二版・2009)で紹介されている8冊をリストアップしました。

 


プログラミングの心理学
時の試練に耐えた名著。人間系。
コンサルタントであり心理学者・人類学者でもあるワインバーグの著作はすべてソフトウェア開発の名著とされている。

 

人月の神話
時の試練に耐えた名著。人間系。
「ブルックスの法則」で知られる著者のエッセイ集。
-第2章 人月の神話
-第16章 銀の弾などない
-第19章 『人月の神話』から20年を経て

 

ピープルウエア
-時の試練に耐えた名著。人間系。
いかにチームを形成し、モチベーションを維持し、顧客満足をえるか?
開発プロジェクトで最も大切なのは技術よりも「人間」だ、という事を、一人一人の人格の尊重、頭を使う人間にふさわしいオフィス、人材の選び方・育て方、結束したチームがもたらす大きな効果、楽しく仕事をやろうといった点から述べる。

 

デッドライン
-小説風。人間系。

 

ソフトウェア職人気質
-態度、基本スタンス
工学としてではなく職人気質として原点回帰せよ

 

達人プログラマー
-態度、基本スタンス
-割れ窓理論、DRY原則
実践的な理論を網羅

 

コードコンプリート
-読みやすいコートの大切さ
プログラミングでの命名規則、保守しやすいコードの書き方、コンストラクションの教科書・ガイドライン・百科事典。

 

プログラミング作法
-読みやすいコードの大切さ
コーディングスタイル、インタフェース、テスト手法の「スジ」が説明されている。
C、C++ベースだが、言語にかかわらず役立つ内容。

 

ハッカー


ハッカーと画家 コンピュータ時代の創造者たち

 

それがぼくには楽しかったから 全世界を巻き込んだリナックス革命の真実
Linuxを作った、リーナス・トーバルズの伝記。
技術がわからない人にも読みやすく、ハッカー文化を外側から理解できる。

 

解析魔法少女美咲ちゃん マジカル・オープン!
クラッキングの手口・原理を知ることができる実践的な入門書。
題名や表紙とは裏腹に、内容は硬派そのもの。
実行ファイルのデバッガ解析やアセンブラ操作など。
 

オブジェクト指向

オブジェクト指向でなぜつくるのか

 

Java言語で学ぶリファクタリング入門

 

ゲーム開発

CocosCreatorではじめるゲーム制作

 

ゲーム開発のための数学・物理学入門

 

ゲームプログラマになる前に覚えておきたい技術

 

フォント

B_x0ukgU0AA6nhFfontbook2

和文書体21社・1768種を実際の商用利用例とともに紹介した珍しい本が先日出ました。
持っておくといいと勉強になると思います!

ろごたいぷっ! マンガ・アニメ・ラノベのロゴを徹底研究する本
こちらも、2015年に出版されたフォント本。
フォント愛好家向けに同人誌として出版されていたもののまとめです。


HTML5&CSS3辞典 第2版
定番シリーズ。15年前、入江も森岡教授に読まされました(・ω・)
HTML/CSSにちょっとまだ自信がないと思う人は、騙されたと思って買っておきましょう。


JavaScriptリファレンス 第6版
オライリー(O’Reilly)の書籍は、プロ御用達です。初心者向けではありません。jQueryの本でもありません。「JavaScriptを使いこなしたい」と思うようになったら。


ハルロック(1)
プログラミング・電子工作・MAKEで、好きが高じて起業していく女の子の物語。
私見ですが、この漫画の主人公・ハルちゃんのような人物を育成することが造形大メディアデザインのひとつの理想のように思います。

ところで、jQueryの本は?
jQueryについての本はたくさん出ています。
講師・入江は、jQueryはすべてネットで調べてきたのでどれが良いとは言えませんが、おそらくどの本を買ってもみなさんの役に立つと思います。
自分が知りたいのは、基礎からなのか、さらに使いこなしたいのか、プラグインを知りたいのか、実践的なテクニックが知りたいのか?
30分ほど時間を作って、なるべく大きな本屋の本棚の前で自分に合うものを探してみて下さい。