<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: uetchy</title>
    <description>The latest articles on Forem by uetchy (@uetchy).</description>
    <link>https://forem.com/uetchy</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F44094%2Fb4dece41-340b-4a88-b753-ba4103b7beaf.png</url>
      <title>Forem: uetchy</title>
      <link>https://forem.com/uetchy</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/uetchy"/>
    <language>en</language>
    <item>
      <title>Give Your App Slick Name with namae.dev</title>
      <dc:creator>uetchy</dc:creator>
      <pubDate>Wed, 28 Aug 2019 13:29:11 +0000</pubDate>
      <link>https://forem.com/uetchy/give-your-app-slick-name-with-namae-dev-5c4h</link>
      <guid>https://forem.com/uetchy/give-your-app-slick-name-with-namae-dev-5c4h</guid>
      <description>&lt;p&gt;Have you ever struggled with naming your new OSS project or web app? While hoping no one claimed your desired one in GitHub, npm, Homebrew, PyPI, Domains, etcetera, choosing the best name is weary work.&lt;/p&gt;

&lt;p&gt;That's why I created &lt;a href="https://namae.dev" rel="noopener noreferrer"&gt;namae&lt;/a&gt;.&lt;/p&gt;

&lt;h1&gt;
  
  
  namae
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fnp1a40lrch9m10b1s7nz.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fnp1a40lrch9m10b1s7nz.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://namae.dev" rel="noopener noreferrer"&gt;namae&lt;/a&gt; is an inter-platform name availability checker for developers and entrepreneurs.&lt;/p&gt;

&lt;p&gt;Once you fill out a form with a name you want to use, namae will check through various registries and check if the name is already in use or not.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fpww3x6ycshadfiiotep9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fpww3x6ycshadfiiotep9.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Supported Platforms
&lt;/h1&gt;

&lt;p&gt;namae supports 15 package registries and web platforms, and it's growing.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Domains&lt;/li&gt;
&lt;li&gt;GitHub Organization&lt;/li&gt;
&lt;li&gt;npm / npm Organization&lt;/li&gt;
&lt;li&gt;PyPI&lt;/li&gt;
&lt;li&gt;RubyGems&lt;/li&gt;
&lt;li&gt;Rust (crates.io)&lt;/li&gt;
&lt;li&gt;Homebrew / Homebrew Cask&lt;/li&gt;
&lt;li&gt;Linux (Launchpad &amp;amp; APT)&lt;/li&gt;
&lt;li&gt;Twitter&lt;/li&gt;
&lt;li&gt;Spectrum&lt;/li&gt;
&lt;li&gt;Slack&lt;/li&gt;
&lt;li&gt;Heroku&lt;/li&gt;
&lt;li&gt;ZEIT Now&lt;/li&gt;
&lt;li&gt;AWS S3&lt;/li&gt;
&lt;li&gt;js.org&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Additionally, the search result comes with a list of projects which has a similar name on &lt;strong&gt;GitHub&lt;/strong&gt; and &lt;strong&gt;App Store&lt;/strong&gt;.&lt;/p&gt;

&lt;h1&gt;
  
  
  Name Suggestion
&lt;/h1&gt;

&lt;p&gt;namae also has a unique feature called &lt;strong&gt;Name Suggestion&lt;/strong&gt;. It suggests auto-generated names made up of common prefix/suffix and synonyms. Take look at some examples.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Faas52pwbrueyzrulfiae.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Faas52pwbrueyzrulfiae.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fj6jv0rq4gin28hks1ika.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fj6jv0rq4gin28hks1ika.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Clicking the suggestion, namae completes the form with it and start searching around the registries.&lt;/p&gt;

&lt;h1&gt;
  
  
  Open Source
&lt;/h1&gt;

&lt;p&gt;namae is completely open-sourced and the entire source code is available at &lt;a href="https://github.com/uetchy/namae" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;. It consists​ of Node.js Lambda for APIs and React app for the web frontend, and is running on &lt;a href="https://now.sh" rel="noopener noreferrer"&gt;ZEIT Now&lt;/a&gt;.&lt;/p&gt;

&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;namae saves your time searching for a universally available name around a set of hosting providers and package registries.&lt;/p&gt;

&lt;p&gt;Go to &lt;a href="https://namae.dev/" rel="noopener noreferrer"&gt;namae.dev&lt;/a&gt; and grab a report for the availability of your future product name. If you have any suggestion, please leave a comment or poke me on Twitter (&lt;a href="https://twitter.com/uechz" rel="noopener noreferrer"&gt;@uechz&lt;/a&gt;).&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Math API: LaTeX Math as SVG image</title>
      <dc:creator>uetchy</dc:creator>
      <pubDate>Tue, 23 Oct 2018 01:28:45 +0000</pubDate>
      <link>https://forem.com/uetchy/math-api-latex-math-as-svg-image-m4p</link>
      <guid>https://forem.com/uetchy/math-api-latex-math-as-svg-image-m4p</guid>
      <description>&lt;p&gt;I've always wanted to put LaTeX Math equations on a web page where MathJax is not allowed to run inside it.&lt;/p&gt;

&lt;p&gt;Spending some time, I made &lt;a href="https://math.now.sh" rel="noopener noreferrer"&gt;Math API&lt;/a&gt;, that renders LaTeX Math markup into an SVG image.&lt;/p&gt;

