子育て奮闘中のエンジニア・クリエイターの このサービスは子育てに便利! 保育所でこんなことしてます! 自身の〇〇なスキルを子育てに役立ててます! など共有できればなと思います。
子育て奮闘中のエンジニア・クリエイターの このサービスは子育てに便利! 保育所でこんなことしてます! 自身の〇〇なスキルを子育てに役立ててます! など共有できればなと思います。
次なるユニコーン企業(非上場で時価総額10億ドル超)と評されている、米国発のすごいビジネスモデルを図解で4つ紹介します。 1. Optoro(物流) 2. Fundbox(金融) 3. PillPack(製薬) 4. Farmers Business Network(農業) このうち3つは5年以内に創業、残りの1つであるOptoroも2010年創業。いわゆるスタートアップですが、全て100億円前後の資金調達を完了させている急成長中の企業です。 Optoro 1つ目は、ECサイトの返品・売れ残り商品を扱うリバース物流サービス「Optoro」。 これだけオンラインショッピングの市場が拡大した現代だからこそ、返品や売れ残りは小売事業者にとって、かなりの損失。さらに、それらが廃棄されてしまっては環境にもよくない。そこでOptoroはより持続的な消費を促すために、ECで返品された商品を扱う物流サービ
Laravel is a PHP web application framework created by Taylor Otwell. It provides tools and libraries to facilitate development including dependency injection (IoC), facades, and service providers. Laravel uses dependency injection to instantiate classes and resolve dependencies. Classes can be bound to interfaces to enable easy mocking and swapping of dependencies.Read less
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味/関心があり、これから学び始める方 前提環境 筆者の検証環境は以下の通りです。 macOS Sierra 10.12 Node.js v8.6.0/npm 5.5.1 React 16.1.1 フォームとリストで掲示板アプリを作る GUIを実装する上で、ユーザーからのインプットを受け取る方法と、ユーザーにアウトプットを見せる方法を覚えるのはとても大切なことです。今回は、HTMLの古き良きインプット方法であるform要素から入力を受け付けて、リスト形式でデータを表示する掲示板アプリを題材にして、ReactというUIライブラリがどのように活躍するのかを見ていきましょう。最終的に、図1の見た目をしたアプリケーションができ上がります。 図1 掲示板アプリ コンポーネントの設計を考える 今回の掲示板アプリではコンポーネン
この投稿は Increments Advent Calendar 2017 の18日の記事です。去年に続き、2017年の Qiita の CSS 構成について述べます。 2016年版はこちら: QiitaのCSS構成2016 プリプロセッサー 2016年は CSS のビルドフローで一貫して PostCSS を使っていましたが、2017年では プリプロセッサーとして Sass (node-sass) を使っています。 プリプロセッサーとして PostCSS を使わなくなった最大の理由は @apply ルールが仕様から落ちた ことです。@apply は Sass でいう引数なしの mixin みたいなもので、Chrome の Canary では実装されていた時期がありましたが、消えてしまいました。 おそらく CSS Nesting Module や CSS Extend Rule も落ちると思
2017年3月からGCEのf1-microインスタンスが一人1台無料になりました。私自身3月からずっと起動したままで運用してきて10月まで無料で使わせてもらっていたのですが、下記の通り11月は1円を請求されていました。 GCEのf1-microインスタンスは1ヶ月分(月の日数に応じて720時間もしくは744時間)のCPU利用が無料になるのですが、11月は721時間使っていたというのです。 課金された理由はサマータイムの終了 いい大人であれば1円くらい仕方ないなと思うところでしょうが、私は理由が気になって課金ログを確認してみました。すると、11/5だけ25時間分のCPUを使っていることがわかりました。アメリカの11月第1日曜日はサマータイム終了の日なので、実際に1日が25時間あるのです。 これがGoogleさんの意図通りかは不明ですが、おそらく考え漏れなんじゃないでしょうか。サマータイムって
The electron npm package now includes a TypeScript definition file that provides detailed annotations of the entire Electron API. These annotations can improve your Electron development experience even if you're writing vanilla JavaScript. Just npm install electron to get up-to-date Electron typings in your project. TypeScript is an open-source programming language created by Microsoft. It's a sup
(最終更新 2018/08/16) 自明のことではありますが、リモートワークにも労働基準法は適用されます。しかしオフィスを離れて仕事をする場合には、やはりオフィスと同じように労務管理をするのは無理が生じます。今回は、リモートワークにおける労務管理について少し整理してみましょう。 ①労働条件の明示 就業の場所の明示が必要 まずはじめに、事業主は労働契約締結に際し、就業の場所を明示する必要があります(労働基準法施行規則5条2項)。在宅勤務の場合には、就業場所として従業員の自宅を明示する必要があります。 また、在宅勤務であっても、一定の要件を満たせばみなし労働時間制を利用できます。(労働基準法第38条の2)「一定の要件」とは以下の3点にあたります。 ⑴ リモートワークの就業場所が、起居寝食等私生活を営む自宅であること ⑵ 使用しているパソコンが使用者の指示により常時通信可能な状態となっていないこ
もともと数ヶ月前から、Go言語によるWebアプリケーション開発 を読みながら Go での Webアプリケーション開発の勉強をしていた。 Go言語によるWebアプリケーション開発 作者: Mat Ryer,鵜飼文敏,牧野聡出版社/メーカー: オライリージャパン発売日: 2016/01/22メディア: 大型本この商品を含むブログ (3件) を見る 「実際に動くもの」を、「手を動かして作りながら学ぶ」のが僕は好きで、今回も同様、それを楽しんでやっていたのだけど、思いの外それっぽいものができあがってしまって。これをそのままローカルで動かすだけじゃおもしろくないな、もったいないな、と思ったので、それをサービス化して公開するところまでやってみた。 かんじんのアプリケーションは↓これ。Yukizuri と書いて「ゆきずり」と読む。 https://yukizuri.moshimo.worksyukizu
最初に この記事はVue.js アドベントカレンダー#4 25日目の記事です。 この一ヶ月でVue.jsについてのナレッジが100記事増えたことになります。やったね!! 2018/8/2 追記 現在では vue-cli の3.x.xがリリースされており、スキャフォールドからVueプロジェクト作成の工程が若干異なりますのでご留意ください。 この記事でやること バックエンドをFirebaseに丸投げしたユーザ登録 → サインイン → サインアウト までのチュートリアルです。 認証の実装は面倒 フロントエンドの技術を使ってちょっとしたアプリケーションを作った時、認証やユーザ管理を実装するのはそれなりに面倒かと思います。フレームワークの選定、DBは何使う?など決めなければならないこと、覚えなくてはならないことがたくさんありますね。 そこでBaaSを使います。 BaaSって? Backend as
commitlint というツールをご紹介します。 commitlint とは、Git のコミット規約(commit convention)に従わせるための npm ツールです。ESLint のように、ルールを JavaScript で設定・開発できます。 commitlint helps your team adhering to a commit convention. By supporting npm-installed configurations it makes sharing of commit conventions easy. commitlint はチームがコミット規約に従うのを助けます。npm インストールされた設定をサポートすることにより、簡単にコミット規約を共有することができます。 「コミット規約」といえば、Angular チームの規約 が有名です。そのコミット
この記事はVue.js #2 Advent Calendar 2017の21日目の記事です。 去年も参加させていただいたのですが、今年は4つもカレンダーが作成されてVue.jsの勢いすごいですね。 今回、自分がこの記事で書く内容は特にテック的なことではなく、Nuxt.jsへの感想記事や思い出記事みたいなのになりますので、Nuxt.jsの技術的な内容を期待していた方はすみません。こういった人間もいるのか程度にご覧いただけたら、という感じです。 テンプレートエンジン・プリプロセッサの多様化 いきなりVue.js、Nuxt.jsという主題から脱線してしますがご了承ください。 Node.jsというものが世に出てから、おそらく、宗教上の理由などを抜きにすれば、HTMLやCSSを素で書くことはなくなったと思います。いわゆるテンプレートエンジン・プリプロセッサの時代。 人々はHTMLをPug(Jade)
こんな感じでドラッグ&ドロップでソートが出来る表を作りますよー。もちろん、スマホなどのタッチパネルにも対応しています。 ※2018年2月15日追記:Edgeでも使用する場合、オプションに「forceFallback:true」を追記しないと、動かなかったりすることが判明したので後述します。 準備 まずは、npmでインストールをします
はじめに vue-cliでwebアプリケーションを作って、GitHubPagesで無料で爆速でリリースした話の記事で、vue-cliで実装したものをGitHubPagesでリリースしました。 今回の記事はNetlifyが熱いと最近聞いたので、アカウント登録からvue-cliで作ったwebアプリケーションのリリース、カスタムドメインとHTTPSの設定をしたので書いていきたいと思います。 ※vue-cliに関しては上記記事に詳しく書いてあるのでこの記事では触れません リリースしたサイト(中身はGitHubPagesでリリースしたサイトと同じ) https://holy-place-photo.netlify.com/ https://www.netlify.com/ 静的なサイトなら簡単にリリースができるサービスです。 下記Qiitaの記事に詳しく特徴が載っています(下記Qiitaの記事で自分
(Angular v.4.3.6を利用) 参考 リンクを設定したい 通常 パラメータがついたリンク アンカー(#)がついたリンク アクティブなリンクにクラスを設定したい ts内で遷移の制御をしたい 通常 パラメータをつける アンカー(#)をつける クエリを保存して遷移したい 参考 コンポーネント内でパラメータを取得したい Observableで取得 route.snapshotから取得 特定のRouteに紐付けないパラメータを利用したい 前回のURLを取得したい アプリ初期時に処理を追加したい 参考 Routerのナビゲーションイベントを確認したい その他 コンポーネントの再利用について知りたい カスタマイズしたい 参考 RouterとActivatedRouteについて知りたい その他 複数のRouteを表示したい 「遷移前に認証チェックをしたい」「遷移前に未保存のデータがあるか確認をし
ElectronでAngularの開発は普通のElectronの開発とあまり差がありません。 https://github.com/maximegris/angular-electron をベースに直接やってもいいですが、自分で@angular/cliでやっても問題ありません。 1. 環境構築 npm install @angular/cli ng new electron-angular cd electron-angular npm install --save-dev electron electron-reload import { app, BrowserWindow, screen } from 'electron'; import * as path from 'path'; let win, serve; const args = process.argv.slice(1)
parceでバンドルしてみた そしてwebpack(1.1)との比較 背景 フロントエンド、ファイルバンドル界に彗星のごとく現れたparcel、とにかく速いを売りにしているこれは本当に速いのかを検証してみようとwebpackでバンドルしていた200ファイル近いソースコードを使い検証してみた 構成モジュール 200ファイルくらい(ほとんどtypescript) typescriptファイル javascriptファイル fontファイル jsonファイル cssファイル stylファイル
2017年の Advent Calendar の最終日に投稿することとなりました。 普段はサラリーマンをしつつ、アフター5をゆるふわに流しているおじいちゃんです。 最近では、トライアスリート( )として健康増進を、そしてまたある時はOSSとして開発しているE2D3~Excelで利用できる可視化ツール~にコントリビュートしている、そんな感じです。 ここでの手法をアレンジすれば、クライアントサイドのJavaScriptを扱うことが出来るWebサーバでPDF生成が実現できる手法を身に着けることが可能となりますので、ご参考いただけましたら幸いです。 この記事が目的とするところ 記事タイトルの通り、「jsPDFで、無理やり日本語出力を行ってみる」です。 が、このタイトルの意味が伝わりにくいという点と、どうやって既存のOSSを改造したかという2点で質問が来る可能性があるかなぁと考えました。(jsPDF
管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。 そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレートです。 CoreUIの使い方 スクリーンショット多めで紹介します。まずはダッシュボード。このようなUIの管理画面が簡単に作れます。 ボタン。 ソーシャルボタン。 カード。 フォーム。 モーダル。 スイッチ。 テーブル。 タブ。 アイコン。Font AwesomeかSimple Line Iconsがサポートされています。 ウィジェット。 こんなウィジェットも。 チャート。 ログイン画面。 登録画面。 エラー画面。 CoreUIはVueで作られていますので、表示する際にもW
Dedicated to JavaScript and its awesome community since 2015
GitHubでプルリクエスト前提の開発をしていると、git blameで「なぜ、このコードがこうなっているのか」調べる際に、commit idではなくプルリクエストの番号を表示してほしくなります。 というわけで書いたのが git-blame-pr.pl。 以下のような感じで表示されるので、調査がはかどります。 $ git-blame-pr.pl lib/core/request.c (中略) PR #446 PR #606 h2o_iovec_t h2o_get_redirect_method(h2o_iovec_t method, int status) PR #606 { PR #606 if (h2o_memis(method.base, method.len, H2O_STRLIT("POST")) && !(status == 307 || status == 308)) PR
すっかりTypeScript厨(同僚談)になっているyprestoです。 AndroidでKotlinがどんどん採用されていくのを横で指を加えて見てるわけには行かないので、JSにもTypeScriptをぶち込みました。SwiftかKotlinを書いたことがある人ならばすっと馴染むと思います。 新しく書くJSはもう基本的にTSで書いてます(botすらTypeScriptに書き換えて引かれましたw)。ちょうど1年前からガッツリ使っていたので知見を垂れ流すフェーズに入ります。 完全な初級というよりは、ちゃんと使いたい中級な人向けに、基本的な使い方+最初に引っかかるところという感じで書いたつもりです。どちらでも大丈夫なように書くつもりなので、疑問点をコメント頂けるとうれしいです・・! なんでそんなにTypeScript使いたいの React使うなら常にTypeScriptという気持ちが高まりました
本記事は Vue.js #1 Advent Calendar 2017 の23日目の記事です。 TL;DR soussune(そうっすね)という技術系ポッドキャストのサイトをJekyllで構築してます よくVueの話をしてるのに肝心のサイトでは使ってない。のでVue使いたい Nuxt.jsにNuxtentモジュール入れて、nuxt generate で静的サイトを生成してデプロイしました ポッドキャストをやっている @trkw と @miyaoka の二人でこの一週間くらいスクラッチでサイトを作ってました。そこで実際にNuxt使ってみた話についていろいろ書いていこうと思います。 使用前・使用後 開発は8,9割程度終わった感じですが、現状まだ新サイトに移行してない状況です。 →移行しました。 旧サイト https://soussune-v1.netlify.com (開発リポジトリ) 新サイ
「30代中盤になってから、エンジニアとしての成長速度が落ちていると感じていませんか?」 この記事は、エイチームライフスタイルアドベントカレンダー2017 の 25日最終記事になります。 最近家族になった愛猫が可愛いすぎて、夜の呑みを控えて即帰宅している @kopug です。 はじめに @kopugの自己紹介 大学在学中に、フリーランスとしてWeb制作の請負をはじめ、Linuxサーバのホスティングサービス、WebシステムのASP業務を6年程やっておりました。 その後10名規模のベンチャーから、メーカー系SIerを経て、39歳となった今は株式会社エイチームライフスタイル で 執行役員CTOをさせてもらっております。 社内外でIT系エンジニアの方と話をする中で、 「30代になってからエンジニアとして成長が停滞しているように感じる。。」 「どうやって技術のキャッチアップをしているんですか?」 「k
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く