Uncategorized – Page 2 – studio zandra

Hurricane Lane a no-show, but nice 3-day weekend for coding!

With Hurricane Lane approaching, sitting around eating snacks, I fully intended to work on Python all weekend. So how did I end up coding a wireframe? After spending a day figuring out how to install Python on my paid hosting server, I began to feel that a Flask web app at this stage in my learning, was like swatting a fly with a tank. I just need a basic, simple project to get going and to start the portfolio ball rolling, so to speak.

So I started searching for how to build a web app. I came across Sketch, then realized it was only for Mac OS. Since I’m not buying a Mac just to run one program, I started searching for alternatives. I found Adobe dx, but it doesn’t run on Win 7 (yes, I am running Win 7, downgraded a new Kabylake
laptop because I cannot STAND Win 10). A bit more searching turned up the lovely Figma web tool.

Wireframing in Figma

Figma is awesome, very easy to use and very fast. But after making a few wireframes, I had no idea how to code them. A search for “how to code a wireframe” brought me to Jesse Showalter’s series, “Design & Code a Responsive Landing Page from Start to Finish”. I thought it best to start from the first video. He pretty much did everything I had just done in Figma, only he used Sketch.

BUT …video number 6 sure escalated things quick!!
6 – Design & Code a Responsive Landing Page from Start to Finish | Setting Up Your Dev Environment

So the next day, I decided to watch it again, paused it, watched it, paused it MANY times to follow along and decipher what he was talking about.

I already had node and npm installed. Jesse uses GitHub but lately I’m trying out GitLab instead. It seems you can use GitHub Desktop with a GitLAB repository; just go to your GitLab project page and select “Create personal access token”, then copy-paste that https URL into GitHub desktop under the Clone tab.

Installing Gulp and Sass was also super-simple, and Jesse has the framework all set up and ready to use so it’s easy to follow along after deleting the previous project-specific code.

Gulp watches things and refreshes your browser for you!

Anyway, here’s the quick page I ended up building by following Jesse’s tutorial up to video number 8. I’ll probably add some JavaScript later and do a few more different pages. He goes really fast and you have to pause occasionally to see the tiny menus/tabs and figure out what folder he is working in, but I HIGHLY recommend the series — just hit pause and take your time!

先週レーン台風が近づいて , おやつ食べることばっかりして週末中に Python勉強しようと決定しました。しかし、うちの勝ってるドメインに Pythonをインストールすることを1日間頑張って, 昇進者によってFlask はちょっとやり過ぎで , もうちょっと基本的なプロジェクトでスタートしますっと決めた。

それでオンラインでウェブアプリの作り方を探した。スケッチとやっぱりあるけど MacOSだけで使える。 1つのアプリのためだけ Macを買うつもりないので、違うやつを探して、アドベ DX もあった。けれども Windows 7 のバージョンは無い (Windows10、は大嫌いのでダウングレードした新しいラップトップを使ってる )。そして Figma (フィグマ) と言うすばらしいウェブサービス見つかった。

ワイヤーフレームのページを数枚作って、ワイヤーフレームをどうやってコーディングするのかを調べて , ジェシー・ショワルターという人のYouTube 「ランディングページのデザインとコード、初めから最後まで」

が出た。最初モビリオからスタートして , 彼は私が Figmaでやったことすべてできたけど違うのはスケッチを使っただだ。

しかし。。。 6番目のビリオンは大変難しくなった！

少し休んで次の日にもう一回見て, 彼が何用話しいるかわかるようにポーズして , そしてみて , そして何回もポーズした。

Node と npm はもインストールされてた。ジェシーさんは githubを使ってるけど私は最近GitLabを使っている。 GitHubデスクトップトゥーソフトを Gitラボといっしょに使えることができる。Gitラボのページに行って、 “Create personal access token” を選んでそのhttps の URL を GitHubデスクトップ > クローンというタブの中にコピペする。

Gulp (ガルプ)とSass(サース)をインストールするのはすごい簡単で、ジェシーさんはそのファイルの準備してくれたのでスムーズでフォローすることができる。

このベリオシリーズを 8番目まで見ながらこのページができた。あとで時間があればJavaScript など入れると思う。ジェシーのレディオはちょっと早けどよくポーズして時間とって頑張ってみてください。

Android Studio practice

