"Agile Japan 2017 京都サテライト", "KANJAVA PARTY 2017" で、『リモートチームの道具箱』というタイトルのセッションでお話をさせていただきました。 connpass.com kanjava.connpass.com リモートワークに取り組んでいるチームで仕事をして3年目になりますが、リモートワークは難しいなーというのを常々思っています。 世の中はどちらかというと、リモートワークという素晴らしい取り組みをどんどん推進しようという流れに向いています。リモートワークの推進には僕も賛同するのですが、一方で、「難しさ」の部分があまりクローズアップされません。このまま、導入だけが先行してしまうと、結局「やっぱりリモートワークなんて止めたほうがいいのでは」となってしまう恐れがあって、それを懸念しています。 リモートワークは上手に使いこなせば、柔軟な働き方が促進される

All slide content and descriptions are owned by their creators.

こんにちは！長屋です。最近は学生時代からのあだ名、めぐたん が社内でも浸透してきました。笑 入社してから本格的に触るようになったGitにもだいぶ慣れてきた…と言いたいところですが、見慣れないコマンドにはやはり躊躇してしまいます。 今回は私にとってその一例であった差分抽出がテーマです。使うシーンは、例えば「更新したファイルだけを集めてzipファイル化したい」というとき。手作業でひとつずつファイルを集めてくることなく、一発でzipファイルが完成します！ 基本のコマンド まずは差分ファイルを抽出+zipファイル化の基本的な使い方をご紹介します。下記のような状況を想定します。 修正前のデータがリモートのmasterブランチにある 作業用にrevisionブランチを作成し、修正を行ってコミット masterとrevisionブランチ間の差分がほしい こんなときに使うコマンドがこちらです。 $　git

提示された金額が指名時の金額と大きく違っていて辞退することになった。 こんな事を書くと関係者からは余裕で特定されると思うが、それでも問題提起したかったので書く。 転職ドラフトという、企業がWebエンジニアのプロフィールや職務経歴書を見て年収付きで指名を出すというサービス（イベント）がある。 「今までの転職活動は選考の最終段階になって初めて年収を提示されるためミスマッチが起きやすい。転職ドラフトではリアルな年収が最初に分かりその上で選考に進むか判断出来る！」というエンジニア目線がウリらしい。 https://job-draft.jp/ 面白そうだと思ったので登録してみたところ、大変有り難い事に500万～600万で6社ほどから指名を貰えた。 その中で興味のあった大手Y社の指名を承認し、面談で会社説明を聞いたあと改めて履歴書や経歴書を送りエントリーし、適性試験や数回の面接を経てとうとう内定を貰っ

このページについて これは、社内 Wiki に情報を書くときに、私が個人的に守っていて、チームメンバにもできるだけ守ってほしいルールの紹介記事です。このルールを実際に運用するためのコツについても、基本ルールの派生という形で紹介します。 想定する環境 この記事は、社内に Wiki があって、フォーマットが決まったドキュメント（仕様書や手順書など）とは別に、各人がメモを自由に書いて共有できるような環境を想定しています。 Wiki の種類は問いません。PukiWiki、MediaWiki、Confluence、Esa、Redmine などのプロジェクト管理ツール付属の Wiki などなど……何でもいいです。Word 文書などにも適用できなくはないですが、文書を気軽に分けるのが難しい場面には、あまり向かないかと思います。 ルール：「このページについて」という欄をページの先頭に用意し、そのページの概

ここ半年開発していた動画サービスをベータ版ながらリリースしました（正式リリースは 4 月）。そのサービスの開発において、以前投稿した Atomic Design を採用しました。本記事では Atomic Design を実案件に導入した結果と感想を書いていきます。 Atomic Design の基本的な概念に関して知りたい方は Brad Frost 氏の原文、もしくは私の以前の記事↓を参照できます。 最近よくクリエイターが移住するカナダで Atomic Design を学ぶ Atomic Design を導入して正解 結論から書くと、今回 Atomic Design を導入したことは正解でした。コンポーネントの粒度を論理的に説明できるガイドラインとして十分すぎるほどの役割を果たしてくれました。 このガイドラインがあることで、デザインに関してさほど関心がない人（たとえばデザインよりもエンジニ

実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア

この投稿は 8年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 僕は会社を独立してからずっと受託でお金を稼いでいるのですが、基本的に頼まれたことをやっているだけなので、わりと取引先を失うことがあります。なので、失注と言っても競合プレゼンで敗北するのではなく、気づいたらいつのまにか別の業者に鞍替えされてたというパターンですね。 このパターンに陥るケースとしては、だいたい以下の条件を満たしています。 先方はすごい沢山の提案を貰いたがっている 予算感が提示されない 本業がITとは縁遠い 実はこのサイクルに陥るのには黄金パターンがあります。それは、「Webに詳しい人が僕を見つけ出して依頼した」という代理店的なパターンですね。基本的に営業をしない弊社では、それが受注のすべてです。 で、いつのまにか僕が直接依頼を受けるようになることがあります。その人な

Web制作に携わる社員が仕事中わからなくて調べたことやTips。 あんま厳しい突っ込みはなしにしてください。m(_*_)m 一時期、いわゆるテーブル組みのレイアウトからCSSによるfloatのレイアウトへ移行し始めた頃、その理由の一つにアクセシビリティ、いわゆる弱視の方への対応を行うため、音声の読み上げブラウザによる読み上げがきちんとされないから、というハナシがありました。 でも実際に調べてみるとわかるんですが、ちょっと試してみる音声読み上げブラウザって、あまりないんです。 Windows版 ・ALTAIR for Windows http://www.normanet.ne.jp/~altair/index.html 無償（操作が難しいらしい） ・Fire Vox http://et-dev.main.jp/index.php?Fire%20Vox　Firefox非公開アドオン ・Sof

