ハイブリッドアプリ

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

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分ほど時間を作って、なるべく大きな本屋の本棚の前で自分に合うものを探してみて下さい。

時事ネタ

卒制のヒントになりそうな、メディアアート的なトピックを。

 

ロシア人がなぜニッポンコール? ハチマキ作戦、ぴたり
https://www.asahi.com/articles/ASL6T67FWL6TUHBI02Z.html
面白いアイデアですよね。

 

アイドル画像を自動生成するAI、京大発ベンチャーが開発
http://www.itmedia.co.jp/news/articles/1806/22/news137.html
大したことはやってないので、みなさんも少し勉強すればこのようなことはできると思います。
プレゼンテーションの仕方と、いかに応用がキク科をうまく説明することが鍵だと思います。

 

まとめサイト「保守速報」から広告バナーが完全消滅 広告主に問い合わせる“広告剥がし”の動きが加速か
http://nlab.itmedia.co.jp/nl/articles/1806/13/news150.html
まとめサイトの相互リンクファームの構造、テンプレートの種類やドメインの登録者名など、運営者の実態を徹底的にリサーチしてまとめることができれば、卒制以上の価値があると思いますし、マーケティング企業はあなたのことを絶対に必要とするでしょう。

 

ポケモンGO「2018年5月の売り上げ」がヤバすぎる! プレイヤー数は過去最高を記録
https://rocketnews24.com/2018/06/27/1083135/

EpicのFortniteは超超ビッグゲーム――4月に2億9600万ドル稼いだ
https://jp.techcrunch.com/2018/05/28/2018-05-25-fortnite-had-a-296-million-april/

 

Flutter、ベータを卒業してリリースプレビューへ。Dart言語によるiOS/Android対応アプリフレームワーク
https://www.publickey1.jp/blog/18/flutterdartiosandroid.html

 

プログラミング不要でAR開発、Unityが新機能
https://www.moguravr.com/project-mars-ar-unity/

 

WordCamp Tokyo 2018
https://2018.tokyo.wordcamp.org/
9月14日(金)
 コントリビューターDay(グループにわかれてCore貢献、Codex翻訳やテーマ・プラグインの翻訳などを行います。)
9月15日(土)
 セッションDay(WordPressに関する多岐にわたる話題のセッションを予定しています。)
会場
 ベルサール新宿グランド 5F コンファレンスセンター


では、PHPののこりです。

PHPとMySQL:データベースを利用したWebフォームを制作する

 

WordPress(1)基本設定とプラグイン

実践的なWordPressの話

時事ネタ

講師は、FIFA World Cup 2018 Russia 一辺倒の堕落した生活を送っていますが、みなさんはいかがでしょうか?
日本の初戦終盤のテレビ視聴率は、60%近くに上ったそうです。約7500万人ですから、やはりサッカー日本代表はすごいコンテンツです。


Instagramのストーリーズのスピンオフアプリ「IGTV」リリース

「くノ一水着」がクラウドファンディング


PHPとMySQL:データベースを利用したWebフォームを制作する

 

WordPress(1)基本設定とプラグイン

実践的なWordPressの話

時事ネタ

E3が終了しました。
E3 2018 – YouTube
なにか興味深いタイトルはありましたか?
講師は「Last of Us 2」に、これまで「MGS」や「CoD」などが追求してきた映画的演出の集大成を見た気がすると同時に、この先にはもう何もないのではないかという気がしました。


FIFA World Cup 2018 Russia が開催されました。
色彩
ロシアは比較的涼しそうですね。日差しもまだ強くなさそうですが、やはりこのあふれる色彩と熱気は宇宙でこの場だけにしかな特別なものですね。芝生は本当に美しくてロシアとは思えないですね。
建築
ロシア国内のスタジアムに関しては悪いニュースもありましたが、とても美しい建築ですね。
デザイン
特にフォントなどは、なかなか普段見かけない感じのものです。
見ると、ヨーロッパ的ではなく、オリエンタルなテイストが強いように感じます。

旧ソ連のプロパガンダの記憶のせいか、ドイツのバウハウス的なゴシック体、クールなデザインというイメージがありましたが、中東的な妖しさをもったデザイン感覚・色彩感覚の国なのかもしれませんね。


