MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ディープラーニングや人工知能によって、これまでのアルゴリズムベースの機械処理から、学習効果を活かした処理ができるようになっています。その結果、人が判断することなく、機械がベストと思われる判断によって処理できるようになります。 今回紹介するSTYLE2PAINTSは線画の色づけをAIによって自動化する、そんなすごいソフトウェアです。 STYLE2PAINTSの使い方 トップページです。サンプルから線画を選択しました。 左が線画、右が彩色したイラストになります。彩色は左上にあるイラストを参考に行われます。 細かく微調整もできます。 別なイラストでも行えます。 参考のイラストを差し替えることもできます。イラストは 「にゃん」/「Fumi」のイラスト [pixiv] よりお借りしました。

WordPressを使ってブログサイトやホームページを作成しているひとは多いかもしれません。しかし、もしあなたにプログラミングの知識が多少なりともあって、SEO上も有利にしたいのであれば、静的サイトジェネレーターを使ってみるのはいかがでしょうか。 静的サイトジェネレーターを使えば、データベースが不要になり、一般的にページの読み込み速度も上がるとされています。汎用的に使えるものからシンプルに使えるものまで幅広く存在するので、用途にあったものが選べます。 そこで今回は、2018年に注目の静的サイトジェネレーターを、概要を中心にご紹介していきます。 サンプルコードなどは、参考として挙げているページをご覧ください。 静的サイトジェネレーターとは？ 静的サイトジェネレーターとは、Markdownなどで書かれたファイルをもとに、静的なコンテンツのテンプレートだけでビルドを行いサイトを作成するためのWe

毎日の仕事を効率よくこなすには、自分の時間の使い方を振り返ってみることが大切です。自分が時間を何にどれくらい使ったのかを複数のデバイスから簡単に記録でき、さらに様々な機能を使ってハイスペックな時間管理を可能にするネットサービスが「Toggl」です。 Toggl - Time Tracker & Employee Timesheet Software https://toggl.com/ タスクの記録やプロジェクトへの分類などの基本的な使用方法は以下のページを見ると一発で分かります。 無料でPC・スマホで日々の活動を手軽に記録して集計をとれる「Toggl」 - GIGAZINE 基本的な使い方を復習するのも兼ねて、最初から使っていきます。togglのページにアクセスすると、中央下部に「START TRACKING」と表示があるので赤枠内をクリックします。 ログインを促されます。Toggleは

思考停止せず、アイデア発想モードに頭を切り替えるために、皆さんはどんなツールや習慣をもっていますか？ 自分は、日々大量の情報が入ってきて、インプットすることで精いっぱい・・・な状態から抜け出したいと考えていた今日この頃です。 改めて、脳をアイデア発想モードに切り替えるための方法を整理してみました。 今日お伝えしたいのは、情報は「モデル化」する癖をつけることで、脳をアイデア発想モードに切り替えることができるということ。そして、モデル化するためには、いつも2×2のマトリックスを描くことがポイントということです。 ビジネスデザイナー、イノベーションの鬼である濱口秀司さんの思考を分析僕が敬愛するビジネスデザイナー、濱口秀司さん。 なぜ、濱口さんは、連続してイノベーションを起こすことができるのか？ なぜ、濱口さんは面白いアイデアを次々と思いつくのか？ 濱口さんの思考を探っていくと、脳をアイデア発想モ

「Brave」はオープンソースのウェブブラウザで、ページ内に存在する広告を自動ブロックすることで、ページの表示負荷を軽減し、高速化も可能になったとのこと。実際の使い勝手はどんな感じなのか、ダウンロードして試してみました。 Join Brave and change the web together | Brave. Changing the world, one browser at a time. https://brave.com/ ◆特徴 「Brave」はデフォルトで広告ブロック機能を有していて、余計なダウンロードをなくすことで、より高速にウェブページの表示ができるとのこと。アメリカの大手ニュースサイトを表示する場合、スマートフォンアプリのChromeやSafariと比較して2～8倍高速で、PC版の「Brave」でもChromeと比較して、2倍速くなったようです。 スマートフォンでウ