&lt;p&gt;So you can place your equation on almost everywhere on which you could put &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; or Markdown (&lt;code&gt;![]()&lt;/code&gt;), such as GitHub, Jupyter Notebook or dev.to (here!).&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;![](&lt;/span&gt;&lt;span class="sx"&gt;https://math.now.sh?from=\\LaTeX&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmath.now.sh%3Ffrom%3D%5CLaTeX" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmath.now.sh%3Ffrom%3D%5CLaTeX" width="6" height="2"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;![](&lt;/span&gt;&lt;span class="sx"&gt;https://math.now.sh?from=\\log\\prod^N_{i}x_{i}=\\sum^N_i\\log{x_i}&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmath.now.sh%3Ffrom%3D%5Clog%5Cprod%5EN_%7Bi%7Dx_%7Bi%7D%3D%5Csum%5EN_i%5Clog%7Bx_i%7D" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmath.now.sh%3Ffrom%3D%5Clog%5Cprod%5EN_%7Bi%7Dx_%7Bi%7D%3D%5Csum%5EN_i%5Clog%7Bx_i%7D" width="20" height="6"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Inline image
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff1mk5lzv544138tgl30q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff1mk5lzv544138tgl30q.png" width="800" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa5n4jluddk8kkm3om4ex.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa5n4jluddk8kkm3om4ex.png" width="800" height="202"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It is possible to generate an inline equation by changing the query from &lt;code&gt;from&lt;/code&gt; to &lt;code&gt;inline&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://math.now.sh?inline=\\LaTeX"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;
  
  
  Online Editor
&lt;/h1&gt;

&lt;p&gt;Also, there is the online editor available at &lt;a href="https://math.now.sh" rel="noopener noreferrer"&gt;https://math.now.sh&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fau3nqyix0zyqq1bq77kp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fau3nqyix0zyqq1bq77kp.png" width="800" height="669"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;The source code is available on &lt;a href="https://github.com/uetchy/math-api" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;.&lt;br&gt;
Give it a try and leave a comment/idea for a new feature.&lt;/p&gt;

</description>
      <category>latex</category>
      <category>math</category>
      <category>api</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Comparing OSS on GitHub</title>
      <dc:creator>uetchy</dc:creator>
      <pubDate>Sun, 02 Sep 2018 06:07:07 +0000</pubDate>
      <link>https://forem.com/uetchy/comparing-oss-on-github-2j3k</link>
      <guid>https://forem.com/uetchy/comparing-oss-on-github-2j3k</guid>
      <description>&lt;p&gt;You are making a decision on which open source project you would adopt for your newly developing application.&lt;/p&gt;

&lt;p&gt;This time it is a little bit difficult for you because the candidates are seemingly almost the same in a functional perspective.&lt;/p&gt;

&lt;p&gt;So let's delve into this from a different perspective: contributors and users activities.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;More stars, forks, and watchers are the good vital sign of a vibrant project, which indicates many users getting involved with the project.&lt;/li&gt;
&lt;li&gt;More issues stand for both good and bad sign but basically it indicates their activeness.&lt;/li&gt;
&lt;li&gt;Organization owned projects are, in most cases, more stable and robust than user owned projects.&lt;/li&gt;
&lt;li&gt;Size of the repository have complexed meanings but in practice, simpler code is better than the massive one if both are trying to achieve the same goal.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I made a simple tool to get you covered with the above guidelines.&lt;/p&gt;

&lt;h1&gt;
  
  
  compare-github
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fuetchy%2Fcompare-github%2Fgh-pages%2Fscreencast.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Fuetchy%2Fcompare-github%2Fgh-pages%2Fscreencast.gif" alt="screencast"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/uetchy/compare-github" rel="noopener noreferrer"&gt;compare-github&lt;/a&gt; is a simple terminal app to explore your candidates and aggregate a result into a nice-looking report.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx @compare/github facebook/react vuejs/vue riot/riot
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;or using yarn:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;yarn global add @compare/github
compare-github facebook/react vuejs/vue riot/riot
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1xfd1gcrfntpft5bbu5s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1xfd1gcrfntpft5bbu5s.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You will see the GitHub activities for each candidate at once.&lt;br&gt;
It could help you to decide which library you would adopt!&lt;/p&gt;

&lt;p&gt;Warmly welcome to any comments/ideas to improve &lt;code&gt;compare-github&lt;/code&gt;!&lt;/p&gt;

</description>
      <category>github</category>
      <category>opensource</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Know your deps in package.json</title>
      <dc:creator>uetchy</dc:creator>
      <pubDate>Sun, 02 Sep 2018 05:19:45 +0000</pubDate>
      <link>https://forem.com/uetchy/know-your-deps-on-packagejson-in-seconds-3d2a</link>
      <guid>https://forem.com/uetchy/know-your-deps-on-packagejson-in-seconds-3d2a</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuetchy.github.io%2Fnpm-deps-list%2Fscreen.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuetchy.github.io%2Fnpm-deps-list%2Fscreen.png" alt="screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;How do you know what packages that project/library depend on and what exactly are that packages doing for?&lt;br&gt;
You'll want to quickly survey on them. So &lt;a href="https://github.com/uetchy/npm-deps-list" rel="noopener noreferrer"&gt;npm-deps-list&lt;/a&gt; is here for.&lt;/p&gt;

&lt;p&gt;You can install them using &lt;code&gt;npm&lt;/code&gt; or &lt;code&gt;yarn&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; npm-deps-list
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Running &lt;code&gt;ndl&lt;/code&gt;, you will get a detailed list of dependencies for the package on the current directory.&lt;/p&gt;

&lt;p&gt;If you are using iTerm2, you can also &lt;code&gt;Command + Click&lt;/code&gt; on a package name to jump to their homepage.&lt;/p&gt;

&lt;p&gt;If you have any idea on it, please consider submitting an issue or a pull request!&lt;/p&gt;

</description>
      <category>node</category>
      <category>npm</category>
    </item>
  </channel>
</rss>