Challenging if you’ve never used Java before, but still very illuminating for beginners who can keep up. Basically mimic what Bill Butterfield does in every step of his video, Android Studio for Beginners Part 2.

Just by pressing pause and rewind very often, I was able to follow the video and learn a bit more Java. Below are the screen caps from my version. I went with StartPage instead of Google, but other than that they are almost identical.

screenshot of virtual phone simple app with 2 buttons, Android Studio

creating a second activity and a link which spawns a mobile browser

screenshot of virtual phone showing Startpage.com in a browser, Android Studio

Browser opens after clicking Startpage button

My version of AS (3.1.1) seems a bit newer than the one in the video, which can be confusing sometimes because the screens don’t look the same.

In Part 3, Bill walks us through ListView and placing images.

screenshot of virtual phone showing list of grocery items, prices, Android Studio

Check out more of Bill Butterfield’s videos here, if you dare.

Android Studio

先週AndroidStudio（アンドロイドスタジオ）３．１．１をダウンロードした。これはアップメーカーのようのソフトをやって見る二回目となった。前はAndromoと言うので少し遊んでいた。Android Studio for

Beginners part 1, （Bill Butterfieldさん）のビデオを見ながらやって見た。インストールのはあんまり問題なかったけど、Eclipseと言うプラグイン見たいないらないものをダウンロードして寄付もしてしまった。笑

ビデオをよくストップして、ドラッグ・ドロップで小さなアップリを作った。

Androidのエミュレータ（AVD＝Android Virtual Device、バーチャル携帯電話）をスタートからエラーがいっぱい出たので大変だったけど、すでにJavaの段階に進歩ーすることができた。つづく。。。

Last week I downloaded Android Studio version 3.1.1. Playing
around with an app builder for the second time ever (I’ve tried a couple of online
app builders such as Andromo) I looked at a video called Android Studio for
Beginners part 1, by Bill Butterfield, on YouTube. Was able to install it with few
issues (except for making a donation to eclipse which turned out to be unnecessary, argh),
then with much pausing of the video, drag/drop the elements of the practice
app. Trying to run the app using an Android virtual device (AVD) was the longest
part so far, it generated so many errors. I’m only halfway through the video!! Finally after getting the
emulator to work, I’m now working on the part of the video where Bill writes the —
wait for it — actual Java code. To be continued…

ラムダスクールの無料のミニブーツキャンプ！パート２（Lambda School minibootcamp, Part 2）

ラムダスクール1週間ちゃんとできていっぱい勉強になった。ハワイは本土,つまりカリフォルニアと違ってサマータイムはやってないので、ワークスケジュールは事業とちょっとずれていたので最後の2週間分あんまり参加しなかったけどよかったです。ラムダスクールの授業を味わうすることの最高の方法だと思う。ラムダの bootcampは強烈らしなので、自分でコーディングをもっと練習してから受けるべきであると思うようになった。実際にbootcampのために借金したくない思うようになってる。こんなコースを完成しなくてもがっかりしない。確かに心のどこかので素晴らしいアプリ作ってお金儲けたい気持ちはあるだけど、ちょっと落ち着いて趣味のような見方にする。バイキングのように、あっちこっちで味わいして楽しもう。 bootcamp受けるかどうか決めてリストによって、ラムダの利mini bootcampは本当にいい仕方と思う。宿題は優しくて、細かく作られていて、そして自動的なtesting もあって, GitHubでアップロードする方法の勉強もできる。そしてslackチャンネルで質問を聞くこともできる事業のビデオこの下をどうぞ。