NESとは任天堂がファミリーコンピューターをベースに作成した家庭用ゲーム機で、カートリッジを交換することで別のゲームがプレイできるシステムが成功を収め、北米やヨーロッパなどで数千万台を超える販売台数をたたき出しました。そんなファミコンと合算すると全世界で6000万台を販売したとされるNESのゲームを、プログラムの知識が不要で誰でも作ることができるソフトウェアが「NESmaker」です。 The New 8-bit Heroes http://www.thenew8bitheroes.com/ 「NESmaker」がどのようなソフトウェアになっているのかは、以下のムービーをみるとわかります。 NESmaker 舞台は1988年。 「あーあ、任天堂(NES)のゲームが作れたらいいのになあ」と、子どもが2人でNESをプレイしながら話していました。 突如ゴロゴロと雷鳴がとどろき、紫色っぽい謎の光が

今回言いたいこと・UIデザインとそれを書き起こすプログラミングの乖離は、いくらわかってるつもりでも想定より大きくなる ・工数や実装都合上、泣く泣く見た目を変えざるをえない場合のデザイナーのストレスは、スピード優先で設計がおろそかになったときのエンジニアにかかるストレスより大きいのではないか ・雑にプロトタイプを出していい時代は終わってるのでは？と思うので、デザインを勉強していくべき 「デザインを勉強したい」 学生の頃から、dribbbleやbehance、デザイナーブログをみるのが大好きで、「うわーこんなかっこいいロゴ思いつかないよ、すげー」とか、「フォントの微差によく気を使ってるんだなー」とか、「このサイトの余白は過剰だけど、こっちはいい塩梅だなー」とか、そういうのがかなり気になってしまうタイプでした。 というと聞こえがいいのですが、結果的にエンジニアの道を選んで、UIは実装しながら考え

2018年も、毎日世界中で便利なWebサービスが生まれています。 今日、私たちが日常的に使っているDropboxやTwitterなどのサービスも、初めはごく小さな規模でのローンチでしたが、今では大きな勢いを見せています。新しいWebサービスやアプリをキャッチアップすることで、流行しそうなサービスを一足先に体感してみてはいかがでしょうか。 そこで今回は、 2018年上半期にチェックしておきたい海外のWebサービス＆アプリ10選をご紹介します。 様々なサービスの中で、便利なものは早速利用してみましょう。 2018年上半期にチェックしておきたい海外のWebサービス＆アプリ10選 1. Frappé Charts Frappé Chartsは、Githubのデザインにインスパイアされた "外部環境に依存しないWeb用のチャート作成ツール" です。 棒グラフや折れ線グラフ、散布図など、様々なグラフを

ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で

チームで共同してプロジェクトを動かしたりコンテンツを制作したりするとき、各自の持っているアイデアを即座にチーム全体で共有できるかどうかが成功の鍵を握ります。せっかく誰かがいいアイデアを思いついても、他のメンバーがそれを知らなければ宝の持ち腐れになってしまう……という事態を避けるべく、アイデアをチーム内で即座に共有でき、各自の意見交換も可能なウェブアプリ「Slite」を使ってみました。 Slite, the note app for teams https://slite.com/ ◆チームのページを作る まずは、「Slite」をウェブブラウザで利用してみます。Sliteでチームが共有するページを作るには、公式ページから「Create your team」をクリック。 まずは「Slite」で使用するドメイン名を設定します。チームにふさわしいドメイン名を入力して、「Create your te

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 デザイナーが使う手段の中で、「色」はもっとも強力なツールの１つです。同時に、色という概念は習得するのが難しくもあります。色の組み合わせが無数にある中で、サイトやアプリに使用する色を決めるのは骨の折れる作業です。 そこで作業を簡単にするために、カラーパレットを決める際に便利なツールのリストを作成しました。これらのツールを使えば、多くの時間を節約できるでしょう。 この記事では、以下のような切り口から便利なツールを紹介します。 インスピレーションを受ける 自分だけのカラースキームを生み出す 色のアクセシビリティを考慮する １. インスピレーションを受ける 自然の風景 あなたの周りには、既にたくさんのひらめきのもとがあります。インスピレーションを受けるには、周りを見回す

