React Component な npm のパッケージを作って TypeScript のプロジェクトで使う - Qiita
はじめに TypeScript のプロジェクトでいい感じのテキストフィールドをatomsディレクトリの下に用意して作っていましたが、機能が多くなったり、コンポーネントが分かれてくるとmoleculesに移動させたりと、めんどくさいので、npmのパッケージ化してしまえと思ったことが始まりです。 今回は create-react-app で作成したプロジェクトに取り込ませて、実際に私が行った、npmのパッケージ開発方法、手順を紹介します。 パッケージを取り込む用のプロジェクトを作る とりあえず create-react-app でベースのプロジェクトを作成します。 ベースのプロジェクトが存在する方は不要です。
自作 OSS のためのロゴを作る | micnncim
著名 OSS にあって自作 OSS に無いものの一つにロゴがあります。 OSS において README の出来不出来はユーザへのリーチを高める重要な要素であり、詳細な Description や GIF によるデモはもちろん、ロゴがあればより魅力的な README になるでしょう。 また、SNS でシェアされる際もロゴがあればより良いでしょう。 はじめにソフトウェアエンジニアの多くはデザイナーではないためロゴを作るコストは低くなく、テキストだけ作るのであればまだ簡単ですが、自作アイコンを作ることはかなりの労力を要することでしょう。 僕も同様で、デザイナーではないため、結論として非デザイナーでも出来る戦略を考えることになりました。 今回は、micnncim 流の、出来るだけ低コストで低くないクオリティの OSS のためのロゴの作成方法について解説します。 慣れれば上の画像のようなロゴが 5
就活のためにWEBサービスを作ったら、転職できた以上の価値をもたらしてくれた話 - Qiita
WEBサービス立ち上げ2周年を迎えたGWに、記念に書いたものです（＾＾） 長いけどお付き合いいただけると幸いです。 TL;DR 転職時のポートフォリオに「こんなことできます」と書くためにWEBサービスを作った 最新のいろんな技術を実践的に学ぶことができスキルがメキメキ上がった 就活どころか、新たな出会いとチャンスが生まれて、これはもしかしたら…………。 想定読者様 WEBサービスを立ち上げたい人 WEBサービスを立ち上げるのに、プログラム以外にどんなことをするのか具体例を知りたい人 まぁそれはそれ、1つの例としては参考になるよね、と割り切っていただける方 今回はごめんなさい…な読者様 転職したい人。……釣りタイトルですみません、転職ノウハウな話は出てきません。 WEBサービスを立ち上げて独立したい人。……すみません、独立していません。 WEBサービスを立ち上げて収益をガンガン上げていくノウ
The Bash Guide
Chapters The Bash Guide Back to the front page. Inception What is bash, and where does it live? Commands And Arguments How do I give bash instructions? Variables and Expansions How do I store and work with data? Tests And Conditionals Different commands for different data. Loops And Functions Avoid repeating yourself. Asynchronous Commands Doing work in the background and managing jobs. Colors And
Bower: Why Front-End Needs a Package Manager — Frontend Babel
Package managers simplify installing and updating project dependencies, which are libraries that it uses: jQuery, Fotorama, everything that is used on your site and isn't written by you. Browsing all the library websites, downloading and unpacking the archives, copying files into the projects — all of this is replaced with a few commands in the terminal. Many programming languages have standard pa
なんとな～く使っていたらもったいない！ ちゃんと便利な「タグ」機能の活用術 | ライフハッカー・ジャパン
メモ帳、日記帳、ToDoアプリなど、文章を扱うアプリのほとんどにはタグ機能があります。この機能を使えば、情報を簡単に整理して必要な時にサッと見つけられるはずですが、そもそもタグというものがややわかりにくいため、うまく使いこなすのはなかなか困難です。 筆者も数年にわたって間違った使い方をしてきましたが、ようやく気に入った方法にたどり着いたので、ご紹介したいと思います。念のためにご説明しておくと、ここで言う「タグ」とは、Twitterのハッシュタグやブログのタグなどの「インターネットに関わるタグ」ではなく、「ファイルに関連したタグ」を指します。ファイルのタグは、探しているものを素早く見つけたり、似たようなアイテムにざっと目を通したりするためのものです。基本的には、デジタルデータをさまざまな項目ごとに分類し、いっぺんにまとめて検索するための手段です。 例えば、Evernoteを使ってレシートを管
「Kickstarter」へ出資してゲットする方法＆出資しまくった経験からわかった注意点まとめ
これまでに50個近いプロジェクトに出資してきた経験から、スムーズな出資方法＆出資してからあとはどのようにすればいいのか、さらに出資する際にはどのような点を見て判断すべきなのか、逆にKickstarterで出資を募る場合にはどういった点に気をつけるべきなのかというようなことをまとめてみました。 Kickstarter http://www.kickstarter.com/ ◆Kickstarterへ初めて出資する前にまずはアカウント作成 トップページ右上にある「Sign up」をクリック 真ん中にある「New to Kickstarter?」と書いてあるエリアに順番に入力していきます。 FULL NAME：アルファベットで自分の名・姓を入力 EMAIL：メールアドレスを入力 RE-ENTER EMAIL：先ほど入力したメールアドレスをもう一度入力して確認 PASSWORD：Kickstart
シゴトハッカーズ：Evernoteの基本的な使い方【チュートリアル編】 - ITmedia Biz.ID
各種データを保存できるだけでなく、複数のデバイスからメモが可能。そして、メールソフトに似たインタフェースで、各メモに自由にタグ付けができる。そんなEvernoteの使いこなし術を伝授します。 これまでも何度も登場してきたメモアプリケーションEvernote。その特徴の1つは画像やWebクリップなども保存できること。2つ目は、Webアプリケーションとして閲覧や書き込みができるだけでなく、Windows版やMac OS版、Windows Mobile版、iPhone版などのクライアントソフトが用意されており、どんなデバイスでメモを取っても自動的に同期されることです。 対談ではタグの使い方を紹介しましたが、そのときに利用したツール――Evernoteをどう使いこなしたらいいか、筆者の使い方を例にご紹介しましょう。 1――基本的には自分のノート専用のメールソフト Evernoteは、自分のメモ管理
Firefox拡張機能(extension)の作り方 — ありえるえりあ
Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日本語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptとCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn | Adobe Creative Cloud
Google Chrome Extensions Tutorial: Getting Started (Hello, World!)
Vimcasts - Free screencasts about the text editor Vim
Twitter をはじめよう！ - GreenSpace
Geekなぺーじ