ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で
はじめに Excelファイルの比較にはWinMergeにxdocdiffのプラグインを入れて使っていたのですが、 列が揃ってなかったり、ヘッダを固定できなかったりと少し不便に感じていました。 そんなわけでExcelファイルを比較するツールを自作してみたので、紹介と使い方を書いていこうと思います。 注意 このツールは筆者の仕事環境において必要最低限の要件で作成しています インストール ここ から最新の.msiをダウンロードする ダウンロードしてインストーラーを実行する ※電子署名をしていないので、以下のウィンドウが表示されると思います。「詳細」→「実行」で実行できます。 Nextを選択 インストールするディレクトリと、ユーザーを選択 (特に指定がなければそのままNext) Nextを選択 起動方法 ショートカットアイコン インストールが完了すると、デスクトップにショートカットアイコンが作成さ
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい! 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
🏆 The Top 50 Developer Tools of 2018 Want to know exactly which tools should be on your radar in 2017? Our 3rd annual StackShare Awards do just that! We’ve analyzed thousands of data points to bring you rankings for the hottest tools, including: Application & Data Tool of the Year Utility Tool of the Year DevOps Tool of the Year Business Tool of the Year New Tool of the Year Top Stacks Top Develo
Code-Hex/pget - GitHub Parallel file download client linux カーネルのダウンロードが約1分で終わる様子 これは何なのか 簡単に言うと pget は Go 言語製の高速ダウンロードツールです。 wget っぽく気軽に実行できるように pget と名付けました。 作成の経緯 たまたま Nodejs で Range header に対してスレッドを使って分割ダウンロードするという ここの記事 を見かけたので今回これを並列処理を得意とする Go 言語で実装してみようと思い作成しました。 調べてみると Python や、Java などのほとんどの言語ですでに実装されてるようですが、どれもただ使えればいいという感じだったので、割と本気で作ってみました。(調べられてないだけの可能性高いです) 仕組み ファイルをダウンロードする時、ほとんどの場合が
「Volatility Frameworkを使ったメモリフォレンジック」と言うハンズオンに参加させて頂きました。 1 はじめに 本日は、「第23回北海道情報セキュリティ勉強会」に参加させて頂きました。 https://secpolo.doorkeeper.jp/events/39013 セッションの内容は次の通りです。 Session.1 フリーツールを用いた x86 プログラム解析 トレンドマイクロ株式会社 花岡 弥生 さん Session.2 Volatility Framework を使ったメモリフォレンジックス (ハンズオン) トレンドマイクロ株式会社 平原 伸昭 さん Session.3 北大キャンパスネットワークと私 北海道大学 情報基盤センター 南 弘征 先生 今回は、この2つ目のセッションであった、ハンズオンに参加させて頂いて手を動かした内容を紹介させて頂きます。 講師を務
bugspotsはgoogleが開発した、バグ予測アルゴリズムをオープンソースとして開発されたツールです。 細かい説明は後にまとめますが、実際に使ったのを見るほうが分かりやすいので早速使ってみます。 実際に使ってみる 1.bugspotsをgemでインストール 3.結果を見てみる このHotspotsの下に出力されている左の数値がバグが起こりやすい度合いを表すスコア、右が対象のファイルになる。 メチャクチャ簡単に導入できるので、 リファクタやコードレビューなどで目星をつけるという意味では有用なツールな気がしました。 背景の説明 googleでは、チェックイン前にユニットテストやコードレビューが行われているが、コードが大量になってくると、ユニットテストやコードレビューをすり抜けたバグも少なからず発生してします。 googleではこの問題に対処するために、独自の「バグ予測アルゴリズム」を採用し
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr:http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ!って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの+αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー&デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
HDE クラウドプロダクト開発部の小本です。 私のお気に入りツールdirenvを紹介します。 direnvとは・・・ シェルのcdをフックし、ディレクトリごとに環境変数を自動設定するツール pyenvなどを置き換えることができるツール Pythonistaも、Rubyistも、Gopherも、みんな使って損はないツール direnv以前の世界(pyenvはawesomeだった) Pythonには、プロジェクトそれぞれに専用の環境を作ってPythonのバージョンやライブラリを切り替えることができるツールがあります。 専用環境を作れる virtualenv 専用環境をコマンドで簡単に切り替えられる virtualenvwrappper と進化し、その最終形態がpyenvです。 pyenvはあらかじめディレクトリに環境を紐付けておくと、ディレクトリにcdしたとき、勝手に環境を切り替えてくれます。
で、図説ドローツールとしては、CacooやGliffyを紹介しました。 けれども、「draw.io」というのを使ってみたら、完全に無料で利用できるうえに、日本語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David Goehring draw.ioとは draw.ioは、WEB上で無料で使えるフローチャート作成ツールです。 インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。 通常、こういったドローツールは、「作業シート何枚まで無料であとは有料」などというサービスも多いのですが、draw.ioは完全無料で利用することができます。 やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。 チャートなんかも。 こんな回路図なんかも。 もちろんこんなフローも。 関
というわけで今回は、Webサイトを手軽に作れるWix(ウィックス)に焦点を当ててご紹介。 今更なんですけども、今回はとりあえず適当に私のポートフォリオでも作ってみましょうか。 ちなみに3時間くらいでつくったやつがこれ 王様はコンテンツ まずは登録 画面右上の「ログイン、新規登録」ボタンから登録が行えます。 メールアドレスとパスワードで、新規登録を行ってもよし、私は面倒臭いのでとりあえずGoogleアカウントからログインします。 もちろんまだ何も作っていないので、今直ぐサイトを作成から作成開始です。 テンプレート作成 作成を開始すると、テンプレートを選択するページに切り替わります。 それぞれのカテゴリには、さらに細かく分類されたカテゴリがありますので、正直ここでめっちゃ悩みます。 とりあえずブログでは、バックグラウンド全画像とかやってないので、そっち系のテンプレートを探しました。 ぶっちゃけ
アプリ名:Fing(ver.2.15) 金額:無料(2014年9月19日時点) カテゴリ:ツール 開発:Overlook 使用端末:Nexus 5 おすすめ度:★★★★☆ 「Fing」は、現在利用しているネットワークの環境を手軽にチェックできるアプリだ。職場や家庭のLAN環境に問題がないかをチェックでき、何らかのトラブルが発生した際に解決の糸口をつかむのに重宝するほか、Wake on LANのパケットを送出する機能なども備えた多機能ツールだ。 アプリを起動するとネットワークスキャンが実行され、現在接続中のLAN上にあるネットワーク機器の一覧が表示される。例えば自分のIPアドレスが「192.168.0.11」であれば、「192.168.0.*」に属するPCやスマホ、タブレット、NASやルータに至るまで、すべてのネットワーク機器が表示される。MACアドレスとベンダー名のほか、各機器のNetBI
Hiroshi Yuki A Simple Task Manager for Command Line Lovers. YukiTaskは、シンプルなタスク管理ツールです。 YukiTaskは、シンプルなタスク管理ツール。 コマンドラインで作業する人向け。 結城浩が毎日使っているものを公開。 「結城タスク」と呼んでください。 YukiTask is a simple task manager. YukiTask is designed for those who love shell and command lines. Current Status Various practical ideas / 実際的なアイディアなどをZennで書いています Most scripts or templates are available in GitHub. Not enough tutorials
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く