Open willnet opened 8 years ago
趣味がハッカソンです
Fire Alpaca
をダウンロードして使ってみようレーザーカッターで作る☆自分のデータをオシャレに持ち歩こう!
のアクセサリーイメージを作ろう| ① | なんだか間の抜けた感じに | | ② | 海に浮かべたらダサい色合いに | | ③ | どこかの国の国旗のような感じに |
②は全体がpngのような感じになってしまいました>< 原因不明
①
②
③
皆様、お疲れ様でした。イベント開催ありがとうございます。
*CSSの実装について最新の動向を学ぶ → Rubyist のための CSS 勉強会 / nishiwaki. kobe css by machida
machidaさんいつもGJ! ありがとうございます!
*CSSを意味内容(変数、function,mixin,リセット,helpers,components,pages)によってグルーピングして管理することを学びました。
settings 変数 function mixin リセット(ブラウザ間の表示差異をなくしてデザインを入れる前のベースを作るファイル。Reset.css, Normalize.css,sanitize.cssなど) helpers components atoms(原子) molecules(分子) organisms(有機体) pages(ページ) application.sass
BEMとは、Block(ブロック)、Element(要素)、Modifier(修飾)
日本語記事 http://postd.cc/the-unicorn-workflow-design-to-code-with-atomic-design-principles-and-sketch/
フォトショ
ブラウザ
HTML5/CSS3 モダンコーディング p.57-p.83 middleman + haml + sass で写経
写経中にcssで文字が表示されなくなったりするので、確認方法ちょっと工夫が必要
<今日のやったこと> 「Instagram APIを利用してユーザ情報(Json)を取得する。」の準備(スパイク)。
・作業前 以下のコードが実行できない。 $user_data = json_decode(@file_get_contents($user_api_url));
原因: file_get_contentsが実行できない。 事前に用意したレンタルサーバ側で allow_url_fopen がOFFになっている可能性あり。
・作業後 curl_exec()にてAPIを実行する仕様に変更した。スパイク完了。
サンプルコード: <?php $url = "http://express.heartrails.com/api/json?method=getStations&line=JR山手線"; $ch = curl_init();
//オプション curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $html = curl_exec($ch); var_dump($html); curl_close($ch); //終了 ?>
今日の成果を貼り付けましょう!
貼り付けの指針
みんなから意見をもらいやすいように、わかりやすく成果をまとめましょう!