エンジニアが知っておきたい工数見積もり術！ " 無理ゲー進行 "から脱するために大切なコト - エンジニアHub｜若手Webエンジニアのキャリアを考える！
エンジニアが知っておきたい工数見積もり術！ 無理ゲー進行 から脱するために大切なコト エンジニアの仕事に欠かすことのできない、工数見積もり。実際の現場でいくどとなく見積もりを行ってきた筆者が、「健全な進行」にするための工数見積もりのテクニックを伝えます。 アプリエンジニアの池田 惇（ @jun_ikd）です。今回は、エンジニアならば避けられない「工数見積もり」について考えてみたいと思います。若手エンジニアでも自分の作業は自分で見積もるようにするべきです。なぜなら、より正確に計画を立てられるようになれば、自分の時間をコントロールして学びや家族・友人との時間を確保できるからです。また、期日内に完了をさせることは周囲の信頼獲得に繋がります。工数の見極めはエンジニアとして、とても重要なスキルなのです。 なお、本稿での「見積もり」とは開発に必要な期間を予測することとし、見積もりが失敗する原因や対策
Googleアナリティクス活用：ページ内A/Bテストをする方法
こんにちは。Googleアナリティクスラブのカグア！です。 Googleアナリティクスのウェブテストって、URL単位じゃないとできないから使いづらいなあ、と思っている方はいませんか？ なんと公式ページに、ページ内のボタンやテキストなど、オブジェクト単位でA/Bテストする方法が書いてありましたので、ご紹介します。 実際試しましたけど、実装もすごい簡単でしたよ。 追記：2017年2月8日 GTM実装しているのならば、Googleオプティマイズとの組み合わせが、もはや最強かもしれません。 ＞＞Googleオプティマイズを使えたのでざっくり解説！時代はGGOP 関連記事 ＞＞A／Bテストの失敗事例、テストすること自体が有効という思い込み GoogleアナリティクスのA/Bテストとは 正式にはウェブテストという名称です。Googleアナリティクスのレポート内の行動＞ウェブテスト にあります。 ランデ
CSSのposition:stickyがすごく便利 | q-Az
最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。 対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。 position: stickyMDN が説明が詳しいので貼っておきます。 参考：position - CSS｜MDN 簡単に言うと「スクロールでその位置まで来たらそれ以降は fixed する」みたいな感じです。 サンプルこの記事内で「position: sticky」や「サンプル」など h2 要素に position: sticky をかけています。対応ブラウザであれば h2 要素が fixed しているはずです。 HTML<h2 class="h2-stic
原稿力アップの秘訣！初心者が知っておきたい校正のポイント13 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのヒロアキ（htanaka0725）です。 ドラマなどで脚光を浴びた 校閲 というお仕事。メディア業務においても不可欠な要素です。紙媒体の仕事に関わっていないと、「自分の原稿に赤字を入れてもらう」「赤字でのフィードバックをもらう」という機会は少ないかと思いますが、この校正戻しこそがライティングスキルを高めるうえでもっとも不可欠な作業なのです。 それは、自分の原稿を客観視し プロの読み物を生み出せる能力を高めるため 。独りよがりな記事ほど読むに耐えないものはなく、とはいえ誰もが「自分の原稿ほど出来のいいものはない」と思いがち。そんな自分の原稿を他人が書いたものとしてチェックできるようになるには、この校正力を高めねばなりません。 その校正の初歩とも言えるルールをまとめてみました。 校正時にチェックすべき項目 まずは校正における基礎中の基礎を項目化しました。編集者（編集部）
グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing
これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i
[CSS]知ってると便利！「:target疑似クラス」を使ったスタイルシートのテクニックと注意点
:target疑似クラスは、ターゲットとなるアンカーリンク先の要素を表します。例えば、長い記事をユニークなidでセクションに分け、それぞれのセクションにアンカーリンクを設置します。:target疑似クラスを利用すると、ターゲットとなるセクションごとにスタイルを適用することができます。 :target疑似クラスを使ったスタイルシートのテクニックと注意点を紹介します。 The :target Trick :target以外の便利な疑似クラス・疑似要素については、下記のページを参考に。 使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 :target疑似クラスを使って、コンテンツを表示・非表示 :target疑似クラスを使って、ナビゲーションをスライドアウト :target
![[CSS]知ってると便利！「:target疑似クラス」を使ったスタイルシートのテクニックと注意点](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2245872982c8e900d7bcc462d8385b1f0845ff9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201603%2F2016070901.png)
デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ
世間一般ではデザイナーは一括りに語られがちですが、デザイナーも千差万別、一人一人に個性があり、異なる価値観を持っています。この多種多様なデザイナーを一種類にまとめて扱うことは、デザイナーとのミスマッチに繋がり、デザイナーを擁する組織のマネジメントにとって、深刻な問題を引き起こすこともあります。 自分自身は経営者兼デザイナーとして仕事をし、今まで多くのデザイナーを見てきました。その私の経験則でいえば、デザイナーは大きく4つのタイプに分類できると考えています。例えば採用面接などで新たにデザイナーと出会った際には、まずはこの4タイプを手がかりにして、その方の理解を深めていったりします。 私が考えるデザイナーの4つのタイプとは、縦軸に「挑戦的」「保守的」、横軸に「感覚的」「論理的」を置いた4象限で表現できます。以下がその図です。 ここからは、理想実現型、成果追求型、共同作業型、実務遂行型の順に、そ
「残業するな」「いいから帰れ」 会社員の4割が“ジタハラ”に悩み 高橋書店の調査
「約4割のビジネスパーソンが時短ハラスメント（ジタハラ）に悩まされている」──高橋書店は11月22日、現役のビジネスパーソンを対象に行った「働き方改革」に関するアンケート調査の結果を発表した。「働き方改革」推進の影響で、“ジタハラ”に悩まされるケースがあるという。 全体の53.4％が「会社で働き方改革が行われている」と回答。そのうち、41.5％が「働ける時間が短くなったのに、業務量が以前のままのため、仕事が終わらない」という「時短ハラスメント」に関する悩みを抱えていた。
「いらすとや」を本気でSpineアニメーションさせてみた | Nagisaのすゝめ
そうだ！いらすとやを動かそう！！ こんにちは。にしやまです。 突然ですが、皆さんは「いらすとや」をご存知でしょうか？ 某大型家電量販店の店内ポスターに使用されていたり、SNSで拡散されたり、目にする機会が多いのでご存知の方も多いかと思います。 可愛いイラストのフリー素材サイトなんですが、中には「こんなのいつ使うんだろう」っていうようなネタ画像もあって見てまわるだけでも面白いです。 こんなのとか。 こんなのまで。 ある日のことです。 いつものように「いらすとや」を巡回していたぼくはふと思いました。 この愛すべきゆるキャラ(？)たちがイキイキと動いているところを見てみたい！それも超ヌルヌルに！！…と。 というわけで、今回はSpineを使って「いらすとや」をヌルヌルと動かしていきます！ ※Spineについては前回の記事「Spineを使って２Dキャラクターを３Dのように動かす」を参照ください。 ま
『ペルソナ5』のカッコよすぎるUIの制作工程を紹介！ アトラスの危機から生まれ、やがて特徴となったUIができるまで【CEDEC＋KYUSHU 2017】 - ファミ通.com
2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている
TinyMCEを設置する - Qiita
TinyMCEは、ブログやWordのような形で文章を見たまま編集(WYSIWYG。What you see is what you get)できるエディタのライブラリです。 (JavaScriptで作られていて、ライセンスはLGPLです) プラグインなどによる機能が豊富 WordPressなどに採用されていて品質が高い ツールバーの追加、ボタン位置の入替や削除、独自ボタンの追加などカスタマイズが柔軟にできる などの特長があります。 この文書では、TinyMCEの基本的な設置方法を説明します。 ※ この文書は独自で開発しているWebシステムやツールにTinyMCEを組み込むことを想定したもので、WordPressなどに組み込まれているTinyMCEのカスタマイズ資料ではありません。 1. 配布サイトからファイルをダウンロードする まず https://www.tinymce.com/down
TinyMCE4の設定をカスタマイズする | freoカスタマイズ集
freo,Web Liberty,PHP Laboのプログラムの改造の備忘録（旧Web Liberty&freoカスタマイズ集） TinyMCE4のカスタマイズついては、Configuration や Plugins の解説も参照して下さい。 ここでは主だったものをいくつか紹介します。 Enterキーを押したらpタグではなくbrタグを挿入して改行したい js/admin.js の//TinyMCE4の設定部分に、 forced_root_block: false, を追加します。 ※この場合pタグを挿入して改行したい場合は、Shiftキーを押しながらEnterキーを押します。 リンクの挿入で、target="_top"とかrel="lightbox"を入れたい場合 js/admin.js の//TinyMCE4の設定部分に、 target_list: [ {title: '新規ウィンドウ'
永遠に未完？ 「横浜駅」工事はいつ終わるのか （東洋経済オンライン） - Yahoo!ニュース
横浜駅は日本有数の巨大ターミナル駅だ。JRにおける乗降客数は新宿、池袋、東京、大阪に次ぐ第5位で、渋谷や品川を上回る。また、JR以外にも私鉄、市営地下鉄など鉄道事業者5社が乗り入れ、各路線の1日平均乗降人員を合計すると225万人に達する。 この記事の写真を見る その横浜駅ではつねにどこかで工事が行われている。ある場所で工事が終わったと思えば、別の場所で工事が始まる。古くから横浜駅を知る人の中には、「自分が子供の頃からずっと工事が続いている」と言う人もいる。口さがない鉄道ファンは延々と工事が続く横浜駅をスペイン・バルセロナにある未完の教会になぞらえ、「日本のサグラダ・ファミリア」と呼ぶ。 ■初代横浜駅は桜木町に145年前開業 横浜市が毎年開催する横浜駅再開発に関する関係者会議でも横浜駅の「サグラダ・ファミリア化」が話題になり、長く工事が続く状態に懸念を示す声が出席委員から上がったことがある。
謎の天体が太陽系を通過中、外から飛来なら観測史上初
（ＣＮＮ） 世界中の天文学者が、太陽系を横切る素早くて小さな物体の動きを追っている。米航空宇宙局（ＮＡＳＡ）は、この物体がすい星か小惑星かも不明としながらも、太陽系の天体の動きとは異なるため、太陽系外から飛来した可能性があるとの見方を示している。 これが確認された場合、天文学者が観測した初の「恒星間の物体」になるという。 ＮＡＳＡの地球近傍天体研究センターのポール・チョーダス氏は「我々は数十年間この日を待っていた」と言及。「恒星の間を飛び回り、ときには太陽系を通過することもある小惑星やすい星が存在することは以前から理論的に示されてきた。だが、探知されたのは今回が初めてだ。今のところ、あらゆるデータがこの天体が恒星間の物体である可能性を示しているが、今後さらに多くのデータが確認を助けてくれるだろう」と述べた。 ＮＡＳＡによると、データ取得のため、世界中の地上の望遠鏡と宇宙望遠鏡がこの天体に向
Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
非エンジニアのためのGitバージョン管理～Bitbucketの登録とはじめてのプッシュ | 隣IT
リモートリポジトリとは何かってことについてお伝えしました。 ネットを介して他の人とソースコードやバージョン管理を共有して共同作業をしたい場合にはリモートリポジトリが必要で、それを簡単に使わせてくれるのがホスティングサービスってなわけです。 ということで、今回はリモートリポジトリのホスティングサービスであるBitbucketの登録とリモートリポジトリへの最初のプッシュについてお伝えしていきます。 では、行ってみましょう！ Bitbucketにログインするまで リポジトリホスティングサービスBitbucketは、これまでシリーズで紹介してきている、グラフィカルなインターフェースでGitを操作できるアプリケーションSourceTreeを提供をしているAtlassian社がサービスをしています。 だから相性がいいんですね。 あと、ユーザーが5人までであれば非公開リポジトリでも無料で使うことができま
【画像】 TBSのNスタ、民進党・前原代表にとんでもないテロップを合わせてしまう : 痛いニュース(ﾉ∀`)
【画像】 TBSのNスタ、民進党・前原代表にとんでもないテロップを合わせてしまう 1 名前：名無しさん＠涙目です。(愛媛県)＠＼(^o^)／ [EU]：2017/09/28(木) 17:30:48.01 ID:Tf2Ui0Kx0 127 渡る世間は名無しばかり 2017/09/28(木) 17:05:05.03 ID:Ivazx/Tm バタルジ容疑者wwwwwwww 132 渡る世間は名無しばかり 2017/09/28(木) 17:05:16.05 ID:i6tDSvY6 すごいテロップ間違い 134 渡る世間は名無しばかり! 2017/09/28(木) 17:05:17.50 ID:gGLbfF3+ 容疑者扱いとかｗｗｗｗ 135 渡る世間は名無しばかり 2017/09/28(木) 17:05:17.85 ID:Oq3kRu+S クソワロタ 今度から前原をバタドルジと呼ぼう 136 渡る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URLのパラメータによって要素のスタイルを変更する方法 - Qiita
台湾で終戦を迎えた父親が教えてくれたという「目玉焼きスープ」が何しろ美味しそうで作ってみる人続々
COPYTRACK ▶︎ 無断転載された画像を発見&管理
