サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
世界禁煙デー
crieit.net
Wayback Machine(https://web.archive.org)に開いているサイトを一発で登録するブックマークレットを作りました。 オプションの「Save outlinks」「Save error pages (HTTP Status=4xx, 5xx)」「Save screen shot」は全てオンにした状態です。 javascript: (function() { var form = document.createElement('form'); form.action = 'https://web.archive.org/save'; form.method = 'post'; form.target = '_blank'; form.id = 'wmbl'; var hid = document.createElement('input'); hid.type =
先日、長いこと閉鎖していたサービスを復活させました。 OGP changer https://ogpc.ga/ これは、SNS共有用のURLを発行するサービスです。閉鎖に至ったのには大きな理由がありました。 短縮URLサービスのドメインを殺された きっかけは弊サイトが管理する別の短縮URLサービス「URL Shortener」(lmp.tw)の悪用でした。 URL Shortenerは純粋な短縮URLサービスです。ユーザー数が少ないため、他よりも短いURLを取得できるのがウリでした。 ところが。 短縮URLサービスでテロられたこんなことあるんか — ウラル (@barley_ural) April 12, 2019 まさかの事態に。 何が起きたのか? lmp.twドメインが全てTwitterに弾かれ、一切ツイートできないようになっていました。既にツイートされたリンクを踏むと、全てのページで
スタートアップや、個人開発に取り組んでて最も辛いのは何だったかと聞かれれば、「プロダクトが信じられなくなった」瞬間と答えます。これが世の中を沸かせるんだ、人生を賭けて打ち込んでいくんだと決意を固め進めてきたけど、余儀なく諦めなければならない時が沢山ありました。誰に咎められるわけではないけど、繰り返していくうちに、自分自身も信じられなくなります。全世界から否定されたくらいの悲壮感に陥るものです。 しかし、起業家である以上は解決されるべき問題に取り組むべきであるし、であるからこそ、顧客はお金を払うし、チームは付いてきてくれる、メディアは取り上げる、投資家は出資するエコシステムが周り始めるのです。プロダクトを閉じるのは辛い、慣れるものではありません。それから、次のプロダクトが見つかるまでの期間、精神的にすごく追いやられれます。 課題がないのが課題 正しいプロダクトのアイデアを持たない起業家にとっ
お笑いは人並み程度の「好き」です。 劇場へ足を運んだことは無いし、常にチェックしているお笑いコンテンツがあるわけでもありません。 タイムラインで目に留まれば見ますし、笑います。 「ボケる」文化はどちらかと言えば苦手です。 「ここはボケるところやろ!なんで!?」 「スベってもえーからボケたろゆう姿勢は見せてーや!」 とか言う人、ちょっと苦手です。 マナーの強要というか。 「会話転がしてこ!?」とか知ったこっちゃねーです。 キャッチボールで勝手にカーブ投げてくるなって話です。 すみません、脱線しました。 こんな僕ですが、個人開発でこんなサービス作りました。 【#拡散希望】🙌🎉🎊サービス開始🎊🎉🙌ボケをツイートして「いいね❤️」「リツイート🔁」の数でランキング!Twitter連動型 大喜利サイト「ついぎり」サービス開始しました‼️#ついぎりhttps://t.co/bkXfzHyV
SNSなどで、投稿されたWebサイトのリンクがリッチに表示される「OGP (Open Graph Protocol)」機能。 Webサイトに簡単なメタタグを組み込むだけでOGP表示されるため、対応するサイトは増えています。 しかし、OGP用のメタタグは一般ユーザーからは見えないし、サムネイル動的生成などでサーバーに大きな負荷がかかることもあるので、できればOGP取得用クローラ以外にはメタタグを生成しないようにしたいもの。 そこで、UA(ユーザーエージェント)からクローラによるアクセスか判定するために、実際にOGP取得用クローラのUAを記録して調べてみました。 結果 2019年3月28日に記録された文字列をそのまま掲載しています。
Unityのバージョン:2018.3.5f1 はじめに ダンジョン探索型のゲームって、だいたい端っこにダンジョンのミニマップがついてますよね。自分の位置とか一度発見した宝箱の位置とかがわかるやつ。 今回はUnity2017で実装されたTilemapを用いて作成したステージに対応した、ミニマップの作成法を考えてみました。 ただ、AssetStoreには既に高品質のミニマップ機能がいくつもあるので、無理に自作する必要はないと思います。 自分はAssetStoreのツールがTileMapに対応しているのかチェックするのが面倒だった(英語から逃げた)のと、ちょっと調べただけでも参考になる記事がいくつもあったから試してみただけです。 ちなみにできあがったものがこちらになります。 ステージ作成 ステージはこんな感じでTilemapで作成しています。 Gridオブジェクトの下に Ground(通路) W
現在Web開発といえばバックエンドであればRuby, PHP, Python, Node, Elixir等、フロントであればReact, Vue, Angular等を自由に選び、インフラもHeroku, Firebaseやその他サーバーレス構成で無料運用など選んで使え、バラエティに富んだ方法で自分の個性にあったものを使い楽しく行うことができる。 でも、2005~2009年頃はそうではなかった。ふと思い出したので色々調べつつ色々書き出してみる。(個人の知識をベースにした内容のため、知らない部分を含めると間違っている部分もあるかもしれない。また各年の記述はWikipediaでざっと調べたので違ってる可能性もあるかも知れない) プログラミング言語 確かWeb界隈で主に使われていたのはJava, PHP, Perl, Ruby, JavaScriptだったと思う。会社での業務でどうだったかは知らな
タイトルにある「ネコのアプリ」というのは、僕が作ったものではありません。個人開発者が集まるslackグループ、運営者ギルド仲間の@ampersand_xyzさんが作ったものです(アプリの詳細はこちら)。 今回、そのアプリを世界最大級のプロダクト紹介サイトProduct Huntにて紹介したところ、その日のランキングで7位を獲得したというお話です。 対象読者 個人開発者や、スタートアップの方で、海外に自分の作ったプロダクトをローコストで広めたい方。 およそ1万字の記事なので、時間があるときにじっくり読んでいただければと。 なぜやったのか 自分が作ったアプリの海外展開を行うにあたって、海外の三大プラットフォームの動きを事前に体験してみたかったからです。 少しだけ自己紹介をすると、shinji といいまして、サイドプロジェクトとして個人開発で下記のようなサービスを運営しています。 日程調整アプリ
はじめに 個人開発のアイデアを出すのって難しいですよね。厳密に言えば、正しいアイデアを出すのがすごく難しいと思います!「これは絶対イケる!」と思って、今まで散々プロダクトを出してきた人も、期待はずれの結果に苦しめられてきたかと。大丈夫です、僕もその一人です。 デザインや、細かい機能部分については後からでも変えられますが、根っことなるアイデア部分って取り返しがつかないやつです。だからこそ、ヒットするプロダクトを作るためにはアイデア出しがすごく大切なんですよね。 でも、無理やり出そうとすると、決して良いものは出てこないし、自然に出てきたアイデアがベターだと思うんです。 Y CombinatorをつくったPGも「正しいアイデアを出そうとするんじゃなくて、正しいアイデアを出せる人物になれ」とか無茶振りを言っています。(このエッセイはなんども読み返す価値ありです!)今回は、僕が失敗や、上手くいった人
コードレビュー、これまでいろんなプロジェクトで経験して、意外と使われていないノウハウがあったり、風習が違ってつらみがあったりしたので、いろいろまとめてみる。 指摘事項について よくある話 - 駄目コードを憎んで人を憎まず。駄目なのはコードであって人格じゃない - 指摘する人は人格攻撃せずにコードのどこが悪いのかを指摘しましょう - 指摘される人も、言われているのはコードの問題であって人間の問題じゃないので、素直な心で受け止めよう この辺はみんな知ってると思うので略。ぼくが思う大事なルール コードレビューで指摘された内容は、対応必須ではない 理由: 対応必須にすると、「これ言ったらリリースできなくなるよね」みたいな忖度が発生してコメントできない人が出現するから。 絶対ダメとは言わないけど、あまりよくはない、みたいな指摘については、そのときは急ぐからリリースするけど、次回から気をつけるとかがあ
アジャイル開発の見積もりに使う「ストーリーポイント」、あれが既存の見積もりと何が違うのかずっとわからなかったのだけど、ある日突然理解できた。 きっかけは、見積もりポーカーを買ったこと。デザインが秀逸で、見た瞬間に今まで何を間違っていたのかを理解した。 よくある誤解 「ストーリーポイントは、何らかのタスクを基準に、それよりどれくらい難しいかを使って見積もるもの」と思っていた。 この間の不具合解決のタスクを1と見積もったよね。今回の機能追加はそれに比べてどれくらい難しいだろう? 不具合解決は2日かかったよね。機能追加だと10日くらいかなあ。ということはストーリーポイントは5か。 これ言うと、「ストーリーポイントは日数見積じゃない」と言われるのだけれど、何が違うのかずっとわからずにいた。だってどれくらいかかるか見積もるんでしょ? 秀逸なデザイン Agile Inspirationsの見積もりポー
背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCop、JavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら
(2019/05/05追記) 一年も前に書いたジョークがいまさら発火して、もうどんな顔していいかわからないのだけど🙃 この記事には後日談があります VSCodeのRemote Development機能が革命的な話。 (追記終わり) 2010年頃に開発マシンをMacに移行して、それからずっとMacで開発していたのだけれど、Windowsに戻してみることにした。 理由 最近なんかMacイケてないと思わない? 新型MacBook Pro1.3kgはともかく、13インチMacBook Airが1.2kgってありえないでしょ?アップルの空気はそんなに重いの? 一方で、WindowsでWEB開発する条件が整いつつある Office 365, Adobe CCなど、大手の会社のソフトウェアはだいたいマルチプラットフォーム対応になってきたよね VSCodeもSublime TextもWindowsで動
個人開発でアプリやサービスを公開したら、一人でも多くの人に知ってもらいたい!使ってもらいたい!と思うのが開発者の切なる気持ちですよね。ですが、広告にお金をかけるほど経済的な余裕がないのも個人開発の実態かと思います。 そんな時に、個人開発で作ったサービスを投稿できるサイトがあるので、幾つか紹介していきたいと思います。 開発会議 早速ですが、宣伝からです(笑)開発会議は、個人開発やスタートアップのプロダクトを登録して進捗をアップデートできるサイトです。進捗をアップデートするだけでなく、開発で使っているツールを登録できたり、フィードバックを受けたりできるのがサイトの特徴です。 サイトURL: https://devtalk.jp/ Appla 話題のWebサービスやアプリをキュレーションしているサイトです。紹介しているプロダクトは国内・海外問わず、便利なものをチョイスされているみたいです。会員登
今年Firebaseを使い始めてからちょこちょこ自分の中で議題に上がるのが、RDBとFirebaseのデータベース(Firestore、Realtime Database)のどちらが使い勝手良いのか、ということ。ただ、そもそもどちらかを選ばなきゃいけないというわけではなく、適宜両方使えばいいということが分かったのでそれについての雑記。 そもそもまず、なぜ悩むところがあったのか。 Firebaseのデータベースのデメリット 一番大きいのはやはりリレーショナルでないことと、クエリが弱いということ。集計ができなかったり、欲しいデータがすぐ取れなかったりする。 RDBのデメリット とりあえずRDBにしておけば何でもできるというのはあるが、デメリットとしてはやはりサーバーもしくはお金が必要になってくるということ。サーバー内に入れると管理やスペックの調整などが気になるし、別途RDSやCloud SQL
はじめに 個人開発(スタートアップ含め)を始めたのは、ちょうど3年前です。プログラミングを始めたのが2年ちょっと前なので、最初はコードを書かずに開発をしていたという状態なのですが。 ワークしているプロダクトは殆どなく、大量の墓標をインターネットに立ててきたわけですが、これを機に備忘録的にまとめておこうかなと思います。実際に、作ったサービスは20以上あるのですが、今回は備忘しがいのあるサービスたちだけに厳選して紹介していきたいと思います。 (なんか、覚えている、見かけているサービスがあったら嬉しいな。笑) クローズしたサービス7選 ciao(2017) イベントキュレーションサイト。友人と共同創業した会社で、正式に公開したWebサービスでした。イベントと言っても、ネットワーキングを目的としたものではなく、アフターヌーンティーやイルミネーションの情報など催しごとをキュレーションして紹介していま
月500円の不労所得を得るためにWEBサービスを開発した話 〜 もうやめて!とっくに個人開発者のライフはゼロよ! 〜 こんにちわ!ミツダマです。 毎月WEBサービスを開発して技術とノウハウうっはうは祭りを主催しています。 1・2月に続いて3月にもWEBサービスを開発しました。 そのときの記事はコチラ ▼月500円の不労所得を得るためにWEBサービスを開発した話(1) 3月は究極の選択メーカー(仮)をつくってます。 おかげで少しずつですが不労所得に近づいてきました。へへ。 以下報告記事です! あらすじ 〜成功のノウハウ探し〜 花粉症に悩まされひたすらティッシュを浪費する仕事に勤しんでいたある日のことです。 空いてる時間を使って「個人開発で成功するためのノウハウ」について調べていました。 多くの記事を読み漁った結果、どの記事でも共通して書かれている大原則を見つけたのです。それは どれだけキレイ
『個人開発がやりたくなる本 ~クリエイター13人の実録エッセイ~』の一部を無料公開したものとなります。 興味を持ってくださった方は、ぜひ上記書籍をお買い求めください! はじめに 本書を手にとっていただき、ありがとうございます。 個人でWebサービスやアプリを開発する「個人開発者」の合同誌です。 「個人開発の楽しさ」をお伝えします。 想定読者① プログラミング初学者1 本書は先輩開発者のエピソード集です。 モチベーション向上にお役立てください。 「こういうアイデアを実現できたら楽しそうだ」という未来を描いてください。 「一度は自分でサービスをリリースしてみたい」という憧れがあるからこそ、本書を手に取ってくださったのではないでしょうか。 筆者も同じです。 先人の背中に憧れて個人開発を始めました。 筆者にとって本書は「過去の自分」へのエールなのです。 想定読者② 個人開発に挫折しそうな(あるいは
※物理書籍は完売しました。boothにて電子書籍を販売中です 個人開発者13名による、個人開発の体験談をまとめた合同誌です! WEBサービスやスマホアプリを開発するコツ、失敗談やバズった話、他では言えないお財布事情まで! これから個人開発を始めたい方、サービスを運営中の方におすすめです! 表紙: @mogya 内容・目次 はじめに ※全文をオンラインで公開します。 第1部: やさしい個人開発のはじめ方 第1章: 未経験から3ヶ月で作る!個人開発マニュアル 第2章: アイデアからリリースまで、Webサービス開発を徹底詳説 第2部: 個人開発でバズった人のないしょ話 第3章: 突然1日100,000PVを達成した地味なサービスの話 第4章: 累積120万DL!なぜかインドで大ヒット!クソアプリを量産しよう! 第3部: 教えて!個人開発のおさいふ事情 第5章: ダウンロード数と収支報告!スマホア
『個人開発がやりたくなる本 ~クリエイター13人の実録エッセイ~』の一部を無料公開したものとなります。 興味を持ってくださった方は、ぜひ上記書籍をお買い求めください! 141人に聞いた!みんなの個人開発事情 個人開発者は「個人」で活動しているためか、実態がナゾに包まれています……。 そんな個人開発にまつわるアレコレを、赤裸々に回答してもらいました! 回答人数:141人(すべて任意回答なので、設問によって回答人数が異なります) 集計期間:2019年2月5日(火)〜2019年2月15日(金) 集計方法:Googleフォーム(主にSNSで募集) Q1. どんなサービスをつくりましたか?(複数回答可) Webサービスが5割、スマホアプリが約4割、デスクトップアプリが約1割となりました。 その他ではChrome ExtentionやSlack App、LINE bot、組み込みシステムなどの回答があ
この記事は、「個人開発サービスに用いられている技術 Advent Calendar 2018」17日目の記事です。 現在、個人開発で3プラットフォーム対応アプリを作っているが、バックエンドをFirebaseにしていわゆるサーバーレスで開発を進めている。 FirebaseのCloud Functionsを使うにあたって、毎回Firebase上にデプロイしてテストするのは時間がかかって面倒なので、Cloud Functionsをローカルで実行する方法と、はまった点をまとめる。 ローカルでCloud Functionsを実行する方法 下記の3つの方法がある。 Firebase CLI の firebase serve … http系のテストするならこれ。 α版エミュレータ … Firebase系の処理が不足。 Cloud Functions シェル … だいたいなんでもできそう。 今回はhttp
GatsbyJSをひたすら弄る連載
こんにちわ!ミツダマです。 毎月WEBサービスを開発して技術とノウハウうっはうは祭りを主催しています。 1月に続いて2月にもWEBサービスを開発したことで、真の狙いである「不労所得を生み出すサービス」作りにも近づいてきました。 ちなみに俳句メーカーといいます。 以下報告記事です。 SNS画像シェア(OGP)系サービスとの出会い ことの発端はワタナベさんのこの記事でした。 ▼Webサービス分解 「Peing-質問箱-」の分解 簡単にいうと、OGPという仕組みを使えば Twitterに サービスのURLを投稿するだけで 画像をシェアできる らしく、 めっっっっっっっっっっっっちゃ面白そうやんけ! とワクワクが止まらなくなってしまったのがきっかけでした。 やっぱり「〜したい」という思いは行動に移す上で何よりの原動力になりますね。 普段は働きたくないと思いながら辞めさせられない程度にダラダラコード
Crieitの記事詳細ページのレスポンスがdev.toのような速さになりました。実際にはdev.toよりも速いです。技術記事系サービスとしてはQiita等を含めて日本一となります。 この画像は各サービスの記事ページのレスポンスにかかった時間を比較したものになります。タイミングによってばらつきもあるため速いものをメモしてみましたが、国内のQiitaやQrunchは170ミリ秒ほど、爆速で話題になったdev.toも意外にも30ミリ秒ほどで、平均だともうちょっと遅い感じがします。そしてCrieitは15ミリ秒くらいなのでダントツで最速です。 確認方法としては、トップページから記事ページのリンクをクリックするか、記事ページでリロードするかが分かりやすいと思います。 追記) 現在はZennがZennページ同じ速さになったので恐らく総合的に最速だと思います。Next.jsのキャッシュコントロールにまだ
Node.jsにはPuppeteerという画面を表示せずにChromeを扱えるライブラリがあります。それを利用し、URLをパラメータとして与えるだけでスクリーンショットを画像としてブラウザで表示させることができるサーバーアプリケーションを作成しました。 実際にこのような画像が作成できます。例として下記はボード内投稿にコードを入れた場合に表示される画像です。 下記は記事の画像です。 HTML, CSSから生成しているためドロップシャドウとかもこんな感じで簡単に効かせる事ができています。 GitHubで公開していますので、とりあえず使って見たいという方は記事を読み飛ばして最後の方にあるリンクをご利用ください(こらえきれぬ涙で頬を濡らしながら) 何が便利なのか WebサービスのURLをTwitter等でシェアするだけで、URLだけでなくツイートに画像も表示されるのをよく見ると思います。 これは画
Webサービス上にてユーザーの名前を表示したい場合、例えばPHPのLaravelであれば下記のようにして表示します。 お名前:{{ $user->name }} データをMySQLから取得後、メモリ上にはTwitterのトークンなどが存在しますが、ここではテンプレート上で名前しか表示していないので問題はありません。わざわざトークンを表示する、ということもないと思うのでこういった場合には問題になりません。 ユーザー情報をAPIで取得する場合 最近はフロントエンドとバックエンドが分かれることが多くなり、直接テンプレート上に表示する形ではなく、バックエンドから情報をJSON形式に変更してフロントエンドに伝える、という形が多くなりました。 例えばユーザー情報をPHPのjson_encodeでJSONに変換すると、下記になります。 { "id": 154, "name": "taro", "twit
あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を
約6年ぐらい前、「C言語がわかるならiPhoneアプリを作ればいい」と言われた時、私はMacを持っていませんでした。Macは憧れの対象ではありましたが高級品で、当時、職業訓練校に行っていた身としては買えると思っていなかったのです。(話が前後しましたが、その職業訓練校でC言語を習いました。) 去年(2017年)12月、私は4月から働いていた派遣をやめることにしました。そしてMacを買いました。Macを買うのに必要なのはお金だけではなく、思い切りでした。 何十年Macに憧れ続けて、このまま死ぬのか?死ぬまで憧れ続けて、買わないまま死ぬのか? 今買えるお金があるなら、買おう。 ちなみに、その頃までの私の主な職業はテストエンジニアでした。書くとしてもテストコードだけ。 専門学校は出ていないし、前述の職業訓練を受けるまでは学校で習ったこともありません。 プログラマーという職業もずっと憧れであり、なか
はじめに 11月25日(日) に「にじさんじ配信スケジュール」と呼ばれるウェブサービスをリリースしました。 正確には初めてリリースしたサービスでは無いのですが、会員登録機能が用意された本格的なサービスを出した事がこれまでなく、実質的には初めてのサービスと呼んでも良いだろうと考えています。 という訳で、Crieit「個人開発サービスに用いられている技術 Advent Calendar 2018」6日目は「初めてのウェブサービスを WordPress + Vue.js で個人開発した話」と題して、開発に WordPress や Vue.js を用いたこと、ウェブサービスを作るまでの話や、リリース直後の話をしたいと思います。 n番煎じなテーマですし、蛇足に感じられる内容も多々あるかと思いますが、適宜必要な箇所をお読み頂ければ幸いです。 この記事の想定読者 これからウェブサービスを個人で作りたい方
次のページ
このページを最初にブックマークしてみませんか?
『Crieit - プログラマー、クリエイターが何でも気軽に書けるコミュニティ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く