Made it through a week of Lambda School, and I learned a ton. It really was fun, even though I couldn’t complete the last two weeks due to Daylight Savings Time in California versus my work schedule on Hawaii Standard Time. It really was an excellent way to get a taste of Lambda School’s boot camp, which seems pretty intense. I think I would have to practice a lot more coding on my own before attempting a boot camp. And actually I am less likely to attempt a boot camp now, mainly because of the expense and debt. I’m definitely no longer going to beat myself up about not completing these different free courses. Admittedly a part of me in the back of my mind is saying, “find a way to make money, try to design a super app!” I’ve decided to calm down, that this is a hobby for now; like nibbling here and there at a buffet just as I please. Lambda’s free mini boot camp is a really awesome resource if you’re trying to decide whether or not to try a bootcamp. The homework assignments are very lovingly crafted, complete with automated testing, and you can learn how to upload via GitHub. They have a Slack channel for asking questions and posting notices. You can try out their YouTube videos below. (Links open in new window)
Lesson 1 Git and GitHub（Streamed live on Mar 5, 2018）
Lesson 2 – HTML and CSS – March ’18 Lambda School Mini Bootcamp
Lesson 3 – Intermediate CSS – March ’18 Lambda School Mini Bootcamp
Lesson 4 – Introduction to Javascript – March ’18 Lambda School MiniBootcamp
Web Development Mini-Bootcamp Lesson 5
Web Development Mini-Bootcamp Lesson 6
Web Development Mini-Bootcamp Lesson 7
Web Development Mini-Bootcamp Lesson 8
Web Development Mini-Bootcamp Lesson 9
Web Development Mini-Bootcamp Lesson 10
Web Development Mini-Bootcamp Lesson 11
Web Development Mini-Bootcamp Lesson 12

ラムダスクールの無料のミニブーツキャンプ！（Lambda School minibootcamp）

今日の勉強は, ラムダスクールの無料の３週間ミニブーツキャンプのLesson1 だった。　（λ ＝ギリシャ語の字、ラムダと言う発音だ。）

全部英語だったので, 楽だった .

とりあえずみんなは持っていなければ新しい GitHub のアカウントを作って Git for Windows をダウンロードしたことです . （マック、リナックス：https://git-scm.com/download）

面白いポイントは Gitがライナス ° トーバルズさんがクリエイトしたもんだ。（日本語字幕 TEDのインタビュー）

次はGitHubで「フォーク」をする作業学びました。フォークというアイコンをクリックして、Git クローンのリンクを「Git bash」のターミナルの中でコピペとができた。

今日学んだコマンド：

cd foldername
mkdir newfoldername
touch newfilename
rm filename
git clone
git status
git add filename
git commit -m (commit with inline message. this save the changes in the history of this repo.)
git push
clear
exit (logout)

このYouTubeのビデオで Gitについていっぱい学んだことができた。ちょっと長かったけど。

（TKizawaさん）

明日はHMTLとCSS,楽しみにしている。。。

Lambda School free minibootcamp! 3-week class https://lambdaschool.com/

All in English.

First, everyone who hadn’t already done so created a new GitHub account. Then we downloaded Git from gitforwindows.org / https://git-scm.com

