読者です 読者をやめる 読者になる 読者になる

じょりじょり日記

JavaScript100サイトチャレンジを記録するブログです。

イベント大成功:D

4/22(土)にフロント技術に関するイベントを開催することが出来ました!

 

初めてのイベント開催で、前夜はよく眠れませんでしたが、最終的にはとても楽しめました!!

 

このような機会を設けることができたのも、Tさんのご快諾があったからこそでした。本当にありがとうございます。

 

昼食はピザを食べたり、午前中に実装した課題についての復習などの質問で溢れかえっていました。これが勉強会かと、会場の雰囲気に圧倒されていました。

 

f:id:zyoryzyory:20170424090120j:plain

 

ただ、イベントが終わってみると自分の未熟さが浮き彫りになり、改善すべき点がかなり見つけられたので、とってもよかったです:D

 

JavaScriptチャレンジのほうもお休みになっていましたが、再開していきます!

来週末にイベントを開催する予定で、カリキュラム制作に集中したいので1週間チャレンジお休みします!

タイトルの通りです。

楽しみにしてくれている方がいる(?)のに申し訳ないです。

 

ブログにて、イベントの様子やカリキュラム公開を行いたいと思いますので、そちらも楽しみにしていただけるとうれしいです。

それではまた1週間後にお会いしましょう!

JavaScriptチャレンジ10日目 flexbox

今回は、translateYをとFlexBoxについて勉強したので、その成果を披露したいと思います!

transformを使うとアニメーションのように状態を変化させられるので、いろいろ応用がききそうです。

最近は雨が多いですが、がんばっていきたいとおもいます!!

ブログに埋め込もうとおもったのですが、幅が合わなくて、できればCodepenに直接アクセスしてみていただければとおもいます。。

See the Pen js 10/100 by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ9日目 耳タブを作った。

今日はタブを切り替えて、内容を差し替える実装をしました。最近、コンポーネントを作ることが楽しいです!!:D

 

 

See the Pen js 8/100 by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ8日目 WebAPIの導入にチャレンジ

どうも!

 

ボタンのアニメーションとか正直コピペに近いですが、手打ちして学習もしてるのでOKということにします!

今日はユーザーの情報をランダムに取得するWebAPIを導入してみました。

要素をクリックしたら発火するようにしたので、クリックされるたびにAPI参照先にいって、配列に入っている情報をランダムで取ってきてくれます。

 

ドキュメントを読む限りだと、Fakerをなにやら加工して作っている模様でした。

js自体はjsonで返ってくるデータがどのような構造で保存されているかconsole.logでみるとおもしろいなとおもいました。

See the Pen js 8/100 by zyory (@zyoryzyory) on CodePen.