有料フォントの価格破壊!新しいFuturaがなんと3,100円ちょいでまるごと全部購入できる期間限定セールが開催中
Furura Roundを含む25万円分のフォントが約3,100円(6月26日12時まで)


また習慣とInstagramの話です。
“インスタ映えおじさん”岩井ジョニ男の写真が若い女子に支持されるワケによると、ここで紹介されているアカウントで投稿されている写真は1日で撮影された写真だそうです。
このような運営方法でもいいんですね。
たった1日だけつぶして、変な格好で場違いなところへ行く、いろんな場所に違和感のあるモノを設置してみる、違和感のあることをしてみる、パロディ・ジョークを撮影してみる、ということをやってみて、ウケるかどうかトライする。
たった一発ヒットするだけで人生が変わる可能性は大きい。
あるいは逆に考えると、イラストなら1日にたくさん書くのは難しいので、ひとつ描いて投稿してみて、反応を見て次を描く。
一日やりきる、というのが基本で、大変だから毎日の習慣に分ける、ということなのかもしれませんね。


プロラミングの勉強を始めるためにPCを買うなら3万円くらいの中古ノートパソコンがお薦め【初心者向け】
Windows10なら、CPIはCore i3以上、メモリ4GBは最低でもほしいところ。2万円台で美品が買えます。メモリは数千円で拡張できます。かんたんなのでチャレンジしてみるといいです。

Core i5やSSD搭載の12.5型モバイルノート「ThinkPad X230」が大量入荷、実売24,800円 – AKIBA PC Hotline!(2018/6/9)
※ちょうどこのモデルを、昨日18800円でメルカリで買いました!

ドン・キホーテ、1万9800円の2in1ノートPCを6月8日に発売 メインメモリ4GB・内蔵ストレージ32GB
こちらは新品。魅力的だが、実用に耐えずインテリアと化す可能性大?

 

おなじノートPCでも「軽量Linux」をインストールするとびっくりするぐらいサクサク動きます。10000円台でも十分なぐらいです。(ただし64bitマシンにすること!)
Linuxの勉強にもなりますし、CCやOffice以外のソフトは大抵インストールできるので実用的です。
講師のおすすめOSは
– Nature OS(Ubuntuベース)
– Basix Linux(Ubuntuベース)
– Elementary OS(Ubuntuベース)
– Pixel(Debianベース)
あたりです。
ダウンロードしたOSをUSBメモリに入れて、そこからHDDにインストールしたり、インストールせずにUSBライブ起動したりできます。
ちなみにLinuxに対応したSteamのゲームもたくさんあります。


 

では、先週の続き(残り)です!

Arduinoによるフィジカルコンピューティング

Table of contents

 

PHPとMySQL:データベースを利用したWebフォームを制作する

サーバーサイドプログラミングの解説と実習です。
使用するプログラミング言語は、Lightweight Languageとして有名な「PHP」です。
また、データベースとして「MySQL」を使用し、PHPからこれに接続します。

 

Branching Paths

本日の映像コーナーの拡大版です。
1コマ分の時間を割いて「Branching Paths」を上映します。

 

Branching Paths」2016(83分)
Branching Pathsは日本のインディーゲームに関わるデベロッパー、パブリッシャー、そしてそれに引き寄せられた多くの人々が織り成す世界を描くドキュメンタリー作品です。

2015-07-15 17.55.57

06/08 第08回 ArduinoによるIOT/センサープログラミング

 

講師の近況

・鍼治療はすばらしい

・某IPのゲームアプリ開発の仕事が来ました(未確定)

・「習慣とInstagram」で話したことを、講師自ら実践しました
https://www.instagram.com/p/BjrWgCGFUtJ/?taken-by=taichistereo

 

さて、WWDCが終わりましたね。

 

時事ネタ

WWDC 2018基調講演まとめ
http://www.itmedia.co.jp/news/articles/1806/05/news065.html


来週からワールドカップですね!
6/14(木)24:00〜 ※金曜の0:00

 

開催国の昼間に試合が行われるサッカーワールドカップは、いわば色彩の祭典です。
競技としては「将棋」の延長にあるもの、視覚要素としては「色のせめぎあい」として楽しむと違った見方ができると思いますよ。
70年代のフィルムの色彩感覚を見てほしいです。
 