interestingly, Git was created by Linus Torvalds (which I had heard during his 2016 TED interview (JP subtitles available): https://www.ted.com/talks/linus_torvalds_the_mind_behind_linux )

Learning how to “fork” came next. By clicking fork icon, then get clone, and copying the clone URL to clipboard.

Next in GitBash, cd into the place where you want the newly cloned repository to be placed. At the prompt, we type “git clone” and paste the link, then Enter.

Inside the folder containing the repo, use the ‘git status’ command, which compares the original to your new fork. Git is constantly watching this folder for any changes.

The commands we learned today:

cd foldername

mkdir newfoldername

touch newfilename

rm filename

git clone

git status

git add filename

git commit -m (commit with inline message. This saves the changes in the history of this repo.)

git push

clear

exit (logout)

Looking forward to tomorrow — HTML and CSS!

Google音声入力(voice input) で句読文字(punctuation marks)ができないけど。。。

This time I’m posting in English because I think this will only be useful for Japanese-as-a-second-language folks. So I often use the Google app for drafting texts/email by voice in Japanese. This is because I’m much better at speaking than writing in Japanese. But Google doesn’t have any speech punctuation like it does in English. For example, if Ⅰ’m dictating a text message in English and I’m ending an interrogative sentence I say, “question mark” and the correct punctuation appears. But in Japanese, if I say “hatena” into the microphone, Google prints the word, 「はてな」which is really annoying. So I usually dictate the entire message and then go back and hunt through it to add the missing brackets, commas, periods, and question marks.

I found this lovely blog post (http://nakamahalog.com) which explains how to use the Swype app as an ok workaround.

Swype keyboard with Star Trek skin. The microphone icon is a communicator.

BUT Swype wants a lot of permissions. I just switched off everything except Microphone. And I keep rotating my default keyboard in Settings, because they are basically tricky little keyloggers in my humble opinion.

The other problem was, I was saying the wrong words like “chon” for a period. nakamahalog also provides this handy chart of what to call all the punctuation marks when using Swype (and probably Google, whenever they get around to this functionality). I took the liberty of adding the yomikata below:

[	大かっこ開く dai kakko hiraku	]	大かっこ閉じる dai kakko tojiru
‘	アポストロフィー aposutorofī	◯	まる maru
▲	黒さんかく kuro sankaku	:	コロン koron
,	コンマ konma	–	ダッシュ dasshu
!	感嘆符／ビックリマーク／ kantan fu / bikkuri māku エクスクラメーション・マーク ekusukuramēshon māku	–	ハイフン haifun
.	ピリオド／ドット piriodo / dotto	?	疑問符／はてな gimon fu / hatena
”	ダブルクオーテーション daburu kuōtēshon	”	ダブルクオーテーション閉じる daburu kuōtēshon tojiru
‘	クオーテーション kuōtēshon	‘	クオーテーション閉じる kuōtēshon tojiru
;	セミコロン semi koron	&	アンド／アンパサンド ando / anpasando
*	アステリスク asuterisuku	@	アットマーク atto māku
/	スラッシュ surasshu	^	キャレット kyaretto
・	中黒 chū kuro	°	度記号 do kigō
#	シャープ shāpu	%	パーセント pāsento
_	アンダーバー／アンダースコア andābā / andāsukoa	\|	パイプ paipu
$	ドル記号 doru kigō	¢	セント記号 sento kigō
£	ポンド記号 pondo kigō	€	ユーロサイン yūro sain
¥	円記号 en kigō		しかめっ面 shikamettsura
	スマイリー sumairī		ウインク uinku
®	登録商標 tōroku shōhyō	>	大なり dai nari
<	小なり ko nari	–	マイナス／引く mainasu / hiku
x	かける kakeru	+	プラス／足す purasu / tasu
÷	わる waru	=	イコール ikōru

Pythonプログラミングのような地形Udemy.com で

(Adapted from the original English post at https://studiozandra.com/tech-tangent-python-on-linux-here-we-go/ )

子供の時に本いっぱい読んで将来に学科になるつもりだった。高校に入ると美術にしたけど、まだ掌篇小説(しょうへんしょうせつ)や詩を書いていた。いろんな興味がいっぱいありすぎてしまった!

テクノロジーについてを読むのが大好き。最近 Python というプログラミング言語を学ぼうとしてる。ブートキャンプのような地形は高すぎてできないのでオンラインをコースを受けている。Udemy.com で “Complete Python Bootcamp: Go from Zero to Hero in Python” と言うコース 9.99ドル登録することができた。

Udemy パイソン　コース

本気でやらないと思ってしまって Windows じゃなくて Linux でやろうとした。それで一番最初の段階で困った。このコースの中でジュピターノートブック(Jupyter Notebooks) という Web サービスをよく使うので、インストールしないといけなかった。アナコンダというツールを使って、ジュピターと Python 両方でインストールできて便利です。そして Jupyter.org に行ってファイルをダウンロードしてダブルクリックした。けどこういう赤い色のエラーが出てしまった。

問題は Linux ちゃんは text editor でそのファイルを開こうとしてた。ウェブ検索してからスタックエクスチェンジ stackexchange で正しい仕方を学んだ。

.sh ファイルをターミナル(terminal)の中そのダウンロードしたダイレクトリーに行って chmod のコマンドをしないといけない。

それが終わってから新しいターミナルを開いてjupyter notebook を書くと、ブラウザタブが自動的に出て自分の全部のローカルフォルダ見るようになった。

Python でコマンドを書いて Shift+Enter 起こしてすぐランができる。

もう一度日本語でブログ

ちょっと年取ったり違う国に住んだり違う仕事をしている状態になってるけどまだ日本語で遊んでいる。今ハワイに住んでるので日本語を使う経験はすごい増やした。話すのはあまり問題ないけど帰ったり読んだりするのがまだ難しいですのでもうちょっと練習しなきゃいけないと思った。日本語の辞典ウェブサイトとアプリ。。。

http://ejje.weblio.jp/

http://takoboto.jp/
https://www.facebook.com/pages/Takoboto/257922567700189

。。。を使ってこれから書きます!

PART 2: Symantec エンクリプション・デスクトップHDDをリカバーする

既にインストールができた . 次は public キーと secret キーインポートする。

セットアップアシスタントというウィザードの窓の左側を見たら、ユーザータイプと言う部分がある。

そこでニューユーザーじゃなくて、 existing keys を選んだ。プロンプトの流れで .pkr と .skr ファイルのフォルダーを選んだ。

そして彼女の古いハードドライブを S ATA ケーブルで繋いだから「enter passphrase to access disk」っていうメッセージが出た。私は視線をそらしながら彼女がパスワードを入れてそのHDのホールダが段々出てきた!!🙌

~fin~
English post at Symantec Connect Forums:
This community for the most part already knows that Symantec PGP Desktop was replaced by Symantec Encryption Desktop, but to someone encountering this software for the first time, this is not obvious. Clicking a Symantec Trialware link, the very next page is a registration form, and then a download for Symantec Endpoint Encryption TW. So as a layperson, I assume that the old PGP product name was changed to SEE, click “download,” and struggle to install the thing. After finally installing .NET, the dependent SEE Mgr and MSI, then the Client in serverless mode, I hit a brick wall. Going back to the forums it was dawning that NONE of the 3 packages I’d downloaded was the right one. Another commenter had posted the correct link and I finally downloaded the SED trialware but it wouldn’t execute, and so I posted the previous questions.

Meantime I started looking into other workarounds, wondering, “Is Symantec PGP Desktop proprietary encryption? Or, as long as I have the keys and passphrase, can I use any software on any platform to decrypt?” I read the Wikipedia entry on PGP and confirmed I’d gotten the software names confused (easy to do!)

I did another Google search regarding the SED installer which would not open: I think the registry might have been corrupted by the brute uninstall of the SEE Client, so I tried 64-bit on a different laptop and it opened and installed fine!
Then there was the problem of the license key…
At first, like these commentors, I thought there was no way to activate using the product key I received in my trial email.
The “thank you for trying SEE (confusing wrong product name again)” email sends a temporary product key that is too long to fit in the allotted spaces. A video instructionn said to paste the whole thing, but I was on a separate machine from my email, so I just typed. But it worked — just cut the key in half and copy the latter half of digits only. (They email you a 12-segmented license key, but only use the last 6 segments.)

After installing and licensing, in the User Type section don’t select New User. Rather, select Existing Key option. Then follow the prompts to browse to the directory containing your original .pkr and .skr files. We plugged in the old HD with a SATA USB cable and a pop-up appeared “Enter passphrase”. So we were able to recover all her data.

(In case anyone else comes across this same situation — that is, having keys and passphrase but cannot get an old copy of PGP Desktop or a working trial copy of SED — try looking into other software, such as GPG Suite (Mac) or GNU Privacy Guard (GnuPG, Linux) for recovery. See this discussion: https://gpgtools.tenderapp.com/discussions/problems/964-migrating-from-pgp-to-gpg-import-private-key

and this https://www.dewinter.com/gnupg_howto/english/GPGMiniHowto.html#toc3.3 (Import key, no graphical interface though)

Maybe even try to import the key into the old PGP Desktop for Windows? **I cannot vouch for this site bc I haven’t tried it!** https://pgp.en.softonic.com/?ex=DSK-347.2

Perhaps someone more knowledgeable could comment on this ‘decrypt by importing keys into other software’ option.)

Yes, I’m sewing!

So “vents” are apparently slits. By process of elimination and also by process of tearing out my hair for hours, I’ve deciphered my first garment pattern.

Special thanks to YouTube and the rest of the interwebs for helping me unlock the jargon of “Simplicity” New Look 6312.

Ok, I admit, I chose the wrong pattern for my first project, what a newbie, indeed! But it came out not too shabbily!

Next I made not one, but TWO little zipper pouches. Again, YouTube gets my gratitude and praise: The Crafty Gemini has some great tutorials.

tmp_30304-20170204_181627-1773062498 — My first zippered pouch, made using my own fabric design as well (Koi Pond)

tmp_30304-20170206_084532-1551846038 — Second pouch, made with fusible this time instead of quilting

What to make next? I have a few precious swatches of my own Spoonflower designs, but they are on the smallish side. The tutorial hunt begins anew!