ソーシャルゲームの開発中に退職した従業員らが，会社から開発頓挫の責任を追及された事例。 事案の概要 Xは，ソーシャルゲーム（本件ゲーム）の開発を目的として設立された会社である。Yらは，Xの設立前から，Xのグループ会社の依頼を受け，本件ゲームの開発に関わり，Xが設立された後には，Xの従業員となって，本件ゲームの開発に従事した。 本件ゲームのリリースは，当初定められていた時期には間に合わず，延期された。 その後，Yらが，いずれも本件ゲームのリリース前に退職したところ，Xは，Yらが開発設計仕様書も作成せず，突然の退職によって本件ゲームの開発が頓挫して損害を被ったとして，主位的に不法行為に基づく損害賠償として，予備的に労働契約上の債務不履行に基づく損害賠償として，5400万円の賠償を求めた。 ここで取り上げる争点 Yらは，信義則上，あるいは労働契約上の義務として，開発設計仕様書を作成する義務があっ

下記でもいいけどjQuery使ってるなら最新記事の方法のがいいかも。 また、下記コードはHTML5のコード内に埋め込む事が前提で、IE7以上での表示を想定しており、FacebookのLikeボタンはIE6だと「Permission denied」エラーが出るので、IE6にも対応させたい場合はiframeにする必要がある。 まずは公式サイトへ 下記よりお好みのボタンを生成出来る。 Like Button - Facebook Developers 「URL to Like」は設置されたページのURLを取って欲しいから空にした。 「Send Button (XFBML Only)」不要なのでチェックを外した。 「Layout Style」は「standard」を選択。 「Width」はとりあえずデフォルト値の「450」のまま。 「Show Faces」は不要なのでチェックを外した。 「Verb

決済手数料1.98%〜 新料金プラン ［2024-12リリース予定］決済手数料1.98%〜 中小事業者向け新料金プラン 詳細

従業員50人程度のいわゆるITベンチャー、アラサー向けのポータルやECサイトを運営してる会社で働いてるんだが、違法コピーは犯罪だってゆう概念が全くなく、1個だけ買ったソフトを悪びれることもなく必要な台数へインスコしまくってる状況にひきまくった。合法コピーなんてPC購入時にバンドルされてたWindows XPだけで、OSを除くと有料アプリの8〜9割は違法コピー。従業員が増えるとPCは買うけどOfficeは2000をインスコしてて、2000がサポートされないからVistaへは移行できないね〜なんて言ってやがる。 当然アクチが必要なソフトは使えないんで、Photoshopは6、Illustratorは10が社内のデフォルト。小さい会社で全従業員が同じフロアーで作業してるから、システム部がサーバ立てるときに「Windows Serverはいくつまでならライセンス認証なしでいけたっけ？」みたいな会話

2015年03月09日付けで、株式会社キッズスターに入社しました！ キッズスターとは？ 「こどもの夢中を育てます」をミッションとして掲げて、子どもたちの笑顔を作る事業を展開している会社です。特に、お子さんが居るご両親は一度は聞いたことがあるかもしれませんね。「なりきり!!ごっこランド」と呼ばれる子ども向けアプリを提供している会社で、2014年10月に、クックパッドグループの一員になりました。 親子で一緒に楽しめる教育・知育アプリ | KidsStar Inc. 日常生活の中で自然に出会った ある日、App Store の子ども向けカテゴリのランキングを娘と一緒に見ていたときに、娘が「これやりたいっ！」と指を指したそのアプリが、「なりきり!!ごっこランド」でした。娘はまだ、ストアの説明文などを読めないため、アイコンとスクリーンショットだけを見て、面白そうかどうかを判断しています。そのときも、

1. HTML/CSS 〜 「お・も・て・な・し」をブラウザにも 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザにやさしい <html5j パフォーマンス部 第⼀回勉強会 /> 2. プロフィール • TAKEHARU IGARI 猪狩 丈治 - 所属 • 株式会社 Lei Hauʼoli フロントエンドエンジニア - 略歴 • 表⽰速度、保守性、ブランディング、SEOを考慮したフロントエンドエンジニアリングを得意とし、 現在、各ナショナルクライアントのプロジェクトや、株式会社リクルートの主要サービスのフロント エンド開発に携わり、⾼速化コンサルティングも⾏う。 - 執筆 • 技術評論社「WEB+DB PRESS」 • Vol.66 〜我流コードからの卒業HTML構造化指南 • Vol.59 〜「Webサイト超⾼速化実況中継 ──

プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました． 多分これがslideshare内で一番役に立つと思います． スライドの作り方を学んだことがない方、参考にどうぞ！ 2016.01.22 書籍発売　好評につき重版決定！！ http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード！ 【連絡先等】 Yuta Morishige Webサイト: https://mocks.jp/ ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】Read less

請求書をもっとラクにつくるなら「Misoca」 「エクセルが苦手」 「入力するだけで自動作成できるツール探している」 「請求業務に時間をかけたくない。クラウドで作成・管理を検討している」 という方は、ミスなくカンタンに請求書が作れるMisocaがおすすめです。 Misocaなら必須項目があらかじめ設定されているから、項目に沿って入力していくだけで請求書が完成！ 消費税（内税・外税）や源泉税などにも対応しており、計算ミスを防ぐことができます。 ロゴや社印も登録したものを自動出力するから請求書が素早く！カンタン！正確！に作成できます。 →Misocaを使ってみる 請求書のテンプレート・ひな形・フォーマット 「請求書ってどうやって作ればいいんだろう」 「請求書の書き方がわからないから、テンプレートや見本がほしい」 「エクセルの関数が苦手で、請求書作りに困っている…」 そんなお悩みをお持ちの方へ、