Hulu – FIFAワールドカップ公式フィルム (70、74、78、82、86、90、94、98)
https://www.happyon.jp/fifa-world-cup-official-film


東洋経済の「.JSONという奇妙な拡張子」という記事
https://matomedane.jp/page/9227

平成30年度台東区デザイナー・クリエイター等定着支援事業
http://www.city.taito.lg.jp/index/kurashi/shigoto/jibasangyo/teicyakusien.html

McDonaldのTwitterを利用したプロモーション
https://twitter.com/Love_McD/status/1003533150260064257

海外メディアで描写されるアジア人女性の髪が「カラフルなメッシュ」という風潮
http://karapaia.com/archives/52260466.html

今の時代、ウェブページは一瞬で表示するべき! 画像の遅延読込に役立つamp-imgの使い方
https://ics.media/entry/18237

贅言消去のすすめ
http://nlab.itmedia.co.jp/nl/articles/1806/07/news117.html

「二度目の人生を異世界で」ラノベ出版停止、アニメ企画中止
https://www.sankei.com/life/news/180607/lif1806070021-n1.html
論点はさまざまあって、現時点でも議論は収まっていませんが、少なくともクリエイターの卵であるみなさんが今学ぶことがあるとしたら「クリエイターは注目を浴びる前に見をきれいにしておかなくてはならない」「本人が特定されうる状況下では、不用意な発言は避ける」「自分の親以外は地球人すべてが”お客さま”となりうる」といったことでしょうか。

 

こんな卒制どうでしょう? (コッソリ)

こんな卒制どうでしょう? アイデアのヒント

 

Arduinoによるフィジカルコンピューティング

Table of contents

習慣とInstagram
※Twitterは単なるガス抜きになってしまって、クリエイティブを阻害するかもしれないですよ

 

◆グラアビアアイドルやコスプレイヤーにとっての仕事
https://www.instagram.com/alice_mather
一人の「レイヤー」もここまでくれば、販売数、レタッチの規模を考えると、もはや「会社」ですね

◆ブランドとファンの絶え間ないエンゲージメント
https://www.instagram.com/arsenal
ゴールが入るたびに作り込まれた画像がアップされる
インフォグラフィックスなど
ビッグクラブはすべて同様の試みをしている

◆さまざまな試み
https://www.instagram.com/__remmidemmi
https://www.instagram.com/icarus.mid.air
https://www.instagram.com/tommylenk
https://www.instagram.com/enricones_hohoho_gamer
https://www.instagram.com/pantovisco
https://twitter.com/sattou0

 

習慣をもつこと、数字を持つこと、結果を出すこと
 ↓
自分ができるやつだということを証明すること
 ↓
もってうまれた「才能」どころか、「能力」さえも必要ないかもしれません。
やるかやらないかじゃないかな。

 

特に今は、正攻法なんて存在しない時代です。
フォロワー数を集めてしまえば、その数字は力です。
そのフォロワーはあなたのファンであり、味方であり、見込み客であり、売れ行きや反応を事前調査することができるあなたのシンクタンクなのです。
勉強してきたか、努力してきたかなんで関係なく、その数字があなたの能力を示しているのです。

50歳の国を憂う中年右翼であろうと、40歳の有名作家であろうと、30歳のサラリーマンであろうと、20歳の学生であろうと、スタートラインは同じです。
肩書や年齢、経験なんか関係なく、今すぐやれるかどうかです。

 

また、
何をすればいいかわからない、
もし何を勉強していいかわからないのなら、
「何を」するかはおいといて、
「する」スピード、もっと言えば「物事を実行に移すスピード」を磨くのです。

この能力は、何に取り組むのにも必ず役に立ちます。

余計な「やりたいこと」での食い違いがないぶん、社会や集団・組織において必要とされているのは実はこの能力に長けた人なのかもしれませんよ。

たとえば政治家には大きなビジョンを書くための主義主張が必要かもしれませんが、官僚はそのビジョンを現実に落とし込むための的確なスピードと実行力に長けているほうが、良い気がしませんか?

プロジェクトには企画の段階と制作・実行の段階が必ずありますよね。

 

「なりたい自分になる」 → 「やりたいことをやる」

 

実践
講師自ら実践してみました(2018/6/4〜)
https://www.instagram.com/p/BjrWgCGFUtJ/?taken-by=taichistereo