並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 5590件

新着順 人気順

Electronの検索結果81 - 120 件 / 5590件

  • すべてのプログラマーが知っておきたいReactの7つの強み

    JavaScriptはこの6年で大きくその地位を向上させてきました。JavaScriptは有名なサーバーサイド言語になり、オフラインファーストSPAは用語として定着し、そしてJavaScriptは他の言語のための有名なコンパイル先となりました。 JavaScriptは、ElectronやReact Nativeのような技術やハイブリッドアプリを通して、ついにはデスクトップとモバイルのプラットフォームとなってきています。 この3年でもう一つ革命が起こり始めました。FacebookのプログラマーであるJordan WalkeがReact.jsを生み出しました。Reactはそれ以来、数百ないし数千ものプログラマーのJavaScriptのコードの書き方を変えてきました。 Reactの途方もない成功の裏にはそれなりの理由があります。 1. バグが出にくいよりシンプルなコードReactはユーザーインタ

      すべてのプログラマーが知っておきたいReactの7つの強み
    • Electronでアプリケーションを作ってみよう - Qiita

      はじめに Electronをご存知でしょうか. Electron(旧称: Atom-Shell)は, Atomエディタを開発するために生まれたクロスプラットフォームデスクトップアプリケーションエンジンです. Node.js + Chromiumをランタイムとしており, Atomだけでなく, Slackや先日のBuildで発表されて話題となったVisualStudio CodeもElectronで実装されています. いわゆるWeb系の技術, Node.js + HTML + CSSでアプリケーションを作成できるのが特徴です. 類似した思想のフレームワークとして, node-webkit(NW.js)もありますが, アプリケーションのエントリポイントの考え方等が異なります. このエントリでは, Electronの使い方をサンプルアプリを実装しながら説明していきます. お題 このエントリのお題と

        Electronでアプリケーションを作ってみよう - Qiita
      • こんな便利なのがあったとは!Web制作者やデザイナー向け、macOS用のアプリとツール 総まとめ

        Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ!という便利そうなツールもたくさんあります。 エディタとIDE(統合開発環境) 開発ツール テストツール コマンドラインツール バージョン管理 データベース デザイン&プロダクト 仮想マシン コミュニケーションツール データ復旧 オーディオとビデオ オフィス・読み書きツール Ebookリーダー FTPクライアント ハイブリッドアプリ用のフレームワーク ダウンロードツール オンラインスト

          こんな便利なのがあったとは!Web制作者やデザイナー向け、macOS用のアプリとツール 総まとめ
        • 新春座談会 このコンピュータ書がすごい! 2016年版 の勝手なまとめ - sugilogのブログ

          個人的なメモ。去年とは書き方を変えて、時系列で徒然にしないで、勝手に括ったりしてます。 sugilog.hatenablog.com トークイベントのハッシュタグは #compbook 。 高橋さん、お疲れ様でした。(『楽しいRuby』の第5版がでる?ということで、おめでとうございます。) 読みたい本 『Python言語によるプログラミングイントロダクション』 Python言語によるプログラミングイントロダクション: 世界標準MIT教科書 作者: ジョン・V.グッターグ,John V. Guttag,久保幹雄出版社/メーカー: 近代科学社発売日: 2014/12/29メディア: 単行本この商品を含むブログ (2件) を見る MITのテキストで、プログラミングの解説をしている本。Pythonのコードが使われているということ。 『Serverspec』 Serverspec 作者: 宮下剛輔出

            新春座談会 このコンピュータ書がすごい! 2016年版 の勝手なまとめ - sugilogのブログ
          • 『シン・エヴァンゲリオン劇場版』特報 盗撮行為及びアップロードについて

            現在、劇場で公開中の『シン・エヴァンゲリオン劇場版』の特報を盗撮した映像がインターネット上に見られます。 劇場での映画の盗撮行為は「映画の盗撮の防止に関する法律」および「著作権法」により、禁止されています。 また、盗撮した映画本編や特報をYouTubeやTwitter、Facebook等にアップロードすることも著作権侵害にあたります。 映画盗撮防止法および著作権法に反して著作権侵害がされた場合には、最大懲役10年もしくは罰金1000万円、またはその双方が課せられる可能性がありますので、こういった行為に対しては厳しく対処していく所存です。 アップロード元は匿名でも特定が可能です。 なお、今回の盗撮被害については、本作品において共同配給業務を行う、東宝・東映・カラーの3社で協議し対応を進めております。

              『シン・エヴァンゲリオン劇場版』特報 盗撮行為及びアップロードについて
            • https://www.prakard.com/viewtopic.php?f=1004&t=1884764

              115 E Elm Ave Monroe, MI 48162 General: 734 243 0576 Sales: 800 826 2760 SecureSecurely and reliably communicate with your devices online using Secure Shell, or offline using direct cabled Serial connection or direct modem to modem. CommunicationCommunicate with other computer systems, hardware, and pieces of equipment. Issue commands, capture data, transfer files, automate tasks, and more. HyperA

                https://www.prakard.com/viewtopic.php?f=1004&t=1884764
              • Quasar Framework - Build high-performance VueJS user interfaces in record time

                The enterprise-ready cross-platform VueJs framework Are you ready to lift off?arrow_downward

                  Quasar Framework - Build high-performance VueJS user interfaces in record time
                • React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜

                  React Reduxを使ってプロダクトを作りはじめて、かれこれ半年くらい経ちます。 しかし、どうもうまく書けていない気がすることがときどきあり、悩んでいたところ、ツイッターで次のような助言をもらいました。 @__tai2__ 達人かどうかは微妙なところがありますが、ある程度の規模のコードはここにリンク集あります https://t.co/B79B5s1DTe — Yuki Kodama (@kuy) 8 December 2016 この記事は、上記のリンク集でまとめられている実際のReact Reduxプロダクトのソースコードを調査することで、筆者がふだんReact Reduxで開発をしていて感じる疑問への答えを探る試みです。 筆者が答えを得たいと思っている疑問は次の3つです 1 Storeはどんな具合に階層化すべきか Store初期化(hydration)用データの定義はどうすべきか

                    React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜
                  • 初学者としてJavaScriptを学ぶ | さにあらず

                    はじめに#僕が以前書いたModern JavaScript 概観、そして Electron へは、読んで貰えただろうか? あれは初学者には全く向いてないエントリだ。 あのエントリは、僕の理解したモダンな JavaScript 全体について概観することを目的としているからね。 あれを読んで、「今の JavaScript ってこんなに大変なのか…」と感じた人は多いだろう。 しかし、ある程度のソフトウェアを開発するために技術全般を概観しようとすれば、ああいう分量になるのは致し方ない。 と言う訳で、今回はちゃんと初心者向けのエントリを書いた。 少し多く感じるかもしれないが、丁寧に説明しようとしたからだと好意的に解釈して欲しい。 開発環境#Thinkpad X1 Carbon 2016 年モデルに Windows10 をインストールしてある。 ハードウェアスペックは、こうだ。 CPU i7 6600

                      初学者としてJavaScriptを学ぶ | さにあらず
                    • 2017年のディープラーニング論文100選 - Qiita

                      これはFujitsu Advent Calendar 2017の18日目の記事です。 掲載内容は富士通グループを代表するものではありません。ただし、これまでの取り組みが評価されて、富士通がQiitaに正式参加することになりました[リンク]。なお、内容の正確性には注意を払っていますが、無保証です。 はじめに この記事では今年発表されたディープラーニング論文(ArXivでの発表時期、発表された国際会議が2017年開催またはジャーナル掲載が2017年のもの)から私が個人的に重要だと思った論文を収集しています。また、2016年末ごろの論文も重要なものは採用しています。 以下の投稿も合わせてご覧ください。 2016年のディープラーニング論文100選[リンク] ディープラーニングにとっての2017年 2017年のディープラーニング技術は主に画像系技術で革新的な進歩がありました。それをけん引したのは敵対

                        2017年のディープラーニング論文100選 - Qiita
                      • フロントエンドのお仕事図鑑

                        Webフロントエンドエンジニア2年生になりました。 この1年で本当に多種多様なフロントエンドエンジニアの方たちとお話する機会をいただき、その度に「フロントエンドの領域って様々な役割があるなー」と思わされる毎日です。 一方で、「フロントエンド開発」という単語が形骸化してきている感覚も抱いており、具体的には 「フロントエンドチームに入社してみたけれどスキルミスマッチで苦しんでいる」 「フロントエンドの業務に対してビジネス側や採用側の理解が得られない」 という話を目にする事も少なくありません。 今回はこれまで自分が出会ってきたり仕事でこなしてきたフロントエンド領域の業務について改めて整理する事で、 非フロントエンドエンジニアの方に少しでも興味を持ってもらう より実態に即したジョブロール細分化に向けた議論の下地を提供する フロントエンドエンジニア自身が得手不得手を踏まえたキャリア選択をできるよう、

                          フロントエンドのお仕事図鑑
                        • C++完全理解ガイド Rev1.4.01 - Qiita

                          はじめに C++を完全理解したので完全理解ガイドを書く。 最初に言っておくがタイトルは詐欺で、実際はポエムである。 僕は仕事でC++を書いたことはないのでなんか変なことを言っているかも知れない。 ところで無職になったので、普通にC++で職がほしい。 2018年6月から受託で仕事をもらい、毎日C++17を書いています。 2018年9月から雇用され、毎日C++17を書いています。 かなり雑に書いているはずなので、コメント等でどんどんマサカリを投げてほしい。 僕は何者か 工学部を卒業して4年ほど高校の理科教師をやっていたが、現在無職になった人。 工学部を卒業して4年ほど高校の理科教師をやっていた。 最初は良かったのですが、授業に慣れ、このまま自分の成長が止まってしまうのかとなぁと思い、辞めて無職に。 一ヶ月無職を楽しんだあと、某から受託でC++を書く仕事をもらい、C++17を書いている。 主にツ

                            C++完全理解ガイド Rev1.4.01 - Qiita
                          • ReactとVueのどちらを選ぶか - Qiita

                            主に非Web系のバックエンド開発者(C/C++, Java, Python等を使用)がReactとVueをそれぞれ簡単に触れて、感じたメリット、思ったことなどをまとめています。 色々と書いてますが、どちらも完成度の高いライブラリ/フレームワークですね。 結論 JavaScript等にあまり深入りせずにWebアプリを簡単に書きたい、あるいは効率的に書くことが目的であればVueの方がお勧めです。しかし開発者としてスキルや設計などについて中長期的にレベルアップを図りたいのであれば、Reactから学ぶことをお勧めします。 何故かと言うと、ReactとVueにはそれぞれの利用者に対するスタンスが明確に異なり、Reactの方が利用者を開発者であることを想定/期待しているからです。 Reactは利用者が「開発者」であることを想定/期待します。 What, Whyを重視する 利用者を厳しめに教育する Vu

                              ReactとVueのどちらを選ぶか - Qiita
                            • 僕らを縛る Node.js という呪いについて

                              これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。「久しぶりに Rails を書いたけれど、Node.js の良さに敵わない」と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆「主役であるバックエンドのサブとして存在するフロントエンド」を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや「JavaScript を扱うソフトウェアエンジニア」となり、一般的なバックエンドは勿論、Node.jsが一級市民として存

                                僕らを縛る Node.js という呪いについて
                              • チャットワークもSlackもSkypeも、、、複数のアプリを一元管理できる「Franz」 | Ledge.ai

                                ども、ゆうせいです。タイトルで全部言ってます。神ツールのご紹介です。チャットワーク、Slack、FBメッセンジャー、Skypeなどなど、案件や取引先に合わせていろんなチャットツールを使っているかと思いますが、それ、全部ひとつのアプリで管理できます。 「Franz」ならマルチアカウントで運用可能ブラウザでチャットワークとSlackとFBメッセンジャー、アプリでSkypeとか、なんかいろいろ起動していませんか? 「Franz」で全部一緒に管理してしまいましょう。Mac、Windows、Linuxに対応しています。 まずはアプリを以下よりダウンロード。 Franz – a free messaging app for Slack, Facebook Messenger, WhatsApp, Telegram and more Win、Mac、Linuxに対応。 アプリを起動したら、追加したいサー

                                  チャットワークもSlackもSkypeも、、、複数のアプリを一元管理できる「Franz」 | Ledge.ai
                                • Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

                                  Web TechnologiesElectron embeds Chromium and Node.js to enable web developers to create desktop applications. Cross PlatformCompatible with macOS, Windows, and Linux, Electron apps run on three platforms across all supported architectures.

                                  • Electronでデスクトップウィジェットを作るまで - Qiita

                                    はじめに HTML/CSS/JSを使ってデスクトップアプリケーションが作成できるElectron。 本記事ではデスクトップウィジェット作成するまでの流れを、簡単な時計アプリを題材として解説します。 ※ この時計アプリのソースコードとパッケージは、GitHubにて公開しています。 GitHub: SallyAcolyte/tutorial_clock 対象読者 - HTML/CSS/JSで簡単なアプリは作れるが、Electronは初心者な方 - Electronで透過ウィンドウ/フレームレスウィンドウを扱う際のポイントが知りたい方 - 自分好みなデザイン/機能を持つウィジェットを作成したい方 ※ Windows環境を前提としていますが、基本的な流れは他環境でも同様です。 チュートリアル Electronの入手 Electronの本体は、以下からダウンロードできます。 Releases · a

                                      Electronでデスクトップウィジェットを作るまで - Qiita
                                    • Jasper(GitHub用のIssue Reader)を無料にしました - maru source

                                      こんにちは丸山@h13i32maruです。 2年前からJasperというGitHub用のIssue Readerを開発しており、$12で販売しているのですが、v0.6.0から無料で配布することにしました🎉 これまでに有料でお買上げいただいた方々、本当にありがとうございました!!!すごく開発の支えになりましたし、購入してもらえたことを日々嬉しく思っていました。今後とも是非Jasperをよろしくお願いします! なぜ無料にするのか? そもそもどうして有料で販売していたのかというと、「自分の作ったものでお金を直接稼ぐってどれくらい難しいんだろうか?」「たくさん購入してもらうために個人でできることって何があるんだろうか?」というのを知りたかったからです。一攫千金とかサラリーマンを辞める、みたいなのは全然考えていませんでした。有料にしていたのはあくまでも現職(プロダクト開発)に活かすためにという感じ

                                        Jasper(GitHub用のIssue Reader)を無料にしました - maru source
                                      • ひろぶろ : 【画像】 顕微鏡で撮影された美しい人体の写真15枚!!

                                        2015年09月12日12:00 by hineri 【画像】 顕微鏡で撮影された美しい人体の写真15枚!! カテゴリ画像 生命の神秘を感じさせる、人体内の様々な部位の拡大写真。 これが我々が今現在も“もっている”部位の写真かと思うと不思議な感じがします。 1.毛髪(枝毛の先) Split end of human hair 2.赤血球 :キャンディーのような形の血液中の彼らが、全身の組織に酸素を運びます。 Red blood cells 3.プルキンエ神経細胞 :中枢神経系で最大級のニューロン(神経細胞)。 purkinje neurons 4.内有毛細胞 :耳の内側に存在。振動の情報を電気信号である神経パルスへ変換します。 Hair cell of inner ear 5.網膜の血管 :中心は網膜上の盲点に相当する部位(視神経円盤)。 Blood vessels emerging fr

                                        • 5年かけて作ったウェブアプリを Hacker News に投稿し、最初の1ドルを得た話

                                          これは5年かけて JavaScript の技術スタックの間をうろつき、無駄な時間を過ごし、迷い、そしてなんとかローンチにこぎつけた体験の記録です。 自己紹介 初めまして。私は小さなモバイルアプリ開発会社を運営しているエンジニアです。 プログラミングを始めたのと同じくらいのときから、趣味で作曲活動をしています。 今日の作曲は DAW と呼ばれる大型のソフトウェアを利用することがスタンダードになっています。しかしたくさんのプラグインをマシンにインストールしなければならないことや、すぐに立ち上がる作曲ソフトが無いことにフラストレーションを覚え、軽量な MIDI シーケンサーアプリを好んで使っていました。 しかしそれらの多くは Windows2000 の時代から存在し、アップデートされず、その上 Windows 10 以降 MIDI の再生はまともにサポートされなくなりました。 その問題を解決する

                                            5年かけて作ったウェブアプリを Hacker News に投稿し、最初の1ドルを得た話
                                          • 本を書くためのアウトラインエディタを作ってる - mizchi's blog

                                            少し前からアウトラインエディタを作ってる。 こんなの (画面は開発中のものです) ファイルツリー 複数シート同時編集 ファイルツリーUIというのをスクラッチで初めて作ってみたんだけど、「当然こう動いて欲しいよな」というヒューリスティックな挙動をたくさん作るハメになってて学びがある。 なぜ作ったか 技術書を書いて Kindle Direct Publishing で販売しようと思って、Macで売れてるアウトラインエディタを一通り試したんだけど、惜しい物が多くて、個人的にしっくり馴染むものがなかった。なので、技術書を書く前に、自分が本を書くために必要なツールを作るところから始めることにした。 作家・藤井太洋に聞く 「小説を書くためのツール、Scrivener」 - DOTPLACE を読んで、その辺のアプリに対する感覚を自分でも意識して作ってる。Scrivener は wysysig なんで自

                                              本を書くためのアウトラインエディタを作ってる - mizchi's blog
                                            • Reactの環境構築 — 仕事ですぐに使えるTypeScript ドキュメント

                                              TypeScriptの世界を知る 前書き Node.jsエコシステムを体験しよう TypeScriptの書き方 変数 プリミティブ型 複合型 基本的な構文 基本的な型付け 関数 その他の組み込み型・関数 クラス 非同期処理 例外処理 モジュール console.logによるログ出力 中級のテクニック ジェネリクス 関数型指向のプログラミング クラス上級編 リアクティブ 高度なテクニック 環境ごとのTips(共通環境・ブラウザ以外) ソフトウェア開発の環境を考える 基本の環境構築 ライブラリ開発のための環境設定 CLIツール・ウェブサーバー作成のための環境設定 CI(継続的インテグレーション)環境の構築 成果物のデプロイ 使用ライブラリのバージョン管理 環境ごとのTips(ブラウザ環境) ブラウザ環境 ブラウザ関連の組み込み型 Reactの環境構築 create-react-appによる環境

                                              • --headless時代の本命? Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita

                                                --headless時代の本命? Chrome を Node.jsから操作するライブラリ puppeteer についてJavaScriptChromee2e puppeteer はHeadless Chrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日で凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 Node.jsでChromeを操作するというコンテキストにおいては、Nightmare.jsと同じレイヤに属するプロダクトですね。Nightmare.jsはElectronを介在させることで、Chromeの操作を実現していましたが、今年の5月にChromeでheadlessモードが利用可能になって以降1、headless Chromeを直接操作するライブラリが色々と出始めていますね。この系統は、chr

                                                  --headless時代の本命? Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita
                                                • 仕事が捗るアプリ for Mac - Qiita

                                                  はじめに @poster-keisuke です。 新社会人の方は、入社してもすぐ2ヶ月が経とうとしているところでしょうか。 うちの会社でも、研修を終えて新卒の方たちが各プロジェクトに配属され始める時期になりました。 仕事に慣れていないと、やることはいっぱいあるのに、あれもこれもとなってしまってなかなか仕事が進まないなんてことがあるかもしれません。(2年目ですが自分もまだまだここができていないです。) そのためにも、なんとか不要な作業や余計な仕事はやらずに済ませたいものです。 そんな日々の業務で少しでも効率よく作業ができるようなおすすめアプリを紹介します。 (自分が最近使ってオススメしたいものだけに絞って紹介するので、過去に色々紹介されているものは省きます。あとmacのみのものが多いのでwindowsユーザーの方ごめんなさい) バラバラのアプリをまとめて一括化 station 一つのサービス

                                                    仕事が捗るアプリ for Mac - Qiita
                                                  • ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog

                                                    最強のTwitterクライアント戦争 なんか戦争をやってる人たちがいたので乱入することにした。 日記書いた / 最強のTwitterクライアント作り始めた - 9mのブログ http://t.co/ecq7nT40qp— 友緒利奈 (@9m) August 22, 2015 最強のTwitterクライアント戦争参戦したい— 戦車 (@r7kamura) August 22, 2015 戦争だ…! / “最強のTwitterクライアント戦争に参戦 - ✘╹◡╹✘” http://t.co/iJ3BAgPvFI— 友緒利奈 (@9m) August 22, 2015 YoruFukurou風のTwitterクライアント 最近デスクトップでLinuxを使い始めたんだけど、YoruFukurouみたいな感じで使えるTwitterクライアントがなくて困っていた。 なので、YoruFukurouを再実

                                                      ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog
                                                    • npm, yarn による zero install 戦略 - from scratch

                                                      jsconf.eu 2019 に行ってきました。 特に npm や yarn の今後の話とそもそも Registry をどうしていくか、の話があったのでお知らせします。 そもそも Registry をどうしていくかについては次のエントリで話します。 tink: A Next Generation Package Manager npm の次のコマンドラインツールである tink が紹介されていました。 github.com presentation: github.com video: www.youtube.com そもそも npm の仕組み ローカル依存ファイルを読む (package.json, package-lock.json, shrinkwrap.json) 存在しないパッケージのメタデータをfetchする 木構造を計算して、実行する(npm v3 以降だとflattenする

                                                        npm, yarn による zero install 戦略 - from scratch
                                                      • ElectronアプリのXSSでrm -fr /を実行する - Qiita

                                                        Electronアプリでxssを発生させると任意のコードが実行できるらしいのでrm -fr /を試してみます。 想定 web版とelectron版のあるチャットアプリケーションという設定です。攻撃者が用意したリンクをクリックすると、PC内のすべてのファイルを消し去るというシチュエーションを考えてみます。 用意 環境はホストmac OSX、ゲストにubuntu14.04環境をvagrantを利用し用意しました。 expressでリストとフォームからなる脆弱性のあるチャットをつくります。エスケープ処理をしてないので、任意のコードが実行できる状況です。 'use strict'; const path = require('path'); const express = require('express'); const app = express(); const ejs = require(

                                                          ElectronアプリのXSSでrm -fr /を実行する - Qiita
                                                        • CodeGrid - フロントエンドに関わる人々のガイド

                                                          HTML/CSS 365 CSS仕様 105 CSS設計 53 HTML仕様 40 SVG 25 スタイルガイド 14 HTML/CSSの実践 129 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 49 セキュリティ 16 パフォーマンス 12 アクセシビリティ 21 デザイン 62 ディレクション 48 ドキュメンテーション 7 JavaScript 573 ECMAScript 42 ライブラリ 61 ブラウザAPI 38 WebGL 40 テスト 36 JavaScriptの実践 64 JavaScriptの設計 9 JavaScriptドリル 15 非同期通信 5 Vue.js 73 DOM 9 Angular 30 Electron 4 Web Components 14 jQuery 24 Backbone 17 TypeScript 24 Coffee

                                                            CodeGrid - フロントエンドに関わる人々のガイド
                                                          • 1人でデスクトップとモバイル両方で動いて同期するアプリをどうやって作ったか

                                                            こんにちは、個人アプリ作家のTAKUYAです。InkdropというクロスプラットフォームなMarkdownノートアプリを1人で開発しています。このアプリはmacOS、Linux、Windows、Android、iOSで動作します。ご存知かもしれませんが、この5プラットフォームにアプリを対応させるのは簡単ではありません。しかしながらパワフルなフレームワークを活用すれば、それも不可能ではありません。それらに頼るだけでなく、プロジェクトを持続可能に保つための開発戦略も必要となります。本記事では、僕がこれまでどのようにして開発して来たのかシェアしたいと思います。 あなたは1人で開発しているのではないクロスプラットフォームなアプリの開発は、往々にして多くの予測不能かつ再現不能な問題を伴います。自分の環境では正しく動いていた機能が、他の環境では思うように動かない。例えば、最近僕もそういう問題を経験しま

                                                              1人でデスクトップとモバイル両方で動いて同期するアプリをどうやって作ったか
                                                            • Qiitaのスライドモードは、mizchiが勝手に作った!?─Incrementsの縛られない開発スタイルを聞いてみた

                                                              Qiitaのスライドモードは、mizchiが勝手に作った!?─Incrementsの縛られない開発スタイルを聞いてみた 馬場 美由紀(HTML5 Experts.jp編集部) 及川卓也さんや田中洋一郎さんをはじめ、著名なエンジニアが次々と入社していることで話題のIncrements。8月にはさらにCSSのコードフォーマッターであるStylefmtの作者・morishitterこと森下雅章さんを迎えるなど、さらに開発陣営を強化しています。 今回はさっそく森下さんにも加わっていただき、白石俊平編集長を聞き手に、CTOの髙橋侑久さん、フロントエンドエンジニアmizchiさん、デザイナーの東峰裕之さんに、「Qiita」の開発環境や開発スタイルなどについて聞いてみました。 特定領域でとんがってるスペシャリストが増えてきた 白石:まずは、自己紹介とQiitaの開発チームでの役割についてお聞かせください

                                                                Qiitaのスライドモードは、mizchiが勝手に作った!?─Incrementsの縛られない開発スタイルを聞いてみた
                                                              • 新しく登場した一括管理アプリ「Stack」がガチで便利だったから聞いてほしい - Qiita

                                                                Product Huntをみていたら、 Stackというアプリが話題になっていたので、チラッとみてみました。 Webアプリを一元管理できるようで、有名どころだと「Franz」「Station」があります。 私は「Station」を愛用しており、乗り換える気持ちはなくて、「試しに触ってみるか」くらいの感覚でDLしました。 (Product Huntで超人気アプリを使ってみたかったというのもあります) 使ってみた結果、最高に便利な一元管理アプリで、速攻でstationから乗り換えました(掌返し) ぜひ皆様にその感動をいち早くお届けしたくて、超久しぶりにQiitaに投稿します。 →https://stackers.app/ ※2019/9/27時点、Mac限定のアプリです。 Stackを激推したい3つの理由 個人的にStackいいなぁと思うポイントは3つあります。 横スクロールで一望できる カテ

                                                                  新しく登場した一括管理アプリ「Stack」がガチで便利だったから聞いてほしい - Qiita
                                                                • Next.js + Electron がとても簡単になっていた

                                                                  Next.js + Electron を使えばめちゃくちゃ簡単にデスクトップアプリを作れるという記事です。 デスクトップアプリケーションをWeb技術で作成するElectronを、むちゃくちゃ久々にやってみたら、とても簡単になっていた React のフレームワークである Next.js もバージョン9.xになってから劇的に良くなり続けていて、どんどん触りやすくなっています ちなみに Next.js は非公式な日本語翻訳が進んでいるようです。 9割くらい翻訳が完了しているようですが、気になる方は、このサイトの「翻訳プロジェクトについて」をご覧ください。 セットアップする # npmの場合 $ npx create-next-app --example with-electron-typescript hoge $ cd hoge $ npm run build $ npm run start

                                                                    Next.js + Electron がとても簡単になっていた
                                                                  • マイクロソフト、Progressive Web Apps(PWA)をWindows 10のデスクトップで実行可能に。Windows 10はWindows、Linux、PWA対応のプラットフォームへ

                                                                    マイクロソフト、Progressive Web Apps(PWA)をWindows 10のデスクトップで実行可能に。Windows 10はWindows、Linux、PWA対応のプラットフォームへ マイクロソフトはWeb技術を用いてネイティブアプリケーションのように動作するProgressive Web Apps(PWA)を、WebブラウザのEdgeにとどまらず、Windows10のデスクトップ環境でも実行可能にすることを明らかにした。 Windows 10は当然のことながらWindowsアプリケーションを実行可能なOSですが、Windows Subsystem for Linuxが新たに搭載されてLinuxアプリケーションのサポートも進められています。 そしてマイクロソフトはさらにWindows 10の守備範囲を広げようとしています。次はWeb技術を用いたアプリケーション、「Progre

                                                                      マイクロソフト、Progressive Web Apps(PWA)をWindows 10のデスクトップで実行可能に。Windows 10はWindows、Linux、PWA対応のプラットフォームへ
                                                                    • [macOS向け] gitのクライアントはGitUpがいいぞ。 - Qiita

                                                                      ツイッタフォローしてやで(ボソッ https://twitter.com/JotaroUT いろいろ使ってみたけどGitUp、やめられませんでした。 Macbookをスタバで開いてはプロジェクトをgitで管理する機会の多いであろう諸兄・諸姉のために、独断でイケてるなと思ったgitのGUIクライアントについて紹介したい。その名もGitUp。 GitUp : http://gitup.co/ GitUpとは GitUpはmacOS用に開発されたgitのGUIクライアントである。 公式ホームページに、 Work quickly, safely, and without headaches. とあるように、確かに使っている間は頭痛がしない気がする。大きな特徴としては、謳い文句の通り、 早い。 ざっくりした使い方 コミットを参照する。 ここでは、openFrameworks (https://op

                                                                        [macOS向け] gitのクライアントはGitUpがいいぞ。 - Qiita
                                                                      • 2015年Qiitaランキング - Qiita Blog

                                                                        こんにちは takorattaです。2016年もすでに1週間が過ぎていますが、昨年の技術トピックをQiitaの各種ランキングで振り返ってみましょう! ストック数ランキング2015年のストック数によるランキングです。 1位:Gitでやらかした時に使える19個の奥義 by muran001 (2918ストック) 2位:数学を避けてきた社会人プログラマが機械学習の勉強を始める際の最短経路 by daxanya1 (2792ストック) 3位:うまくメソッド名を付けるための参考情報 by KeithYokoma (2754ストック) 4位:ネイティブと働いて分かった英語コミットメッセージの頻出動詞10つ by gogotanaka (2696ストック) 5位:初心者向け、「上手い」シェルスクリプトの書き方メモ by m-yamashita (1930ストック) 6位:非デザイナーエンジニアが一人でW

                                                                        • マルチプラットフォームで動く「Electron」は本当に使える技術なのか?|CodeIQ MAGAZINE

                                                                          2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

                                                                            マルチプラットフォームで動く「Electron」は本当に使える技術なのか?|CodeIQ MAGAZINE
                                                                          • クローラー/スクレイピング本がざくざく - プログラマでありたい

                                                                            2015年8月末に、クローラー/スクレイピング本が2冊同時に発売です。Python版メインのものとJavaScript版メインのものです。なかなか市場のニーズ突いてきていますね。 実践 Webスクレイピング&クローリング-オープンデータ時代の収集・整形テクニック 作者: nezuq,東京スクラッパー(協力)出版社/メーカー: マイナビ発売日: 2015/08/28メディア: 単行本(ソフトカバー)この商品を含むブログを見るJS+Node.jsによるWebクローラー/ネットエージェント開発テクニック 作者: クジラ飛行机出版社/メーカー: ソシム発売日: 2015/08/31メディア: 単行本この商品を含むブログを見る 実践 Webスクレイピング&クローリング-オープンデータ時代の収集・整形テクニック 実践 Webスクレイピング&クローリング-オープンデータ時代の収集・整形テクニックは、Py

                                                                              クローラー/スクレイピング本がざくざく - プログラマでありたい
                                                                            • Node.js の原罪 - from scratch

                                                                              Intro ちょうどタコピーの原罪が流行ってるのでこのタイトルにしたけど結構気に入ってる。 d.potato4d.me この話を読んでの感想とここまで大きくなった Node.js の振り返りをしようと思う。 どんなプログラミング言語であってもみんなから使ってもらって開発者をハッピーにしたいと思ってる。ただ最初は良かったと思ってた機能がなんか古臭くなったり、他にクールな機能を持ったものが登場したことによって徐々に飽きられていき、最終的に他の言語に乗り換えられる。 まぁどんな言語も同じだと思う。C言語だって生まれた当初はすごくクールでみんなをハッピーにしてた。今丁度「戦うプログラマー」を読んでるが、C++が出てきて、周りのエンジニアが C++ を使おうとするシーンが出てくる。そこで、「あんなの使って何が良いんだ、Cで十分だろ」とWindows NT 開発リーダーのデーブカトラーが言ってたりする

                                                                                Node.js の原罪 - from scratch
                                                                              • Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート

                                                                                Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート 小林徹 2016年9月3日に東京電機大学で開催された「HTML5 Conference 2016」のセッションを特集する第二弾は筆者である私、小林徹が登壇した「 Reactの最新動向とベストプラクティス 」の内容を解説します。 Reactの現状 Reactは、2013年にFacebookが公開した、Viewを作るためのJavaScriptのライブラリーです。 https://facebook.github.io/react/ 現在のバージョンはv15.3.2です。 v1.0.0からv14.0.0までのバージョンはありません。 「すでに安定していてプロダクションでも利用できる」ことや「セマンティック・バージョニング(パッチ.マイナー.メジャー)に準拠している」ことを示すために、v0.

                                                                                  Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート
                                                                                • 軽量RustフレームワークTauriでデスクトップアプリ開発をはじめよう | gihyo.jp

                                                                                  TauriはRustで書かれた軽量なGUIフレームワークで、Windows、macOS、Linux向けのデスクトップアプリを開発できます。2022年6月に最初の安定版であるバージョン1.0がリリースされました。 Tauriでは、メインプロセスはRustで記述しますが、UI(User Interface)にはWeb技術を利用します。ReactやVue.jsのようなJavaScriptフレームワークがそのまま使えるので、インタラクティブで見栄えの良いUIを簡単に構築できます。同種のフレームワークにElectronがありますが、後発であるTauriにはインストーラのサイズを小さくできるなどの強みがあります。 Tauriのロゴは、おうし座の二重星であるシータタウリ(θ Tauri)をモチーフ[1]にしており、Webとネイティブアプリの相互作用を意味しています。 図1 Tauriロゴ 本稿では、Ta

                                                                                    軽量RustフレームワークTauriでデスクトップアプリ開発をはじめよう | gihyo.jp