はてなブックマーク

以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 0.注意書き 筆者の本稿での意図はエディタ宗教論争を巻き起こすことではありません。「世の中では、これくらいのことが出来るようになってきている」とご参考にしてただくことが本稿の狙いです。それによって何かのお役に立てれば幸いだなと思っています。 皆さんは自分の使いやすい、皆さんの用途やプロジェクトの環境をにあったエディタを使用していただければとお断りしておきます。 1.Markdown環境について Markdwonは以前に書いたように今後の文書生産性を変えていく可能性のあるツールの一つです。Markdownのメリットは次の点だと思います。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

その結果、自分はすっかり言及の減ってしまったリーンソフトウェア開発や、それらの源流であるトヨタの生産方式、トヨタが現在取り組んでいる自工程完結を評価するのがよいのではないかと思い至った。本稿は、そういうポエムである。 本稿でいうリーン（ソフトウェア）開発とは何か？ 2003年にメアリー・ポッペンディークとトム・ポッペンディークにより提唱されたトヨタ生産方式を源流とするリーン生産方式をソフトウェア開発に適用した原則集。以下を指す。 リーンソフトウエア開発～アジャイル開発を実践する22の方法～ リーン開発の本質 エリック・リース氏のリーンスタートアップやオライリーのリーンシリーズとは異なるので注意いただきたい。 きっかけとしてのアジャイル方法論の違和感：結局、アジャイルでも多くの課題が残る。 「今回のプロジェクトがやりにくいのはウォーターフォールでやっているからだ」、「今回のプロジェクトが適当

【わかりやすい】RxJSで始める関数リアクティブ・プログラミング 0.前置き 本投稿は関数リアクティブプログラミングの入門記事です。関数リアクティブプログラミングの概念、その目指しているものを伝えるにはある程度、分量が必要でした。私は数学者ではないですので、技術の一利用者としてできるだけ分かりやすく書きました。少し長いですが、お付き合いいただければ幸いです。 今、リアクティブ・プログラミングがブームです。ただリアクティブ・プログラミングを使うには考え方を学ばなくてはいけません。また、向き不向きも学ばなくてはなりません。関数リアクティブ・プログラミングを使うと時にはソースコードが長くなることもあります。ごくごく簡単なプログラミングについて、私もこちらの記事と同じようにリアクティブ・プログラミングまではいらないと私も思っています。 しかし、世の中Aをする、Bをするといった簡単なプログラムばかり

ついにリリースされましたね、Angular2! Angular2にはCLI(command line interface)の開発環境が整えられており、雛形の自動生成、更新ファイルを自動ロードするなど、爆速な開発が可能になっていることをご存知でしょうか。 このAngular CLIを導入するだけで、様々な開発環境が一気に整います。そのため、gulpだgruntだ、TypeScriptだと様々な環境を整える必要があった今までの開発スタイルが一気に変わる可能性があります。 以下では、Angular CLIを使って共通ロジック[MessageService]からテキストを取得して、そのテキスト表示する画面部品、[HelloComponent]を持ったアプリを作りたいと思います。サービスやコンポーネントを使うのでAngularでの開発のおよその骨格を感じ取っていただけると思います。 では、Angul

マークダウンで書く必要性 職業としてソフトウェアを書くには仕様書が必要です。ジョエルのいう機能仕様書でもなんでも良いですが、ソフトウェアには動きを定義した文書が必要なことは皆さんもご承知のとおりです。 現在、日本のソフトウェア開発現場では仕様書といえば未だにエクセルやワードをお使いの組織も多いと思います。特に企業が最近のツール導入に貪欲でなく、今までのやり方を重視してきた場合、その傾向が強いと思います。 この仕様書環境へマークダウンを持ち込むと、飛躍的に生産性が高まる可能性があります。たとえば仕様書がテキストファイル化されることでバージョン管理システム上での変更管理が容易になり、GitHubのようなプルリクエスト型の業務フローと連動できます。Jenkins等の自動化システムとの相性も高まります。 エクセルやワードを使いつづけることによって、生産性を向上する機会を逃している可能性があります。

GitHub Enterpriseは有償ですので、オープンソースで無償で利用できるGitLab(Community Edition)をお使いの方も多いと思います。 プロジェクトのメンバーに必要な内容がきちんと記載されたIssueを作成してもらうことは、プロジェクトの運営を円滑に行う上でキモになります。そこで、この記事ではyoshimikeisuiさんのGitHub Issueはテンプレート化で、綺麗に書かせる！の投稿をGitLab化してみたいと思います。 まずは、以下の新規Issue作成リンクをみてみてください。 不具合レポートをする Issueの中に記載させたいことが埋まっていますね。本稿ではこのリンクの作り方を説明します。 1.Issueのテンプレートを決める。 まずはIssueのテンプレートを決めましょう。 入力しておいてほしいことが全て盛り込まれるようなテンプレートを作成しましょう

