-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit dff815c
Showing
84 changed files
with
2,595 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <link rel="icon" href="./favicon.ico" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
|
|
||
| <link href="./app/immutable/assets/0.BecTUo7V.css" rel="stylesheet"> | ||
| <link href="./app/immutable/assets/Tags.DVo-puxP.css" rel="stylesheet"> | ||
| <link rel="modulepreload" href="./app/immutable/entry/start.DAseQ9OK.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/entry.94AVvOig.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/scheduler.SaJntLoD.js"> | ||
| <link rel="modulepreload" href="./app/immutable/entry/app.CVpcdo2f.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/preload-helper.BQ24v_F8.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/index.BHoD4tyo.js"> | ||
| <link rel="modulepreload" href="./app/immutable/nodes/0.Dgm9d_w8.js"> | ||
| <link rel="modulepreload" href="./app/immutable/nodes/3.ykWsTitD.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/Tags.DSa1-xYh.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/each.D6YF6ztN.js"><title>About Starting the Blog - Hendriks Blog</title><!-- HEAD_svelte-ui3zac_START --><!-- HEAD_svelte-ui3zac_END --> | ||
| </head> | ||
| <body data-sveltekit-preload-data="hover"> | ||
| <div style="display: contents;"> <header class="centered-container svelte-1wagvu8"><div class="background svelte-1wagvu8"></div> <a href="/" class="svelte-1wagvu8"><div class="logo-container svelte-1wagvu8"><h1 class="svelte-1wagvu8"><span>Hendriks Blog</span></h1> <div class="icon svelte-1wagvu8" data-svelte-h="svelte-eh3r93"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><mask id="lineMdCloudTagsLoop0"><g fill="#fff"><circle cx="12" cy="10" r="6"><animate attributeName="cx" dur="25s" repeatCount="indefinite" values="12;13;12"></animate></circle><rect width="9" height="7" x="8" y="13"></rect><rect width="15" height="12" x="1" y="8" rx="6"><animate attributeName="x" dur="15s" repeatCount="indefinite" values="1;0;1;2;1"></animate></rect><rect width="13" height="10" x="10" y="10" rx="5"><animate attributeName="x" dur="15s" repeatCount="indefinite" values="10;11;10;9;10"></animate></rect></g><path d="M6 10H8V14H12V16H6V10Z" transform="rotate(45 9 13)"><animateMotion calcMode="linear" dur="6s" keyPoints="0;0.25;0.5;0.75;1" keyTimes="0;0.1;0.5;0.8;1" path="M0 0h-1h2z" repeatCount="indefinite"></animateMotion></path><path d="M12 10H14V14H18V16H12V10Z" transform="rotate(225 15 13)"><animateMotion calcMode="linear" dur="6s" keyPoints="0;0.25;0.5;0.75;1" keyTimes="0;0.1;0.5;0.8;1" path="M0 0h1h-2z" repeatCount="indefinite"></animateMotion></path></mask><rect width="24" height="24" fill="currentColor" mask="url(#lineMdCloudTagsLoop0)"></rect></svg></div></div></a> <nav class="svelte-1wagvu8" data-svelte-h="svelte-1k0w03v"><ul class="svelte-1wagvu8"><li><a href="/about" class="svelte-1wagvu8">About</a></li></ul></nav> </header> <main class="centered-container"> <article><h1>About Starting the Blog</h1> <p>2015-09-24</p> <div class="tag-container svelte-1mqj824"><a href="/tags/jekyll" class="tag-item svelte-1mqj824">jekyll </a><a href="/tags/blog" class="tag-item svelte-1mqj824">blog </a><a href="/tags/ruby" class="tag-item svelte-1mqj824">ruby </a> </div> <hr> <br> <h3 data-svelte-h="svelte-ovad3o">Motivation</h3> <p data-svelte-h="svelte-xrp7rf">This is about putting my daily experiences and code snippets in a centralized space and at the same time trying out a github hosted blog with <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a>.</p> <h3 data-svelte-h="svelte-1mzfu0c">How-To</h3> <p data-svelte-h="svelte-1vrdoh2">Hosting a blog this way is easy:</p> <ul data-svelte-h="svelte-1w3ljb5"><li>Create a github repo with your account name in the form of <code>username.github.io</code></li> <li>Install <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a></li></ul> <pre class="language-bash"><!-- HTML_TAG_START --><code class="language-bash">gem <span class="token function">install</span> jekyll | ||
| jekyll new SITENAME | ||
| <span class="token builtin class-name">cd</span> SITENAME | ||
| jekyll server</code><!-- HTML_TAG_END --></pre> <ul data-svelte-h="svelte-1kcxlua"><li>Edit the <code>_config.yml</code> to suit your needs</li> <li>Upload your site to github</li></ul> <pre class="language-bash"><!-- HTML_TAG_START --><code class="language-bash"><span class="token function">git</span> init | ||
| <span class="token function">git</span> <span class="token function">add</span> <span class="token builtin class-name">.</span> | ||
| <span class="token function">git</span> commit <span class="token parameter variable">-am</span> <span class="token string">"init"</span> | ||
| <span class="token function">git</span> remote <span class="token function">add</span> origin https://github.com/USERNAME/REPOSITORY.git | ||
| <span class="token function">git</span> push <span class="token parameter variable">-u</span> origin master</code><!-- HTML_TAG_END --></pre> <ul data-svelte-h="svelte-g3wpjn"><li>Github automagically builds jekyll blogs when you push to your repos master branch.</li> <li>You’re done. So make some more posts</li></ul> <p data-svelte-h="svelte-18ayjgq">Check out the <a href="http://jekyllrb.com" rel="nofollow">Jekyll docs</a> for more info on how to get the most out of Jekyll.</p> <br></article></main> <hr class="svelte-13f7eqw"> <footer class="centered-container svelte-13f7eqw"><div data-svelte-h="svelte-w0g9hy">Notes on working as a Systems Developer</div> <div class="links svelte-13f7eqw"> <a href="mailto:[email protected]" class="svelte-13f7eqw"><span data-svelte-h="svelte-c97cey"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><rect width="18" height="14" x="3" y="5" stroke-dasharray="64" stroke-dashoffset="64" rx="1"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0"></animate></rect><path stroke-dasharray="24" stroke-dashoffset="24" d="M3 6.5L12 12L21 6.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.4s" values="24;0"></animate></path></g></svg></span></a> <a href="https://github.com/321hendrik" class="svelte-13f7eqw" data-svelte-h="svelte-7yljxv"><span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="30" stroke-dashoffset="30" d="M12 4C13.6683 4 14.6122 4.39991 15 4.5C15.5255 4.07463 16.9375 3 18.5 3C18.8438 4 18.7863 5.21921 18.5 6C19.25 7 19.5 8 19.5 9.5C19.5 11.6875 19.017 13.0822 18 14C16.983 14.9178 15.8887 15.3749 14.5 15.5C15.1506 16.038 15 17.3743 15 18C15 18.7256 15 21 15 21M12 4C10.3317 4 9.38784 4.39991 9 4.5C8.47455 4.07463 7.0625 3 5.5 3C5.15625 4 5.21371 5.21921 5.5 6C4.75 7 4.5 8 4.5 9.5C4.5 11.6875 4.98301 13.0822 6 14C7.01699 14.9178 8.1113 15.3749 9.5 15.5C8.84944 16.038 9 17.3743 9 18C9 18.7256 9 21 9 21"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="30;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M9 19C7.59375 19 6.15625 18.4375 5.3125 17.8125C4.46875 17.1875 4.21875 16.1562 3 15.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.2s" values="10;0"></animate></path></g></svg></span></a> <a href="https://soundcloud.com/soundbokeh" class="svelte-13f7eqw" data-svelte-h="svelte-1phof0n"><span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="36" stroke-dashoffset="36" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 6L18 12L8 18z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="36;0"></animate></path></svg></span></a></div> </footer> | ||
|
|
||
| <script> | ||
| { | ||
| __sveltekit_1wfsolu = { | ||
| base: new URL(".", location).pathname.slice(0, -1) | ||
| }; | ||
|
|
||
| const element = document.currentScript.parentElement; | ||
|
|
||
| const data = [null,null]; | ||
|
|
||
| Promise.all([ | ||
| import("./app/immutable/entry/start.DAseQ9OK.js"), | ||
| import("./app/immutable/entry/app.CVpcdo2f.js") | ||
| ]).then(([kit, app]) => { | ||
| kit.start(app, element, { | ||
| node_ids: [0, 3], | ||
| data, | ||
| form: null, | ||
| error: null | ||
| }); | ||
| }); | ||
| } | ||
| </script> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <link rel="icon" href="./favicon.ico" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
|
|
||
| <link href="./app/immutable/assets/0.BecTUo7V.css" rel="stylesheet"> | ||
| <link href="./app/immutable/assets/Tags.DVo-puxP.css" rel="stylesheet"> | ||
| <link rel="modulepreload" href="./app/immutable/entry/start.DAseQ9OK.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/entry.94AVvOig.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/scheduler.SaJntLoD.js"> | ||
| <link rel="modulepreload" href="./app/immutable/entry/app.CVpcdo2f.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/preload-helper.BQ24v_F8.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/index.BHoD4tyo.js"> | ||
| <link rel="modulepreload" href="./app/immutable/nodes/0.Dgm9d_w8.js"> | ||
| <link rel="modulepreload" href="./app/immutable/nodes/3.ykWsTitD.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/Tags.DSa1-xYh.js"> | ||
| <link rel="modulepreload" href="./app/immutable/chunks/each.D6YF6ztN.js"><title>Rapid App Development with TiShadow and TiNy CLI - Hendriks Blog</title><!-- HEAD_svelte-ui3zac_START --><!-- HEAD_svelte-ui3zac_END --> | ||
| </head> | ||
| <body data-sveltekit-preload-data="hover"> | ||
| <div style="display: contents;"> <header class="centered-container svelte-1wagvu8"><div class="background svelte-1wagvu8"></div> <a href="/" class="svelte-1wagvu8"><div class="logo-container svelte-1wagvu8"><h1 class="svelte-1wagvu8"><span>Hendriks Blog</span></h1> <div class="icon svelte-1wagvu8" data-svelte-h="svelte-eh3r93"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><mask id="lineMdCloudTagsLoop0"><g fill="#fff"><circle cx="12" cy="10" r="6"><animate attributeName="cx" dur="25s" repeatCount="indefinite" values="12;13;12"></animate></circle><rect width="9" height="7" x="8" y="13"></rect><rect width="15" height="12" x="1" y="8" rx="6"><animate attributeName="x" dur="15s" repeatCount="indefinite" values="1;0;1;2;1"></animate></rect><rect width="13" height="10" x="10" y="10" rx="5"><animate attributeName="x" dur="15s" repeatCount="indefinite" values="10;11;10;9;10"></animate></rect></g><path d="M6 10H8V14H12V16H6V10Z" transform="rotate(45 9 13)"><animateMotion calcMode="linear" dur="6s" keyPoints="0;0.25;0.5;0.75;1" keyTimes="0;0.1;0.5;0.8;1" path="M0 0h-1h2z" repeatCount="indefinite"></animateMotion></path><path d="M12 10H14V14H18V16H12V10Z" transform="rotate(225 15 13)"><animateMotion calcMode="linear" dur="6s" keyPoints="0;0.25;0.5;0.75;1" keyTimes="0;0.1;0.5;0.8;1" path="M0 0h1h-2z" repeatCount="indefinite"></animateMotion></path></mask><rect width="24" height="24" fill="currentColor" mask="url(#lineMdCloudTagsLoop0)"></rect></svg></div></div></a> <nav class="svelte-1wagvu8" data-svelte-h="svelte-1k0w03v"><ul class="svelte-1wagvu8"><li><a href="/about" class="svelte-1wagvu8">About</a></li></ul></nav> </header> <main class="centered-container"> <article><h1>Rapid App Development with TiShadow and TiNy CLI</h1> <p>2015-10-15</p> <div class="tag-container svelte-1mqj824"><a href="/tags/appcelerator" class="tag-item svelte-1mqj824">appcelerator </a><a href="/tags/titanium" class="tag-item svelte-1mqj824">titanium </a><a href="/tags/tishadow" class="tag-item svelte-1mqj824">tishadow </a><a href="/tags/node" class="tag-item svelte-1mqj824">node </a><a href="/tags/npm" class="tag-item svelte-1mqj824">npm </a><a href="/tags/appc" class="tag-item svelte-1mqj824">appc </a><a href="/tags/android" class="tag-item svelte-1mqj824">android </a><a href="/tags/ios" class="tag-item svelte-1mqj824">ios </a><a href="/tags/fast" class="tag-item svelte-1mqj824">fast </a><a href="/tags/development" class="tag-item svelte-1mqj824">development </a><a href="/tags/tiny" class="tag-item svelte-1mqj824">tiny </a> </div> <hr> <br> <h3 data-svelte-h="svelte-1bblhse">Synopsis</h3> <p data-svelte-h="svelte-1dcawz5">Looking for a fast way to develop mobile apps with <a href="https://github.com/appcelerator/titanium" rel="nofollow">Appcelerator’s Titanium Framework</a>, I came across two CLI tools which give you live reload on any number of Android and iOS devices and simulators by using a few short commands. There are two ways to get there, but first we need to get those tools installed.</p> <h3 data-svelte-h="svelte-1jwiwlz">Tools</h3> <p data-svelte-h="svelte-su2s5w"><a href="https://github.com/FokkeZB/tn" rel="nofollow">TiNy CLI</a> by Fokke Zandbergen saves you keystrokes when using the titanium CLI. | ||
| (Ad-hoc IPA Build: <code>tn ah</code> —> <code>ti build --platform ios --target dist-adhoc</code>) | ||
| Install with <code>npm install -g tn</code></p> <p data-svelte-h="svelte-10r1m2b"><a href="http://tishadow.yydigital.com/" rel="nofollow">TiShadow</a> by David Bankier is a complete toolset for rapid app development and testing. | ||
| It consists of a Server and an App-Wrapper. You wrap your app with <a href="http://tishadow.yydigital.com/" rel="nofollow">TiShadow</a> and install and launch it on your test devices and/or simulators. Then you start up the server, which will send changed files zipped to the App via Websockets. This process takes seconds and can be triggered by file save or command. | ||
| Install with <code>npm install -g tishadow</code></p> <h3 data-svelte-h="svelte-1tpdab6">Generate TiNy Recipes</h3> <p data-svelte-h="svelte-qqxc9n">Let TiNy generate shortcuts (“recipes”) for all your simulators and connected devices: | ||
| <code>tn generate</code> | ||
| You can list these later on with: | ||
| <code>tn list</code></p> <h3 data-svelte-h="svelte-pgsfjg">Develop on a single Device / Simulator</h3> <p data-svelte-h="svelte-ovgu9j">Just run <code>tn ipad-2 --shadow</code> from your app project’s root folder to launch the iPad 2 Simulator with live reload enabled. The app will be updated on every file save. You can replace “ipad-2” with any name from <code>tn list</code>.</p> <h3 data-svelte-h="svelte-73xucj">Develop on multiple Devices / Simulators</h3> <p data-svelte-h="svelte-11zv2bw">Here comes the real Magic. Want to see changes on all connected Devices and running Simulators? Here’s how:</p> <ul data-svelte-h="svelte-endjyu"><li>Create a shadow (appified) version of your app by running the needed commands from your project’s root:</li></ul> <pre class="language-bash"><!-- HTML_TAG_START --><code class="language-bash">For iOS: tn ah <span class="token parameter variable">--appify</span> | ||
| For Android: tn playstore <span class="token parameter variable">--appify</span> | ||
| For a specific device: tn DEVICE_NAME_FROM_TINY <span class="token parameter variable">--appify</span></code><!-- HTML_TAG_END --></pre> <ul data-svelte-h="svelte-1e8k638"><li>If you did not use the specific device install, copy and install the app to your device</li> <li>Start up the server with <code>tishadow server</code> (logs will be printed here)</li> <li>Initially push your code to all devices with <code>tishadow run</code></li> <li>You can then push just your changes with <code>tishadow run --update</code></li></ul> <p data-svelte-h="svelte-tv6wzc">Want to learn more and dive deeper into <a href="http://tishadow.yydigital.com/" rel="nofollow">TiShadow</a>? Check out the <a href="https://github.com/dbankier/TiShadow/blob/master/README.md" rel="nofollow">TiShadow README</a> for more info.</p> <h3 data-svelte-h="svelte-1831e1w">Attention</h3> <p data-svelte-h="svelte-yixdcq"><a href="http://tishadow.yydigital.com/" rel="nofollow">TiShadow</a> only works for changes in your projects Resources directory and i18n files. For changes elsewhere (e.g. tiapp.xml) you need to rebuild the shadow app with <code>--shadow</code> or <code>--appify</code> options.</p> <h3 data-svelte-h="svelte-t5lg6n">Running multiple iOS Simulators</h3> <p data-svelte-h="svelte-1puz24f">You can do this by using this command to launch as many as you need: | ||
| <code>open -n /Applications/Xcode.app/Contents/Developer/Applications/Simulator.app</code></p> <br></article></main> <hr class="svelte-13f7eqw"> <footer class="centered-container svelte-13f7eqw"><div data-svelte-h="svelte-w0g9hy">Notes on working as a Systems Developer</div> <div class="links svelte-13f7eqw"> <a href="mailto:[email protected]" class="svelte-13f7eqw"><span data-svelte-h="svelte-c97cey"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><rect width="18" height="14" x="3" y="5" stroke-dasharray="64" stroke-dashoffset="64" rx="1"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0"></animate></rect><path stroke-dasharray="24" stroke-dashoffset="24" d="M3 6.5L12 12L21 6.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.4s" values="24;0"></animate></path></g></svg></span></a> <a href="https://github.com/321hendrik" class="svelte-13f7eqw" data-svelte-h="svelte-7yljxv"><span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="30" stroke-dashoffset="30" d="M12 4C13.6683 4 14.6122 4.39991 15 4.5C15.5255 4.07463 16.9375 3 18.5 3C18.8438 4 18.7863 5.21921 18.5 6C19.25 7 19.5 8 19.5 9.5C19.5 11.6875 19.017 13.0822 18 14C16.983 14.9178 15.8887 15.3749 14.5 15.5C15.1506 16.038 15 17.3743 15 18C15 18.7256 15 21 15 21M12 4C10.3317 4 9.38784 4.39991 9 4.5C8.47455 4.07463 7.0625 3 5.5 3C5.15625 4 5.21371 5.21921 5.5 6C4.75 7 4.5 8 4.5 9.5C4.5 11.6875 4.98301 13.0822 6 14C7.01699 14.9178 8.1113 15.3749 9.5 15.5C8.84944 16.038 9 17.3743 9 18C9 18.7256 9 21 9 21"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="30;0"></animate></path><path stroke-dasharray="10" stroke-dashoffset="10" d="M9 19C7.59375 19 6.15625 18.4375 5.3125 17.8125C4.46875 17.1875 4.21875 16.1562 3 15.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.2s" values="10;0"></animate></path></g></svg></span></a> <a href="https://soundcloud.com/soundbokeh" class="svelte-13f7eqw" data-svelte-h="svelte-1phof0n"><span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="36" stroke-dashoffset="36" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 6L18 12L8 18z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="36;0"></animate></path></svg></span></a></div> </footer> | ||
|
|
||
| <script> | ||
| { | ||
| __sveltekit_1wfsolu = { | ||
| base: new URL(".", location).pathname.slice(0, -1) | ||
| }; | ||
|
|
||
| const element = document.currentScript.parentElement; | ||
|
|
||
| const data = [null,null]; | ||
|
|
||
| Promise.all([ | ||
| import("./app/immutable/entry/start.DAseQ9OK.js"), | ||
| import("./app/immutable/entry/app.CVpcdo2f.js") | ||
| ]).then(([kit, app]) => { | ||
| kit.start(app, element, { | ||
| node_ids: [0, 3], | ||
| data, | ||
| form: null, | ||
| error: null | ||
| }); | ||
| }); | ||
| } | ||
| </script> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.