tag:crieit.net,2005:https://crieit.net/users/Harus0313/feed Crieitでユーザーハル@社内SE＆個人開発による最近の投稿 2020-09-04T16:57:38+09:00 https://crieit.net/users/Harus0313/feed tag:crieit.net,2005:PublicArticle/16050 2020-09-04T16:57:38+09:00 2020-09-04T16:57:38+09:00 https://crieit.net/posts/Markdown-5f51f372b208b <h1 id="1. ExecNoteの機能概要"><a href="#1.+ExecNote%E3%81%AE%E6%A9%9F%E8%83%BD%E6%A6%82%E8%A6%81">1. ExecNoteの機能概要</a></h1> <p>ExecNoteは、Markdownに書いたコードを直接実行できるアプリケーションです。</p> <p><a target="_blank" rel="nofollow noopener" href="https://execnote.app/">https://execnote.app/</a></p> <div class="iframe-wrapper"><iframe width="560" height="315" src="https://www.youtube.com/embed/b_WYr35MUSc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <p>現在は、Python、NodeJS、PowerShellに対応しています。</p> <h1 id="2. 作者について"><a href="#2.+%E4%BD%9C%E8%80%85%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">2. 作者について</a></h1> <p>私は、SIerのSEとして4年、製造業社内SEとして6年ほど働いているシステムエンジニアです。</p> <p>COBOLからc#までシステム開発の経験があります。</p> <p>SIerの頃は、ほとんどCOBOLと日立メインフレームを用いたシステム開発をしていました。</p> <p>製造業社内SEでは、ERPをはじめとした基幹システムの保守・改修をメインでやっています。キーエンスハンディターミナル（BT-Wシリーズ）のアプリ開発や、海外工場の生産管理システムの開発を、要件定義から運用保守まで担当しています。</p> <p>ブログは、主に技術系のネタを書いています。</p> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://usefuledge.com/">https://usefuledge.com/</a></li> </ul> <p>Twitterでは、思ったことを徒然とつぶやいています。</p> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://twitter.com/harus0313">https://twitter.com/harus0313</a></li> </ul> <h1 id="3. なぜExecNoteを開発しようと思ったか"><a href="#3.+%E3%81%AA%E3%81%9CExecNote%E3%82%92%E9%96%8B%E7%99%BA%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E6%80%9D%E3%81%A3%E3%81%9F%E3%81%8B">3. なぜExecNoteを開発しようと思ったか</a></h1> <p>システムエンジニアをやっていると、たくさんの手順書を書かされます。環境構築手順書やリラン手順、復旧手順書など。その多くは、コマンドを用いて確認する工程が必ずあります。</p> <p>手順書に書いてあるコマンドを、コンソールウィンドウにコピペして実行するのは、どう考えても作業の無駄です。</p> <p>そのため、Markdownに書いたコードをワンクリックで実行できるアプリを作り、工数削減を目指しました。</p> <h1 id="4. 技術的要素"><a href="#4.+%E6%8A%80%E8%A1%93%E7%9A%84%E8%A6%81%E7%B4%A0">4. 技術的要素</a></h1> <p>ExecNote は、Blazorとc#で開発しました。</p> <p>Blazor(ASP.NET Core Blazor)は、SPAを開発できるフレームワークです。フロント側をc#で記述します。</p> <p>BlazorからJavaScript関数を呼び出したり、逆に、JavaScriptからBlazor関数を呼び出すこともできます。</p> <p>これらのプログラミング方法は、いかに記載しています。</p> <ul> <li><p><a target="_blank" rel="nofollow noopener" href="https://usefuledge.com/blazor-call-js-function.html">BlazorからJavascriptを呼び出す・実行する方法</a></p></li> <li><p><a target="_blank" rel="nofollow noopener" href="https://usefuledge.com/js-call-blazor-function.html">JavaScriptからBlazor関数を呼び出す方法</a></p></li> </ul> <h1 id="5. 今後の展望"><a href="#5.+%E4%BB%8A%E5%BE%8C%E3%81%AE%E5%B1%95%E6%9C%9B">5. 今後の展望</a></h1> <p>今後は、マルチデバイス、クラウドストレージ、AWS Lambda実行などに対応していく予定です。</p> <p>無料で使用可能ですので、ダウンロードよろしくお願いします❗️</p> <p><a target="_blank" rel="nofollow noopener" href="https://execnote.app/">https://execnote.app/</a></p> <p>機能追加要望やバグ報告などあれば、コメント欄に記入頂くか、Twitterまで連絡ください</p> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://twitter.com/harus0313">https://twitter.com/harus0313</a></li> </ul> ハル@社内SE＆個人開発 tag:crieit.net,2005:PublicArticle/15265 2019-07-21T07:50:20+09:00 2019-07-21T07:54:20+09:00 https://crieit.net/posts/eb9919fbe7eeee372333071f1d718d2f <p>初投稿です。よろしくお願いいたします。<br /> 社内SEをやりながら個人開発をしています。</p> <p>うちでは猫を飼っていて、これがまた、ちょー可愛いんです。</p> <p><a href="https://crieit.now.sh/upload_images/aae9e1ba79d4663cb715578b73c3605a5d338bdc91150.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/aae9e1ba79d4663cb715578b73c3605a5d338bdc91150.jpg?mw=700" alt="IMG_5847.jpg" /></a></p> <p>こんなブサイクなときもありますが。</p> <p><a href="https://crieit.now.sh/upload_images/714ceb24a2fb95ad38c8e9c096d864245d338c010e00f.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/714ceb24a2fb95ad38c8e9c096d864245d338c010e00f.jpg?mw=700" alt="IMG_5915.jpg" /></a></p> <p>たくさんの方がご自宅のペットの画像や動画を、Twitterに投稿されているのをよく拝見します。私もよくTwitterに投稿しています。</p> <p>ペットを飼ってる人は動画や画像を投稿して、それを見たい人が見れるようなウェブサービスを作りたいと考えています。</p> <h2 id="コンセプト"><a href="#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88">コンセプト</a></h2> <ul> <li>ペットを飼ってる人とペットをみたい人を繋げる</li> <li>「おやつ」を受け取るとちょっとした収入を得られる</li> <li>画像や動画を投稿できる。（成長記録？）</li> <li>「いいね」やコメントを残せる</li> </ul> <h2 id="このサービスで実現したいこと"><a href="#%E3%81%93%E3%81%AE%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%A7%E5%AE%9F%E7%8F%BE%E3%81%97%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8">このサービスで実現したいこと</a></h2> <ul> <li>ペットを飼ってる人への金銭的・精神的なサポート</li> <li>動物を見たい人がすぐに見られる</li> <li>ペットを飼ってみたい人が決断しやすくなる</li> <li>これがあったから良かったとか、グッズを提案・購入できる</li> </ul> <h2 id="デザイン"><a href="#%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">デザイン</a></h2> <p>まだまだですが、Figmaでいろいろ作ってます。素人クオリティですね。</p> <h3 id="Top"><a href="#Top">Top</a></h3> <p><a href="https://crieit.now.sh/upload_images/e777a6b45cd8a84d8ea60586bed097075d339525b72dc.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/e777a6b45cd8a84d8ea60586bed097075d339525b72dc.jpg?mw=700" alt="cute-1.jpg" /></a></p> <h3 id="リスト"><a href="#%E3%83%AA%E3%82%B9%E3%83%88">リスト</a></h3> <p><a href="https://crieit.now.sh/upload_images/4c0dc3fe38554114d02c26cabdd14bc25d339531b5cd9.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4c0dc3fe38554114d02c26cabdd14bc25d339531b5cd9.jpg?mw=700" alt="cute-2.jpg" /></a></p> <h3 id="タイムライン"><a href="#%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3">タイムライン</a></h3> <p><a href="https://crieit.now.sh/upload_images/1644afdc45560a84c4b9242763cfcbe35d33955ff2296.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/1644afdc45560a84c4b9242763cfcbe35d33955ff2296.jpg?mw=700" alt="cute-3.jpg" /></a></p> <h3 id="画像表示"><a href="#%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA">画像表示</a></h3> <p><a href="https://crieit.now.sh/upload_images/071168658e284753568b93be4e376a915d33957695e57.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/071168658e284753568b93be4e376a915d33957695e57.jpg?mw=700" alt="cute-4.jpg" /></a></p> <h2 id="困っていること①ウェブサービスのいい名前が浮かばない"><a href="#%E5%9B%B0%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%93%E3%81%A8%E2%91%A0%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%AE%E3%81%84%E3%81%84%E5%90%8D%E5%89%8D%E3%81%8C%E6%B5%AE%E3%81%8B%E3%81%B0%E3%81%AA%E3%81%84">困っていること①ウェブサービスのいい名前が浮かばない</a></h2> <p>自分の頭の硬さに失望していますが、いい名前が全く浮かびません。本業の方であれば柔軟な発想をお持ちかもしれませんが、社内SEの私はウェブサービスなんて作ったことがなく・・・。</p> <p>このウェブサービスにつける、いい名前がありましたらコメントまたはTwitterで頂けると助かります。</p> <h2 id="困っていること②デザインがダサい"><a href="#%E5%9B%B0%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%93%E3%81%A8%E2%91%A1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%8C%E3%83%80%E3%82%B5%E3%81%84">困っていること②デザインがダサい</a></h2> <p>なんか、Figmaで作ってて、ダサいなぁ、と思ってます。アイコンは<a target="_blank" rel="nofollow noopener" href="https://www.flaticon.com/">https://www.flaticon.com/</a> のものを使わせて頂いていますが、もうちょっとシンプルなアイコンになれば見え方が変わるのかなぁとも思っています。</p> <p>かっこいいデザインの作り方、もしくは、アイコンの作り方をご存知の方、コメントまたはTwitterで頂けると助かります。</p> <h2 id="よろしくおねがいします！"><a href="#%E3%82%88%E3%82%8D%E3%81%97%E3%81%8F%E3%81%8A%E3%81%AD%E3%81%8C%E3%81%84%E3%81%97%E3%81%BE%E3%81%99%EF%BC%81">よろしくおねがいします！</a></h2> <ul> <li>Twitter　：　<a target="_blank" rel="nofollow noopener" href="https://twitter.com/Harus0313">https://twitter.com/Harus0313</a></li> <li>ブログ　：　<a target="_blank" rel="nofollow noopener" href="https://usefuledge.com/">https://usefuledge.com/</a></li> </ul> ハル@社内SE＆個人開発