フローチャートやシーケンス図をマークダウンで記述が可能なエディタ Sunny Place Editor(Early Access版：0.1.0 Honolulu)を公開しました。 片手間でやっているので、まだまだ 残念なところだらけ なのですが、使えなくもないのでEarly Access版(Honolulu)を公開することにしました。現在はMac版のみです。 **Windows版はもう少し待ってください。**ただ、何ヶ月も待たせはしない予定。 0.使い方 アプリダウンロードは以下からどうぞ。 Sunny Place Editor ダウンロードしたファイルに同梱のREADME_ja.mdをエディタから開いてみてください。 ちなみに、こんなことができます。 1.GitHub形式のマークダウンが利用できる。 2.フローチャートやシーケンス図がかける。 3.アンカーの自動埋め込み（オリジナル機能）

Good bye Flux, welcome Bacon/Rx?の翻訳です。FRPを使う場合の一つの実装の仕方としてアリではないかと思います。 こういうのを見るとFRPのバズワードが一段落すると、やがて、この記事に出てくるビジネスコンポーネントのディスパッチャーの部分がプログラミング言語に隠蔽されるのでは、そんな予感すらします。オブジェクト指向とFRPの合流点が見えかけているというか、そんなイメージでしょうか。 さようなら、Flux。ようこそ、Bacon/Rx FacebookはクライアントサイドのWebアプリケーション開発のためにFluxを約1年前に発表しました。以来、Webの開発シーンの中でもっともホットな技術のひとつになっています。 Fluxのタスクはビジネスロジックをユーザーインターフェースのロジックからディスパッチャーとストア、アクションを使うことで分離することです。中核となるア

HTML5でクロスプラットフォームなデスクトップアプリケーションができてしまう、Electron(atom-shell)。 SlackのWindows版なんかでも使われているという噂のElectron。 Quick stratを日本語訳してみました。Have Fun!! Quick start イントロダクション ElectronではリッチなネイティブAPIを持ったランタイムを提供することでピュアなJavaScriptでデスクトップアプリケーションの開発を可能にします。Webサーバーの代わりにデスクトップアプリケーションにフォーカスしたio.jsランタイムであるといえばおわかりになるかもしれません。 ElectronはJavaScriptをGUIライブラリにバインディングするものではなく、ElectronはWebページをGUIとして使用します。ですので、ElectronはJavaScrip

WindowsでRuby on Rails環境を構築してみました。その際に現在のWindowsでのRails環境の構築には意外と落とし穴があったのでメモしてきます。（以下、仮想マシン上に構築するのも良いですが、やっぱり素のディレクトリにファイルがあるのは便利です。なので、rubyinstallerを使ってインストールすることにします。） 1.Rubyをインストールする (通常運転) http://rubyinstaller.org/downloads/ より、rubyinstallerを取得し、インストールします。普段通りです。（最新版はrubyinstaller-2.1.5-x64.exe）です。 2.DevKitをインストールする。（通常運転） 同じサイトにあるDevKit（DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe）をダウンロードします

Gitがよく取り上げられていますので、少し長いですが、概念だけでも簡単に掴みたい方のために資料を作ってみました。 Gitがここまで広がった要因にはGitのみならず、GitHubやそのクローンが持っているPull Requestの仕組みの影響も大いにあると個人的には考えています。が、まずは簡単にGitとはどんなものかをまとめたいと思います。 どうしてGitなのか、Gitのメリット SubversionとGitの違い ローカルでGitを使ってみる Gitサーバーのある構成管理 1.どうしてGitなのか、Gitのメリット 最初にGitのメリットを明確にしておきましょう。Gitは分散型の構成管理システムとよく言われます。この「分散型」「構成管理」の意味を理解するのがGitを使う上で最大のポイントになると思います。 この記事をお読みの方は既にSubversionなどサーバーによる構成管理を導入されて

少し噂には聞いているけれど、Bootstrapをこれから始める人向け。 自分用のまとめの 焼き直し。 0. Bootstrapとは？ Twitter社が提供している、そこそこデザインの良いWebの画面を作成するためのフレームワーク。画面解像度に応じて表示内容を簡単に切り替えて表示でき、レスポンシブ・ウェブ・デザイン(RWD)ととても相性が良いのが特徴。 1.インストール ・HTMLファイル中にCSSとJavaScriptを読み込む必要がある。 ・部品によっては更に読み込むファイルの追加が必要。 ・jQueryも必要なので注意する。 ご本尊にあるGetting BootstrapのBasic Templateを使うと良い。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA

今、一番熱いMVVMフレームワーク、Vue.jsのガイド、(http://vuejs.org/guide/)を訳してみました。 シンプルさ、美しさに驚愕せよ、と言いたい。 基本はGoogle翻訳ですので、まだ日本語としておかしいところあるかもしれません。Google翻訳のストレートな機械翻訳よりは読みやすいと思います。 はじめに Vue.jsは、インタラクティブなWebインターフェイスを構築するためのライブラリです。 技術的には、 Vue.jsはMVVMパターンのビューモデルの層に焦点を当てています。双方向のデータバインディングによって、ビューとモデルを接続します。実際のDOM操作と出力フォーマットはディレクティブとフィルタにより抽象化されます。 Vue.jsの哲学は、目標は可能な限り単純なAPIとMVVMデータのデータバインディングの利点を提供することです。モジュール性とコンポーザビリテ