Skip to content

Instantly share code, notes, and snippets.

TSG 第10回Web分科会 カンペ

CSS特講。以前表面的にだけ触れたCSSについて詳しく見ていく。

CSSとは

第7回の資料より

ブラウザ上で表示する「内容」を表現するHTMLに対して、その「スタイル(見え方)」を調整するファイルはスタイルシートと呼ばれ、現在は通常CSSが用いられる。

@hakatashi
hakatashi / flag-matcher.html
Last active October 19, 2016 23:52
第9回Web分科会 実習 参考実装
<!DOCTYPE html>
<html>
<head>
<title>CTF Flag Matcher</title>
<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.js" charset="utf-8"></script>
<script type="text/jsx" src="flag-matcher.jsx"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/darkly/bootstrap.min.css" rel="stylesheet">

TSG 第9回Web分科会 カンペ

React(とflux)について学ぶ。

事前準備

Node.jsをインストールする。

Windows もしくは OS X

@hakatashi
hakatashi / flag-matcher.html
Last active October 19, 2016 08:58
第9回Web分科会 実習
<!DOCTYPE html>
<html>
<head>
<title>CTF Flag Matcher</title>
<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.js" charset="utf-8"></script>
<script type="text/jsx" src="flag-matcher.jsx"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/darkly/bootstrap.min.css" rel="stylesheet">
@hakatashi
hakatashi / web-08.md
Last active October 5, 2016 11:26
TSG 第8回Web分科会 カンペ

TSG 第8回Web分科会 カンペ

JavaScriptの Module Loading の仕組みを学ぶ。

モジュールとは?

プログラムを複数の機能に分割した単位のこと。ここでは特にファイル単位で分割したものを指す。

例えばRubyでは、

$ time git clone https://github.com/aozorabunko/aozorabunko.git
Cloning into 'aozorabunko'...
remote: Counting objects: 280746, done.
remote: Compressing objects: 100% (335/335), done.
remote: Total 280746 (delta 277), reused 0 (delta 0), pack-reused 280411
Receiving objects: 100% (280746/280746), 7.57 GiB | 12.79 MiB/s, done.
Resolving deltas: 100% (221659/221659), done.
Checking connectivity... done.
Checking out files: 100% (58295/58295), done.
@hakatashi
hakatashi / 3to2.sh
Created September 4, 2016 18:20
3to2をまともに使うためのコマンド
3to2 test-py3.py 2> /dev/null | parallel --shellquote | xargs -I{} python -c "print({}.decode('utf-8'))"

The Final Product Submission of my GSoC 2016 Program

I've worked for “Create a sandbox interface for tests” of Intern testing framework as my task of GSoC 2016 program. This gist describes the works I have done during the program and serves as the Final Work Product Submission of the program.

First, I've inspected the project and learned the mechanism that make Intern (and Dojo) work. And successfully installed Intern to the one of my existing JavaScript project “AsianBreak.”

@hakatashi
hakatashi / u3539.xml
Created August 22, 2016 03:11
Opentype.js glyph rendering inspection
<CharString name="cid02791" fdSelectIndex="13">
-61 69 491 70 -43 73 hstemhm
186 72 326 73 -67 73 195 73 cntrmask 10110100
cntrmask 00010010
hintmask 11010100
386 499 rmoveto
70 -128 264 -72 -264 -143 -70 143 -570 72 570 vlineto
hintmask 10110110
673 100 rmoveto
-271 hlineto

TSG 第7回(最終回)Web分科会 カンペ

Node.jsによるサーバーサイドJavaScriptを学ぶ。あと、CSSをやる。

事前準備

Node.jsをインストールする。

Windows もしくは OS X