優秀な技術者を追い出してしまう方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 若手エンジニアを不幸にしないための開発の「べからず」集 組織運営編から記事を独立させました。 優秀な技術者ほど辞めてしまいやすいのは、多くの会社に共通していることです。 この文章では、どうして優秀な技術者が辞めていってしまうのか、その理由を探るとともに、そうならないようにするための対処方法を少しずつ書き足していきたいと思っています。 マネジャーのみなさんへの前書き 会社の資産であるソースコードはきちんと管理されてますか？ 「きちんと金庫にしまってある」ではありません。 開発が進みやすく、今のソースコードはどのように品質が保たれているのか
FuseBox – 新進気鋭の JavaScript モジュールバンドラー – NET BIZ DIV. TECH BLOG
SPA ( Single Page Application ) のような 大規模 web アプリケーションを作っていると JavaScript のバンドル ( 依存関係を解決して単一のファイルにまとめること ) がどうしても必要になりがちです。僕はこれまでずっとバンドルツールに Browserify を採用していたのですが、FuseBox なるものが良さげという話を耳にしたので試してみました。 本エントリは、2017年7月14日の Gotanda.js #8 in Nextbeat で登壇した LT をフォローしたものです。 FuseBox って何？ FuseBox 一言で言うと多機能かつ高速なモジュールバンドラーです。フレームワーク含め、複数の JavaScript ファイル間の依存関係を解決して最終的に単一の JavaScript ファイルを生成します。JavaScript コードをひ
私的TypeScriptとの関わり方ガイドライン - 角待ちは対空
初めて書く時困りそうなトピックごとに TypeScript との関わり方を示していく。導入や書き始めのハードルを下げるのが目的なので意識高いことは言わない。 https://github.com/remojansen/logo.ts 対象読者 ゴール 基本姿勢 何故そんなこといい加減な感じなのか 型の書き方 type annotation シグニチャ 型が合わない時 Structural typing any したい キャスト色々 キャストせざるを得ない時 import できない error TS2307:Cannot find module 'hoge'. error TS1192: Module '"hoge"' has no default export. や error TS2305: Module '"hoge"' has no exported member '_'. など 頑
DNPコミュニケーションデザイン
About us私たちは… コンテンツファーストによる コミュニケーションデザインで変革を 私たちは、人に寄り添うユーザーの視点で、 人と人、人と社会、組織間の課題を、 コミュニケーションデザインで解決していきます。
株式会社D2C｜データマーケティングカンパニー
D2Cグループは、認知拡大から販売促進、ロイヤルユーザー化まで、幅広い領域を対象としたソリューションを提供するデータマーケティングカンパニーです。あらゆる手段を駆使して「人を動かす、新しい瞬間」をプロデュースすることで、企業の課題を解決に導きます。
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
PHP初心者でもできるCodeIgniterで簡単にAPIを作る方法 | スーパーソフトウエア 世界最強のホットテクノロジー
前回、CodeIgniterいいね！PHPで簡単にAPIを作成する方法でAPIを作ることができました。 データベースに保存してあったツイートをすべて取得するだけの単純なものだったので 今回はパラメータを指定できるAPIを作成したいと思います。 またまた参考サイトから画像拝借。参考サイト：Working with RESTful Services in CodeIgniter | Nettuts+ パラメータはこのように指定します。 今回はステータスIDを渡すと該当ツイートと前後のツイートをデータベースから取得するとしましょう。 まずAPIを叩くためのURLを決定します。 index.php/api/v1/statuses/around/[ツイートのステータスID]/format/xml api/v1 はコントローラーのフォルダ構成とコントローラーのファイル名です。 sta
CreateJS入門サイト - ICS MEDIA
このサイトはHTML5 Canvasのフレームワーク「CreateJS」の入門サイトです。初学者から学べるように基本的なCreateJSの使い方から解説しつつ、発展的な内容までまとめています。このサイトを通して、webでのインタラクションデザインについて学んでいきましょう。 導入編 webのリッチコンテンツを作るためのフレームワーク「CreateJS」。どのような場面で利用されるのか、どういった表現が可能なのかという点を中心に、概要と導入方法を説明します。 CreateJS とは CraeteJS の事例 簡単なサンプルを試そう ブラウザの開発ツールの使い方を抑えよう CDNのURL 次のコードをHTMLファイルに記述することでCreateJSが利用可能になります。 <script src="https://code.createjs.com/1.0.0/createjs.min.js">
HTML の 〜 内に書くタグの順番にも気を遣ってみた。
今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
BOXIL SaaS（ボクシル サース）- SaaS比較サイト
勤怠管理・顧客管理・経費精算など煩雑な業務を自動化。売上アップや組織の見える化に貢献し、明日の生産性を向上させる。口コミ・資料から比較し最適なサービスに出会う、SaaSマーケティングプラットフォーム。※第1位・・・2020年9月実施 株式会社ショッパーズアイ「SaaS比較メディアに関するイメージ調査」より
HugeDomains.com
Captcha security check vanillate.com is for sale Please prove you're not a robot View Price Processing
CSSとHTML Canvasで作るモーショングラフィック - ICS MEDIA
ICS MEDIAのトップページに掲載しているモーショングラフィック。これはCSSとHTML Canvas要素を使って作成したものです。時間経過とともに波の形状と色彩が変化し、多彩な表現を楽しめるようになっています。 本記事ではCSSとHTML Canvasの理解につながることを目標に、このモーショングラフィックの作成方法をステップ形式で解説します。サンプルのソースコードはすべてGitHubにて公開していますので、あわせて参照ください。 ▲ 完成版サンプル ステップ1. CSSでグラデーション背景の作成 サンプルを別ウインドウで開く ソースコードを確認する はじめに、時間経過で色彩が変化するグラフィックを作成しましょう。CSSで縦に長いグラデーションの背景を用意し、CSSアニメーションを使って縦方向に移動させることでグラデーションが変化する表現ができます（ステップ1のソースコード)。 #b
WebPackを使ってJavaScriptを効率的に書くチュートリアル【入門編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先日Developers Summitデビューしました。こんにちは、先生です。 前回公開した記事「エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順」の反響が大きかったので、そこで使われているWebPackというModule Bundlerをもう少し深く掘り下げていきたいと思います。 WebPackとは WebPackは静的なファイルの依存関係を解決しつつ結合したり分割したりするツールです。非常に多機能でカスタマイズの幅が広いのが特徴です。 http://webpack.github.io/docs/ 個人的な経緯ですが、require.js -> Browserifyを経てWebPackに落ち着いたところです。 WebPackはnpmを使ってインストールします。 npm install webpack -g ※ npmが使えない方はまずNode.jsをインストールしてく
Browserify を使ってみる 2 - Source Maps - アカベコマイリ
この間の記事では Browserify による JavaScript の結合を試したが、この状態だとデバッグ対象が巨大な単一ファイルとなり扱いにくい。この問題の対策として今回は SourceMap の生成を試してみる。前回の gulpfile.js にはいくつかバグがあったので、ついでにそれらも修正しておく。 AltJS から JavaScript をコンパイルしたり Minify しても、デバッグ時には変換前の状態で扱いたい。そんな欲求に応えてくれる仕組みとして Source Maps がある。 Source Map Revision 3 Proposal Introduction to JavaScript Source Maps 変換前の情報を既定の書式で JavaScript ないしは別ファイルに記録しておくことで、対応しているツールが変換前後のスクリプトに関連づけてくれる。例えば
githubのwebhookを使って、push時に自動でサーバーを更新させる - MANA-DOT
このサイトのテーマはgithubで管理しています。 ただgithub上でソースを管理し ローカルで修正 → githubにpush → Webサーバーでpull としても便利なのですが、githubにはwebhookという機能があり、githubのレポジトリに変化があった時に任意のURLを叩いてもらうことができます。 この機能を使うことでレポジトリにpushした時に自動的にサーバーを更新することができます。 Webサーバーの設定 まず、Webサーバーにgithubから叩いてもらうプログラムを置きます。 今回はこのサーバーにはWordpressのためのPHPが入っているので、PHPで以下のように書きました。 hook.php <?php $LOG_FILE = dirname(__FILE__).'/hook.log'; $SECRET_KEY = '** secret **'; if (
GraphicStock-Fan.com
GraphicStockは 普通じゃない 要するにGraphicStock（グラフィックストック）は有料の素材サイトです。写真、イメージ画像、ベクター素材、イラストレーター素材、背景、テンプレート、アイコン、ロゴ、パターン、テクスチャなどの様々なタイプの素材が揃っています。 ただし普通の素材サイトとは違うんです。まずは実際にサイトを確認してみてください。 公式サイトはこちら https://www.graphicstock.com/ みんな不満だった 端的に言ってGraphicstockは「絶妙」なんです。多くのクリエイターやブロガーは次のような不満を抱えていました。 「フリー素材なんて使えない。クライアントにバレたら面倒だし、Googleから同一コンテンツペナルティを受ける可能性があるし、利用規約がややこしいし、そもそも素材の品質が低い。しかし高額な有料素材サービスも困る。」 そんな不満
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - lo-th/Oimo.js: Lightweight 3d physics engine for javascript
Home - 俺式4.0 tkDocs
straightline bookmark | Web design bookmarking
https://jp.techcrunch.com/2015/11/25/20151123wordpress-com-goes-open-source-and-gets-a-desktop-app/