vim以外のエディタでコード書くと私の手は産まれたての子鹿みたいになります。 効率よくコーディングをしてもらうために、新人やvimを学びたい人にvimの研修を実施しています。今回は研修で非常に有効だった内容についてまとめておきます。 ※ なんだか誤解を生んでしまっているようなので追記しておきます。vimの研修は新人研修の一環として行ったわけではなく、vimを使って開発をしたがっていた新人へテスト駆動開発の研修を実施した際に並行して盛り込んだだけです。会社がvim強制とかではないのでご安心ください。言葉足らずで申し訳ありません。 2つの繰り返しキーの存在を認識させる vimは一度実行したコマンドの組み合わせを記憶する.(ドット)とfを使った移動の際のキーストロークを記憶しておく;(セミコロン)があります。これらを駆使することで他のエディタよりも高速な編集作業を行えます。 セミコロンはus配列

こんにちは、ユレオです。 数多くのブログがある中、当ブログ「魂を揺さぶるヨ！」を閲覧いただきありがとうございます。 本日この記事を読むために訪れた方はブログを始められたばかりの方か、ブログを始めてみたがGoogleアナリティクスをあまり利用されておらず、使い方を確かめたい方ではないでしょうか。 Googleアナリティクスを始めるには覚えることが多いですが、すべての機能を覚えないといけないわけではありません。 必要最低限の「これだけ覚えておけば便利に使える」という機能があり、それらを覚えた後に必要であればもっと深く勉強するというのが効率的かと思います。 そういった方のために、本日は「初心者の為のGoogleアナリティクスを図解で説明した完全マニュアル」として詳しく説明していきたいと思います。

はじめに こんぬづは、ゲーム用のPCを東京に置いているため、実家に帰ってくるとゲームができなくてしんどい田中です。こういうときに限って、ゲームの実況動画を見てしまったりして余計に心を痛めています。 さて今回は、今年正規表現をサッと確認するのに重宝した Regexper を紹介します。 Regexper こんなサイトです。とてもシンプル。 以下のような特徴があります。 正規表現を図で表示してくれる 表示した図をダウンロードできる 正規表現を図で表示してくれる 入力欄に正規表現を入力して、Displayボタンを押すと、以下の画像のようにその正規表現のパターンを図示してくれます。 どんな範囲でパターンマッチしてくれるのかがとても見やすくなります。 表示した図をダウンロードできる 入力欄の右下にあるDownloadボタンを押せば、表示した図をダウンロードすることができます。 例えば正規表現の仕様を

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回

2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進

自分の使っているツールが会社のメンバーに意外と知られていなかったので、紹介してみたら好評だった。そこでこちらでも紹介してみることにした。 Alfred https://www.alfredapp.com/ マカーな開発者にはお馴染みのイケてるランチャー むしろ使っていない人を知りたい さらにはかどるWorkflowの使えるPowerpackは£19～ Stay https://cordlessdog.com/stay/ ウィンドウ位置記憶ツール（有料） アプリ毎やウィンドウ毎に、位置とサイズを覚えてくれる デュアルディスプレイ時と通常時で別々に記憶してくれる！ ノートPCでデュアルディスプレイするなら必須かも 公式サイトかApp Storeから約$18で買える HyperSwitch https://bahoom.com/hyperswitch ウィンドウ切り替えツール Cmd+Tabのす

Chromeデベロッパーツール、使いこなしていますか？ モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です！ Webサイトのテストはますます複雑になっています。ほんの数種類のブラウザーで機能の互換性を確認していた時代は遠い昔の話。ピカピカの傑作サイトも、OS、画面解像度、マシン性能が異なる幅広いデバイス（モバイル、タブレット、デスクトップ）での動作確認が求められます。極端な話、開発そのものと同じくらい時間がかかってしまうことさえあります。 Webサイトのテストはタッチスクリーンと高解像度画面の登場でさらに複雑になりました。通常のPCにマウスとキーボードをつないで開発していたら、せっかくのWebサイトがどう動くか確認するのは困難です。たとえば、マウスポインタを乗せたときの動作などは必ずしも機能せず、

当社はCookieを使用して、お客様が当社のWebサイトでより良い体験を得られるようにしています。引き続き閲覧する場合は、プライバシーポリシーに同意したことになります。