タグ

ブックマーク / yoshiko.hatenablog.jp (5)

  • UIデザインの会社から証券会社へ転職しました - エンジニアをリングする

    2年と2ヶ月勤めたGoodpatchを先週いっぱいで退職しました。 最終出社日は今月の頭頃でした。 最終出社日まもなく終了。 おせわになりました!! @ Goodpatch Inc. https://t.co/CiYMf8JN1G— よしこ (@yoshiko_pg) 2017年8月4日 Goodpatchでは入社してからずっとProttというプロトタイピングツールのWebフロントエンドを担当していました。 今週からは新しい会社で働いています。 なんでやめたの? 一言で言えるものでもないですが、あえて一言で言えば「2年の間に自分も会社も変わった」というところです。入社当時は自分の特性やニーズにとてもマッチした環境だなーとしばしば感じていたのですが、2年という長い時間の間に私の求めるものも会社の規模や持ち味もそれぞれ変わったなーという。それはどちらが良い悪いではなく単純にマッチングの問題だと

    UIデザインの会社から証券会社へ転職しました - エンジニアをリングする
  • イベント用の名札シート印刷アプリ「参加者の名は。」を作った - エンジニアをリングする

    こんなものを作ってみました。 yoshiko-pg.github.io ConnpassのイベントURLを入力してCreateボタンを押すと、名刺サイズの参加者の名札を印刷プレビューできるようになっています。 (主催するイベントがないけど動きを見てみたい場合、入力欄右下の「demo」を押すと雰囲気がわかるかと。) 右下の印刷ボタンで印刷できます。 管理者や補欠者もお好みで含めることができます。 背景 カンファレンスや勉強会って、普段ネット上でしか知らない人と直接話せる機会でもあると思うのですが、いざその場で顔や名刺を見ても誰が誰かわからないんですよね。。 SNSではよく見るけど顔がわからなくて、でも話したいことがあるときとか、頭の上にアイコンとIDが表示されるメガネがほしい・・・ってたびたび思ったりします。 そんな思いから、自分がスタッフとして関わっているイベントではアイコンとIDの入った

    イベント用の名札シート印刷アプリ「参加者の名は。」を作った - エンジニアをリングする
    inouetakuya
    inouetakuya 2017/01/13
    おもしろい
  • エンジニアがデザイン入門書を3冊買ってみたのでメモと雑感 - エンジニアをリングする

    自分で何かWebアプリを作るときにデザインも自分である程度満足いくレベルのものをできるようになりたくて、今年に入ってからいくつかデザインのを買いました。 感想と勉強になったことをまとめてみます。 ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行(ソフトカバー)購入: 58人 クリック: 1,019回この商品を含むブログ (107件) を見る 定番・・・なんですかね。どこかでデザイン初学者向けにオススメされていたのをみて買ってみました。 とても教科書っぽいです。ただ文章は程よく砕けていて読みやすく、理論をベースに実際の例をたくさん挙げて説明されているのでとっつきやすいです。 特に参考になった章:7章 Usin

    エンジニアがデザイン入門書を3冊買ってみたのでメモと雑感 - エンジニアをリングする
  • HTML5/CSS3 モダンコーディング を執筆しました - エンジニアをリングする

    HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books) 作者: 吉田真麻出版社/メーカー: 翔泳社発売日: 2015/11/03メディア: 大型この商品を含むブログを見る どんななの? HTMLCSSの初心者〜中級者向けのです。HTMLCSSの基的な文法と一般的なタグ・プロパティ(a要素とかmarginプロパティとか)を多少知っている方であれば読めます。 イメージ的には、超初心者の次に読むような感じ。既にHTML/CSSの最低限の知識はあって既存コードの修正やコピペはできる、けどまだいちから何か作るようなコーディングは難しい・・・というようなレベル感の方が、いちからサイトを作る経験をしながらもっと知識や理解を深めていく、というような内容

    HTML5/CSS3 モダンコーディング を執筆しました - エンジニアをリングする
  • AngularJSで改行を含むテキストを超簡単にng-bindする - エンジニアをリングする

    AngularJSのデータバインディング便利ですが、ng-bindで複数行のテキストを表示しようとすると途端に面倒になるんですよね。。 そのままじゃHTML上では改行されないので<br>に変換する必要があって、それはfilterとかで簡単にできるのですが、それをタグとして認識させるには$sce.trustAsHtmlしないといけなくて。。 でもユーザー入力の文字列をHTMLとして画面に表示することを許可してしまうのは危険すぎる。。 br以外のタグはエスケープするにしても、たかが改行表示するだけでそこまでするのはやーーだーー。。 とまあそんな感じだったんですが、この間すごいことに気付いてしまいました。 アッ・・・ CSSだけでできた・・・・・ ちなみに、white-space: pre; でも改行は反映されますが、右端に達したときの自動の折り返しはないので行が長い場合にテキストがはみ出てしま

    AngularJSで改行を含むテキストを超簡単にng-bindする - エンジニアをリングする
  • 1