DEV Community: taroyanaka

Tips for learning a new programming language

taroyanaka — Mon, 28 Dec 2020 03:24:18 +0000

(this post is wrote for myself, and text is just translate by deepL Japanese to English)

Methods
Understand the words: functions in JS, properties in CSS, etc.
→Read references in dictionary format as many times as possible.
Understand the text: block of code in JS, chunk of function in CSS.
→Read the code in the textbook and write it without reading it repeatedly.
For JS and CSS, it's a block of code per function; for CSS, it's a design idiom.
→Increase the list of things you can do. Increase the list of things you can do. Once you can do them, combine them with JS and actually incorporate and use them.
Create an environment that can be easily executed.
→In CSS, prepare HTML and the data (text, images, SVG) to be inserted into it in advance to complete the setup stage.

Others
Make a list of what you can't do and what you can do.
→If you make a list of what you can't do, and move it to a list of what you can do, you will at least be able to create something with the list of what you can do.
Increase the number of solutions when you get stuck.
→For JS, use chrome's debugger; for CSS, use background-color to indicate the range of elements, etc.
Create a task in your mind "I want to make something like this" and build it in your mind. Read the document if you don't understand the part in advance.
→Read the documentation for the parts you don't understand.
Make it small and simple.
→If you want to understand 100 different APIs, create 100 of them.
Even when you don't feel like it, work on it.
→When you are not motivated to do something, you can do it even if the quality is low, even if it is very short, even if it is just copy-paste. Write to keep the habit of moving your hands.
Prepare a method for when you are not motivated.
→If you are using JS, type document.querySelectorAll("any") in console on a page opened in chrome and process it appropriately; if you are using CSS, use animation to move something around.

https://gist.github.com/taroyanaka/0c1fd3665a12f15044a43ec3ce158c87

How to show all emoji in javascript

taroyanaka — Sat, 13 Oct 2018 05:20:41 +0000

code like a lazy evaluation

Magical shell programming tour

taroyanaka — Tue, 09 Oct 2018 16:01:29 +0000

Hey Hackers and programers, what do you think about "BEST PROGRAMMING LANGUAGE"?
anyway, I love shell script. It's best to me.
why?
Command line editing is best interactive way.

look this site, Japanese firebase community web page, Community Member name(名前・プロフィール) and participation number of times(参加回数).
https://firebase-community.connpass.com/participation/
I want all of twitter IDs.

so, finally I write two command lines.
"seq ~" line is simple.

programming started from, this code is show all downloaded file.
cat ./page

I tried to show times and twitter ID
cat ./page|
awk '/.回./ || /.twitter.com./{print}'

It display twitter ID and participation number of times show. but lines display, accounts which no twitter community user too.(they go over 5 times but they don't have no github account, really?)
Anyway, other remove noise lines.
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js

Still remains no twitter account IDs problem.
I resolved by displaying only ID line and the line's after one lines
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"

Added seperater lines --, but I don't need this, so, remove this
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"

Still there are line number.but I thought, awk command is ignore noise columns. so,
bound two types of data(two lines)
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"|
sed '/a>$/N;s/\n/ /'

The goal seemed to horizon. awk command ignore noise columns, change the order of columns
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"|
sed '/a>$/N;s/\n/ /'|
awk '{print $( NF -1 ) " " $3}'

Remove noise characters.
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"|
sed '/a>$/N;s/\n/ /'|
awk '{print $( NF -1 ) " " $3}'|
awk '{gsub(/\//," ");gsub(/class=\"event\">/,"");print $1" "$NF}'

Just remove last of "
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"|
sed '/a>$/N;s/\n/ /'|
awk '{print $( NF -1 ) " " $3}'|
awk '{gsub(/\//," ");gsub(/class=\"event\">/,"");print $1" "$NF}'|
tr -d "\""

This is goal. I thought. Just in case, Duplicate Delete lines by "sort|uniq"
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"|
sed '/a>$/N;s/\n/ /'|
awk '{print $( NF -1 ) " " $3}'|
awk '{gsub(/\//," ");gsub(/class=\"event\">/,"");print $1" "$NF}'|
tr -d "\""|sort|uniq

There are any row(I don't know, any incorrect lines, haha). WTF!! I stopped thinking. anyway remove this. goodbye strange lines.
cat ./page|
awk '/.回./ || /.twitter.com./{print}'|
grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|
grep -A 1 -n "twitter.com"|
grep -v "^--$"|
sed '/a>$/N;s/\n/ /'|
awk '{print $( NF -1 ) " " $3}'|
awk '{gsub(/\//," ");gsub(/class=\"event\">/,"");print $1" "$NF}'|
tr -d "\""|
awk '!/^{[0-9]/{next}{print}'}

Just in case, sort|uniq and finally Output to a file
cat ./page|awk '/.回./ || /.twitter.com./{print}'|grep -v -e twitter.com/share -v -e 参加回数 -v -e widgets.js|grep -A 1 -n "twitter.com"|grep -v "^--$"|sed '/a>$/N;s/\n/ /'|awk '{print $( NF -1 ) " " $3}'|awk '{gsub(/\//," ");gsub(/class=\"event\">/,"");print $1" "$NF}'|tr -d "\""|awk '!/^{[0-9]/{next}{print}'|sort|uniq} > ./get_firebase_community_twitter_user_and_join_the_number_of_times.txt

I got a result!!

Do you think this is sloppy?
No, I don't think that.
Writing command line is no simulation results, no variable, no loop statement, and no editer.
You get best of interactivity.
Reading shell script is sucks. I think so that.
Writing command line is great, good experience is more than REPL.

I will continue to write shell program.

if you use SBCL, use rlwrap

taroyanaka — Sat, 10 Feb 2018 14:44:33 +0000

maybe you scream "why ↑ key dont work on SBCL REPL"
i know your feeling
lisper may think lisp is great, but SBCL is f**ck

SBCL dont keep history, so use rlwrap.

$ brew install rlwrap

and, add this lines in .bashrc or like a that

alias lisp="rlwrap sbcl --load quicklisp.lisp"

Begginnig Common Lisp for web scraping

taroyanaka — Tue, 21 Nov 2017 14:00:44 +0000

hey nerds, do you like web? interest lisp?
no?
i dont care
okay i do

Step1: install sbcl
$ brew update
$ brew install sbcl
(now, clisp is stopped update)

Step2: install quick lisp
$ curl -O http://beta.quicklisp.org/quicklisp.lisp
$ sbcl --load quicklisp.lisp

----------↓↓↓starting sbcl console↓↓↓-----

(quicklisp-quickstart:install)
(ql:add-to-init-file)

Step3: install libraries to sbcl by quicklisp
(ql:quickload :drakma)
(ql:quickload :plump)
(ql:quickload :clss)

Step4: drink a coffee

Step5: write codes and eval
(defvar html (drakma:http-request "http://www.paulgraham.com/hp.html"))
(defvar parse-html (plump:parse html))
(plump:text (car (coerce (clss:select "title" parse-html) 'list)))

Tinder right swipe automation by SideeX

taroyanaka — Sat, 18 Nov 2017 14:33:37 +0000

hey nerds, do you know tinder?
anyway, I won't write about what is tinder.
if you want to right swipe 100000 times on tinder, you must use sideex.
sideex is a type of SeleniumIDE.

step1
install sideex to firefox
https://addons.mozilla.org/ja/firefox/addon/sideex/
(this time, sideex on chrome didnt work)
step2
use like a this video
https://twitter.com/supertinder/status/931858473922396160

(I dont like explaining by text. it's not smart)