Newlab | Labs, Pilot Projects, & Deep Tech Startup InnovationThe only way forward is together. Newlab mobilizes startups, industry leaders, governments, and investors to accelerate tangible progress against the world’s most pressing challenges in energy, mobility, and materials.
コーディング中はブラウザにガイドを引こう - Qiita
PSD上でどんなに1px単位でこだわってもマークアップ時に再現されなければPSDは「絵に描いた餅」ですし、 むしろPSD上でのゴネゴネの時間をCSSの微調整に当てるべきと思っています。 そんな時、ブラウザ上で任意のガイド線を得るために自分は下記のようなやり方をしています。 body:target { //ガイド線 .area-main { &::before { //水平方向の中心線を引く display: block; position: absolute; width: 1px; height: 100%; background: cyan; left: 50%; top: 0; z-index: 10000; content: ""; margin-left: -1px; box-shadow: -493px 0 0 0 cyan, 493px 0 0 0 cyan; //中心からの
サイドプロジェクトを始めよう - Qiita
みんなサイドプロジェクトに取り組んでいる？ StackOverflowが2015年に行った大規模調査があります。 Stack Overflow Developer Survey 2015 その調査によると、驚くべきことに9割のエンジニアが毎週1時間は何かしらのサイドプロジェクトに取り組んでいて、その内半分の人はなんと7時間以上もそういった活動を行っています。もちろんこの調査結果には「StackOverflowのアンケートに答えるような人」というバイアスが掛かっている訳ですが、サイドプロジェクトという言葉の定義次第ではあながち嘘ではない気がします。 サイドプロジェクトと言うとコードを書いて公開するいわゆるオープンソース活動みたいなのを思い浮かべるかも知れません。ですが、ここではもっと大きく捉えましょう1。 僕のまわりで行われているサイドプロジェクトを考えてみました。 ボランティア活動 エンジ
言語の話だけじゃない！アニメーションの重要性／try! Swift参加レポート Day2 | PSYENCE:MEDIA
言語の話だけじゃない！アニメーションの重要性／try! Swift参加レポート Day2 大島 雅人 2016.03.16 149 18118634 こんにちは。大島です。2016年3月2日〜3月4日の間で行われていたtry! SwiftというSwiftのカンファレンスに参加してきました。私は、スタディサプリ ENGLISHのサーバーサイド兼iOSを担当しておりアプリはSwiftを使用して書いています。プロダクトのリリース当時はSwift1.2でしたが、今ではSwift3.0まで進化しているSwiftの勢いを感じるカンファレンスでした。 今回は、try! Swift参加レポート Day1に引き続き、2日目の様子とセッションの中から個人的に特に印象に残ったプロトタイピングの魔法とProtocol-Oriented Programming in Networkingのセッションをご紹介したいと
春からはじめるモダンJavaScript / ES2015 - Qiita
春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ
MacでNode.jsのバージョン管理 - Qiita
当たり前の人にとっては当たり前の内容です。 ほとんど自身の備考録みたいなものとして残します。 そもそもなぜバージョン管理が必要か？ Nodeのバージョンアップデートが激しい 早く新しい機能を使いたいのと，安定した機能を使い続けたい，が半々 仕事とプライベートで使い分けたい SWのシステム要件でサポートされるバージョンが違ったりする チーム開発時と，個人で使い分けなければならない(2番目と似たようなもん) 使用するツール 環境: Mac OS X 10.10.5 homebrew nodebrew homebrew Macで使用する様々なツールのパッケージ管理ツール 例えば， Cordova Docker Git etc. インストールコマンド: brew i Docker インストールされるディレクトリ: /usr/local/Cellar nodebrew Macで使用するNode.js
Node.js v5.0 がリリースされました。 - from scratch
Node.js v5.0 がリリースされました！！ 今回はどちらかと言うと機能面というより、 Node.js v5.0 の位置づけを中心に解説したいと思います。 機能面も一応載せますが、学園祭前で時間があまり作れないので、さくっと終わらせます。 機能面での変更 ES2015の文法追加 Spread operator が追加 Spread operator が追加されました。 これまで配列をJavaScriptの関数に引数に展開して渡す場合、以下のように記述する必要がありました。 function f(x, y, z) { console.log(x); console.log(y); console.log(z); } var args = [0, 1, 2]; f.apply(null, args); この書き方はあまり直感的じゃなく、また new 演算子と併用できないという問題があった
Node.js 5.0をインストールしてみました - SourceChord
つい先日4.0が出たばかりと思っていたら、もう5.0が出ました。 ただし5.0はLTS版ではないので、Node.jsの公式ページは以下のように、LTSの4系と5.0の両方がトップページに表示されるようになってます。 Node.js ちなみに、Node.js 5.0.0での変更点はこんな感じ。 https://github.com/nodejs/node/blob/v5.0.0/CHANGELOG.md 個人的に特に大きな変更点はコレ!! npm 3系へのアップデート node.jsにバンドルされているnpmのバージョンが上がりました。 npm3系については、以前こんなニュースがありましたが、それがNode.jsの標準として搭載されました。 http://www.infoq.com/jp/news/2015/07/npm http://www.infoq.com/news/2015/06/n
ニャンニャンしちゃった夜♪食べて笑って、大阪づくしの3日間！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 野田クラクションベベーです。 大阪で車中泊をしていたら、子供たちが傘でサンディエ号（車）をガンガン叩いてきたんです。「すいませんが、静かにしてもらえないですか？」と言ったら、ものすごい勢いで逃げて行きました。旅ではよくあることですね。 先日、会社から「サンディエ号の登場が少なすぎる。もしかして、会社の経費でアパホテルに泊まってるんじゃないか？」という言い掛かりを受けたので、普段の生活の様子を写真でご紹介します。 こんな風に、安全に車を停めることが出来た場合はイスと机を設置し、コーヒーを飲みながら記事を書いたりしています。物が多すぎてわかりにくいと思いますが、車の中にしっかりとベッドルームもあるんです。 朝は必ず、出発前にブラックコーヒーを飲むようにしています。ブラックコーヒーを飲むと、なんとなくタクシー運転手の息のにおいを連想してしまうのですが、僕だけでしょうか。 それでは、
【�TypeScript入門】特徴と機能の一部をまとめました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。7月に入社をしたフロントエンドエンジニアのゆーたです。 今回は「TypeScript」についてゆるく話していきたいと思います。 TypeScriptとは http://www.typescriptlang.org/ TypeScriptは、Microsoft社が開発したaltJSです。 altJSは、JavaScriptへコンパイル（トランスパイル）して使用する中間言語で、CoffeeScriptやDart、Haxeなどがあります。 このような中間言語が出現した背景には、JavaScriptの抱える以下のような問題を解決しようとした流れがあるのだと思います。 プロトタイプ継承 モジュールの管理 スコープ 型の欠如 TypeScriptの特徴 つづいて、TypeScriptの特徴を詳しくご紹介します。 TypeScriptはES2015（ES6）の機能を実装しています。 静的型付
Gulp で TypeScript をコンパイル & tsify で連結 - Gulp で作る Web フロントエンド開発環境 #4 | PSYENCE:MEDIA
Gulp で TypeScript をコンパイル & tsify で連結 - Gulp で作る Web フロントエンド開発環境 #4 wakamsha 2015.04.22 56 971822 TypeScript とは http://www.typescriptlang.org/ TypeScript はマイクロソフトによって開発されたフリーでオープンソースのプログラミング言語である。TypeScript は JavaScript に使用するかどうかが任意の静的型付けとクラスベースオブジェクト指向を加えたスーパーセットとなっている。C# のリードアーキテクトであるアンダース・ヘルスバーグが TypeScript の開発に関わっている。 TypeScript - Wikipedia Alt JS として何かと CoffeeScript と比較されることの多い言語です。これまでは Rails
Gulp+WebPackで作るTypeScript開発環境【5分でできる！】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
それでは順を追って作ってみましょう！ ディレクトリの準備 まずはディレクトリを用意します。 今回はts-templateフォルダの中にindex.htmlを置きました。 ts-template �└── index.html 作ったらterminalで移動しましょう。 package.json作成 package.jsonを作成します。 npm init 何かいろいろ聞かれますが、全て[enter]でOKです。 ts-template ├── index.html └── package.json モジュールのインストール 必要なモジュールをインストールしましょう！ まとめてインストールもできますが、今回は1つずつインストールしていきます。 gulp gulp-connect gulp-webpack ts-loader typescript npm install gulp --save
TypeScript超入門
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
TypeScript入門―大規模開発に適したJavaScript互換言語 | gihyo.jp
AltJSとTypeScriptとは 昨今、高度なWebアプリケーションやNode.jsによるサーバサイドアプリケーションなど、JavaScriptによるアプリケーションの開発が多く見られるようになってきました。それに伴い、アプリケーション開発の効率化のためのAltJSと呼ばれる言語（コンパイルするとJavaScriptを書き出す非JavaScript言語）たちが注目され、開発が盛んに行われています。TypeScriptはAltJSの1つです。 TypeScript以外にもさまざまなAltJSがあります。たとえばLL（Lightweight Language）を意識した書きやすいJavaScriptとしてのCoffeeScript[1]、国産で速度最適化を重視しているJSX、JavaScript以外の言語への変換ができるHaxeなどです。TypeScriptは、よりよいJavaScrip
制作現場が幸せになれる開発プロセス「デザインスプリント」
つまり、１週間で、課題解決を次のステップまで持っていく手法となります。 本当は５日間必要ですが、今回のワークショップは2時間の短縮版にし、参加者にはそのエッセンスを体験してもらいました。 初体験でも短時間でも結果を出すことが大事 プログラムとしてはこちらで用意した「スマホ版サイトのファーストビュー改善」という課題を情報共有、アイデア出し、アイデア決定、プロトタイピングの各タスクを5分～15分単位のスケジュールでこなしてもらいました。 プロトタイピングでは、課題のサイトの改善案をイラストとして各チーム、発表。 最後の懇親会をユーザーテストとして、みんなで意見交換をする、という流れでした。 ファシリテーターとしてチームをみていると、10分、15分の短時間でも参加者の個性がわかります。積極的な人は常に積極的で、デザイナーはイラストを描くし、コンサル系の人は説得力のある主張をする。自分の職種にあっ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
mBaaSとは | ニフクラ mobile backend
mBaaS（mobile backend as a Service）とは、スマートフォンアプリでよく利用される汎用的な機能をクラウドから提供するサービスです。 クラウド上に用意された機能をAPIで呼び出すだけで利用できるので、サーバー開発・運用不要でよりリッチなバックエンド機能をアプリに実装することができ、工数削減によるコストカット・スピードアップに貢献します。
【図解】ゼロから始めるモダンなコマンドライン環境作り #iTerm2 #tmux #zsh｜CodeIQ MAGAZINE
普段からコマンドに触れておくで「黒い画面」アレルギーを解消 コマンドラインツールの弱点は、初心者が覚えるまで時間がかかるということです。「黒い画面」という言葉を聞いたことがあるでしょうか? あまりコマンドラインに馴染んでいない人が、ターミナルのことを指すときに使う言葉だそうです。私も含め私の知り合いでターミナルを使っている人の多くはなぜか背景を黒にしています。「黒い画面」を最初に思いついた人は、ターミナルの見た目からつけたのでしょう。加えて、「黒」という言葉が「閉鎖的」「敷居が高い」「難しい」といった印象を喚起させて、ターミナルのことを的確に表現した言葉だと感心しています。 私自身もコマンドラインを使う前は、「難しい」「敷居が高い」「ギークの閉鎖的なツール」というイメージがあり、食わず嫌いしていました。「黒い画面」アレルギーと言ってもいいでしょう。仕事でLinuxサーバを保守しないといけな
文系新卒プログラマの君がスーツの代わりに買うべき20冊 - 俺、サービス売って家買うんだ
こんにちは@hazumuです。 このブログでプログラミング関係の記事を書いたり、アプリを作ったりしているのですが実は文学部を卒業してたりします。 ちなみに今は社会人6年目の終わりで、これまではJavaScriptでインタラクティブな社内ツールを作ったり、ソシャゲのUIを作ったり、ゲーム作ったりしてきて、現在は会社でSwiftを使いiOSアプリを書いたり、Ruby(Rails)とJavaScriptを書きつつなれないインフラ構築をしながらWebサービスの開発を行ったりしています。 日本では、大学で学んだことと就職した先の仕事が結びつかないことがよくあるので、この春から晴れてプログラマになる文系の学生さんって結構多いのではないでしょうか？ 僕は学生の頃にアルバイト先のベンチャー企業で、わからないなりにHTML、CSS、PHPを書かせてもらっていました。しかし、当時はプログラミングや情報工学の知
DOMのまとめ - Qiita
DOMとは、HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPI。 DOMではHTMLドキュメントやXMLドキュメントを「オブジェクトのツリー状の集合」として取り扱う。このツリーをDOMツリーと呼ぶ。 DOMツリーの一つ一つのオブジェクトはノードと呼ばれる。ある1つのノードから他のノードを参照する時は、親ノード、子ノード、兄弟ノード、先祖ノード、子孫ノードなどと呼ぶ。 DOMの仕様は、Level1〜3がW3Cにより定義されている。 タグと要素とノード タグ (文書構造を指定するためのマークアップとして記述する文字列) 要素とノード (要素とノードは継承関係 ノードがスーパータイプ) DOM操作 [なぜやるのか] インタラクティブな機能 ある特定のDOM操作を選択しそのDOMの内容や属性を書き換えたり、新しい機能のDOM要素を作成したりして、ユーザーに視覚的なフィード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
水中を魚のように泳げる人工エラ「Triton」--“海のトリトン”になれるかも
Amazon.co.jp: あなたはコンピュータを理解していますか? 10年後、20年後まで必ず役立つ根っこの部分がきっちりわかる！ (サイエンス･アイ新書): 梅津信幸: 本
Googleが「日本人」専用の開発者向けYouTubeチャンネルを公開中！ : うえぶはっく