エンジニア入門(現場の声?!超主観!!) 〜プログラムって?〜

エンジニアになりたい?!

プログラマになりたい、エンジニアになりたいという方がいたのですが、

何から始めたらいいか聞かれても、うまく答えることができませんでした。

プログラムぐらい誰でもできるよといつも言っている私ですので、

嘘にしないために、超初心者向けの記事を書いていきます。

 

プログラムとは

Wikiには、コンピュータに対する命令(処理)を記述したものである。と書かれてます。その通りですね。わかる人にはこれでわかります。。。。

 

当たり前ですが、洗濯機でもプログラムが動いています。

どのようなプログラムが書かれているでしょうか?

 

例えば、洗濯コースをスタートした場合、こんな感じです。

  1. 水を入れる
  2. 洗濯槽を回す
  3. 水を入れ替える
  4. 柔軟剤を入れる
  5. 洗濯槽を回す
  6. 水を抜く
  7. 洗濯槽を回す

 

確かに命令(処理)が並んでいますね。実に簡単!実際この程度のものです。

ここで、あれ?処理足りなくない?と思った方は素晴らしい。

すぐエンジニアを目指して転職しましょう。

 

足りない処理はたくさんありますが、例えば以下のようなものですね

  • ⑦の後に終わったことを知らせるため、音をならす
  • ②の前に蓋が開いていた場合、音を鳴らして、洗濯槽を回さない

 

プログラムのイメージつきましたか?質問お待ちしてます。

 

プログラムって何がすごいの?

メリットは「自動化することができること」です。

昔の洗濯機は二つ入れるところがあって、洗いと脱水のタイミングで、

人間が入れ替える必要がありました。

今は、最初に衣類と洗剤を入れたら、あとはおまかせ、素晴らしいですね。

 

MonacaでSettings bundleを使う方法

今回はMonaca (Cordova、ハイブリッドアプリ)についてです。

 

そもそも、Settings bundleってなに?

iOSの設定画面にライセンス表示や、設定項目を表示する時に使われる設定ファイルのことです。このファイルをリソースに追加すると、自動でiOSの設定画面に読み込んでくれます。便利ですね。詳しくは以下のリンクをどうぞ。

 

Milanista の解説書: [iOS] アプリの設定に Settings Bundle を使ってみる(Abnormal)

ライセンス表記の自動作成

 

Settings bundleを取り込む方法

取り込むにはプラグインを使います。

Monacaの標準プラグインですので、簡単に取り込めます。

Cordovaの方もgit hubで公開されているので、普通に使えるからご安心ください!

 

Custom Config プラグイン | Monaca Docs

GitHub - dpa99c/cordova-custom-config: Cordova/Phonegap plugin to update platform configuration files based on preferences and config-file data defined in config.xml

 

settings.bundleをwwwディレクトリの下に置いて、

config.xmlに以下を書き込むだけです。

注意点としては、必ずwwwディレクトリ以下に配置することです。

 

<custom-preference name="ios-xcodefunc" func="addResourceFile">
<arg type="String" value="www/settings.bundle" flag="path" />
</custom-preference>

 

これでビルドすれば、勝手に設定画面が表示されます。

 

おわり

 

Storyboardをあとから簡単に分ける方法

こんにちは!
大阪でITエンジニアをしているボボです。
初回はStoryboardの分け方を説明します。


Storyboardは画面遷移がわかりやすく、簡単に作れますが、
チームで開発するのがちょっと苦手ですよね。


チームで開発する場合に、私は以下の流れで進めることをオススメしてます!
  • Storyboardで画面遷移を一通り作成する
  • Storyboardを分割する

よく紹介されている、先に分ける方法は、Storyboardの良さがないですよね。
さらにこの方法はノンプログラミングなので、安心です。
 

ではここからやり方です

分けたい画面をストーリーボード上で選択した状態で、Editor > Refactor Storyboardを選ぶ

f:id:crazybobo:20180603001202p:plain

 

 

新しく作るストーリーボードの名前と追加場所を設定する

f:id:crazybobo:20180603001150p:plain

 

 

セーブを押すと、完成です、こんな感じで簡単にStoryboardを分けることができました。

f:id:crazybobo:20180603001213p:plain

 

最後まで、読んでくれて、ありがとう!