Welcome to TechCrunch Fintech! This week, we’re looking at the continued fallout from Synapse’s bankruptcy, how Layer wants to disrupt SMB accounting, and much more! To get a roundup of…
![TechCrunch | Startup and Technology News](https://cdn-ak-scissors.b.st-hatena.com/image/square/92584d6251feb0822f349cf0211361b2833c9939/height=288;version=1;width=512/https%3A%2F%2Ftechcrunch.com%2Fwp-content%2Fuploads%2F2018%2F04%2Ftc-logo-2018-square-reverse2x.png)
どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上に2Dゲームを開発できる環境を提供してくれる無料のWebサービスをご紹介します。 ゲームを作るのに必要なキャラクターの作成や効果音などの音作りから、ステージの作成やゲームロジックのプログラミング・ファイルへの書き出しまですべて統合されているのが大きな特徴です。 ゲームを作ってみたいと考えている人は、ぜひ参考にしてみてください! 【 Bitmelo 】 ■「Bitmelo」の使い方 それでは実際に使いながら、どのようなサービスなのかを見ていきましょう! 「Bitmelo」は面倒なユーザー登録などは一切不要で、以下のURLにアクセスするだけですぐにブラウザ上にゲーム開発環境が起動します。 <BitmeloURL> https://bitmelo.com 「Bitmelo」はゲーム開発に必要となる以下の要素をすべて自由に作れるのが大
SEOにおける成功を収めるために、Webサイト全体の品質を上げることは非常に重要です。 しかし、全体の品質が高いWebサイトとは、何をもって決定されるのでしょうか? 様々な解釈が可能と思われますが、総合すると「ユーザーが満足のいく体験を提供するWebサイト」と考えることができるはずです。そして、そうしたサイトは、Webサイトで提供される情報が綿密な考えのもと配置されており、それぞれの情報が有機的に結びついているはずです。 今回は、ユーザーが満足のいく体験を提供するサイトを作り上げるために必要な考えを、「情報アーキテクチャ」と「リンク階層」を軸に説明しているSearch Enjine Journalの記事を紹介します。 ユーザー体験(UX)とは、単純性とデザインという領域に留まるものではなく、「ユーザーがそのサイトをどのように体験したか」についてのものだ。 Webサイトの体験は次の3つに要約
先日のUX Engineer Meetupでプロトタイピングの話をしました。懇親会での話やツイート、ブログなどを見ていると結局「UXエンジニアとは」を気にしている人が多い様子だったので、自分なりの考えを書いてみます。 はじめに結論UXエンジニアという言葉に明確かつ具体的な定義はありません。 UXという1つの言葉に5つの階層があり多義的な以上、UXエンジニアも多義的だからです。自分なりに広く定義するなら「エンジニアリングを軸としながらデザインの力を掛け合わせ、より良いユーザー体験を実現する人」です。なお、デザインという言葉も広義の意味で捉えているので、まあ広い定義です。 ただ、僕自身2年以上UXエンジニアと名乗って複数社で働いていたり、世の中にUXエンジニア的な人が増えて色々な事例も生まれていることから、自分なりの考えはだいぶ整理されてきました。 なぜUXという言葉を使うのか時々、UXなんて
Vanilla JavaScript and HTML - No frameworks. No libraries. No problem. Are you using Vue, React, Angular, or Svelte to create web apps? I am, and if you are too, I bet it's been a while since you've written an app that renders content without these fine tools. Armed with only what comes with the browser. Years ago, this is exactly how many of us wrote web apps. While today's tools help abstract th
近年では誰もがアニメーションを活用します。たとえばBttn.cssやHover Buttonsといった、ボタンに追加できる非常に小さなホバー効果や、Granim.jsを介して動く、魅力的でダイナミックなグラデーションスタイルの背景などが存在します。サイズにかかわらず、アニメーションはタイポグラフィやナビゲーション、ロゴタイプなどと同じように、インターフェイスにとって不可欠な要素です。アニメーションを短い時間で消滅する、ある種の無駄な要素だと考えているなら、それは間違いです。 アニメーションはただユーザーを楽しませるだけの要素ではありません。とても深い目的のために働くものです。ユーザー体験全体を結びつけるために使われるものもあれば、インターフェイスのアクセシビリティを向上させ、見つけやすく理解しやすくするために使われるものもあります。
この記事では、CSSでスタイリングされた円形コンテンツを使うときのポイント、そしてトラブルシューティングを実例サンプルコードと一緒にまとめています。 円形コンテナ、円形サムネイル、サークル型ボタン、円形パスに沿った文字テキストの配置など、かゆいところに手が届くテクニックをマスターしましょう。 サークル円の作成方法について HTMLとCSSで円形を表現する方法はいくつかあり、それぞれ長所と短所があります。ここでは、もっとも一般的なテクニックからマイナーなものまで、実際にウェブサイトで利用したサンプル例を見ていきましょう。 Border Radiusプロパティをつかった方法 もっとも一般的なテクニックは、要素のすべての角を50%に丸める方法です。もっとも手軽に適用でき、各種ブラウザに幅広くサポートされています。プロパティborder-radiusは、境界線や影、要素のタッチ/クリックのターゲッ
リソース Herokuとは? ヘルプ お客様 採用情報 イベント情報 ポッドキャスト コンプライアンス Heroku は 開発者のために CTOのために チームコラボレーションのために スタートアップのために エンタープライズのために ソフトウェア開発会社のために 学生のために その他 言語 Node.js Ruby Java PHP Python Go Scala Clojure その他 Heroku Blog からの最新情報 Heroku Blog ブログからHerokuの最新情報を見つけましょう。 その他の投稿 すべての投稿を見る 背景: Heroku 花札の創作 Heroku には全世界から様々な人々が集まった多様なチームがあります。私たちのコアブランドは、明晰・調和・技巧の実例となっています。この価値観を讃えて、私たちはトランプを作成しました。このプロジェクトを再訪する時期になり
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す
はじめに SREチームの @minamijoyo です。 先日 CrowdWorks (crowdworks.jp) の本番環境のRailsアプリケーションを Docker (AWS ECS: Elastic Container Service) に移行しました。 CrowdWorksは2012年にサービスを開始し、2019年10月現在、ユーザ数は300万人、月間で数億円規模のお仕事がやりとりされる、国内最大級のクラウドソーシングプラットフォームにまで成長しました。 サービスの規模拡大に合わせて、ソースコードも数十万行規模に成長し、 決して小さくはない規模のRailsアプリケーションに成長しました。 CrowdWorksの開発環境にDockerが導入されたのはもうかれこれ3年半前の2016年の4月頃、2017年1月頃にはCrowdWorks本体から切り出された一部の機能で本番環境に投入され
Adobe Frescoでは、これまでアナログでしか描けなかった精細な油彩画や水彩画などを手描き感覚でiPad上で描くことができる新ブラシ「ライブブラシ」を内蔵。油彩ならではの立体感のほか、キャンパスに塗った絵の具が乾ききらない状態で他の絵の具を塗り重ねる「アラプリマ技法」など、油絵独特の技法もiPad上で再現できる。また、水彩では別の色が重なった場合の“にじみ”具合をリアルタイムでシミュレート可能だ。 Frescoでは、ベクターとビットマップの両方を扱うことができ、ライブブラシ以外にも最大1万2800倍まで拡大できる「ベクターブラシ」や、多彩で適用範囲が広い「Photoshopブラシ」に加え、自作のオリジナルブラシが利用できる。 また、新しくなった選択機能とマスキングプロセスによりレイヤーの一部を分離し、選択した範囲をマスクに変換できるようになったほか、UIを右利き・左利き用にカスタマイ
GmailやGoogle マップ、Facebook、Twitterなど、日ごろ私たちが使っているサービスの多くがWebアプリケーションである。これらはインストールすることなく、インターネットに接続するだけでWebブラウザから利用可能だ。そのため普及が進んでいるものの、ハッカーから狙われやすい側面もある。そこで今、注目を集めているのが、JavaScriptのコード難読化ツールだ。導入にはどのようなメリットがあるのか。JavaScriptの難読化ツール「PreEmptive Protection for JavaScript」が提供する機能、導入するメリットなどについて、同製品のマーケティングを担当しているエージーテックの青山和宏氏と、サポートを担当している伊藤友恒氏に話を聞いた。 PreEmptive Protection for JavaScript Webアプリの普及で活用の幅が広がるJ
弊社では、現在iOS、AndroidアプリをReact Nativeで運営しております。 最近、知人のスタートアップやベンチャーの方からReact Nativeってどうなの?みたいなことを聞かれることが多くなってきたので、曲がりなりにも1年弱くらいReact Nativeで開発してきて思ったことを、書き記したいと思います。 ですので今回は技術的な部分に踏み込みすぎず、あくまでスタートアップの事業開発におけるReact Nativeの有用性についてのみとさせて頂きます。 TL;DR 少数精鋭ならReact Native, 安定性と質を重視するならネイティブ言語を使うのが良いと思います。 目次 ・React Nativeとは ・React Nativeを採用してよかったこと ・React Nativeを使わない方がよいパターン ・まとめReact NativeとはReact NativeはFa
HTTPはハイパーテキスト・トランスファー・プロトコルの略称で、ウェブサイトを閲覧する際のサーバーとの通信にて使用されています。CloudflareがHTTPの新バージョン「HTTP/3」に対応するにあたり、これまでのHTTP通信の問題点がHTTP/3でどのように解決されているのかをブログにまとめています。 HTTP/3: the past, the present, and the future https://blog.cloudflare.com/http3-the-past-present-and-future/ 1990年末に世界初のウェブページが登場し、その翌年の1991年にHTTPの初めての仕様書が書かれました。これはHTTP/0.9と呼ばれており、単にサーバーから特定のドキュメントをダウンロードするだけの簡易なものとなっていました。 1996年にはアップロードに対応するなど
元ネタとか https://shgam.hatenadiary.jp/entry/2019/09/21/104413 https://twitter.com/Nkzn/status/1177794507741335552 自分はよくJSやCSSについての発信をしていて、「JSが得意です」とか「CSSが得意です」と言うこともあるのですが、その反応として「じゃあフロントエンドエンジニアなんですね」と言われると、「いやあ、うーん、どうなんですかね、、」みたいなぼやっとした返答をすることがよくあります。 その理由として「フロントエンド技術は好きだけど自覚としてはサーバーサイドエンジニアだし、DB設計とかもやりたいし・・・かといってフルスタックで言うのいやだし・・・」となだったのですが、このJSON色付けという話題を見て「実はここに自信が無いからという理由が本質なのでは?」と思えてきました。 ちょう
この記事では、Photoshopの新しい使い方やテクニックを学ぶ最新チュートリアルつくり方をまとめてご紹介します。 それぞれの作り方をマスターすることで、Photoshopの実践的で具体的なツールやエフェクトの使い方を感覚的に覚えることができます。ここでは、デザインの応用が効く実用向けデザインチュートリアルを中心に揃えています。 Photoshopを極める!真似したくなる最新チュートリアル、つくり方63個まとめ これもフォトショップ?参考にしたいすごい最新チュートリアル、つくり方まとめ 水面の下にある文字テキストを表現する方法 まるでプールの底に描かれた文字を眺めているようなエフェクトを実現するデザインテクニックで、水面に反射する光や歪みも見事に再現します。 ビリビリに破れた紙をデザインする方法 まるで紙が破けてしまったような風合いを、本物そっくりに表現できるお手軽テクニックで、動画チュー
なぜPWAなのか PWA(Progressive Web Apps)はひと言で説明するとWebがアプリのようになる技術です。 個人的にはとても魅力的な技術だと思うのですが、2015年に発表されてから今まであまり活用されていないような気がします。もちろんネイティブアプリには及ばないですが、情報がまとめてあるのが中心で少しの機能だけの場合はPWAで事足りるのではないかと思ったので作ってみました。 作ったサイトはこちら https://mdtakaoka.info まず結論から言うと、Webサイト的には成功したのではないかと僕は思います。下の画像GoogleAnalyticsの解析ですがPWAユーザ(ホーム画面に追加したユーザ)はページ/セッション、平均セッション時間、直帰率がすべてのユーザに比べて良くなりました。今回はWebサイト上にはホーム画面に追加できることを記載しなかったので、1割程度の
(この記事は先日2019年9月22日に開催された技術書典7にて頒布した『りあクト! Firebaseで始めるサーバーレスReact開発』の「4-6. Firestore だけで全文検索を実現する」の内容を紹介したものです) やっぱりまだ Firestore で提供されない全文検索機能 昨日(2019年9月26日)、スペインのマドリードで開催された Firebase Summit 2019 ですが、新機能が大量にリリースされて開発者は嬉しい悲鳴を上げているようです。詳しくは公式ブログやセッションの動画を参照していただくとして、個人的には Firebase Extension に可能性を感じてて、分散カウンターや Firestore コレクションの BigQuery 同期が手軽に使えるようになったの嬉しいですね。これからめっちゃ活用していきたいです。 しかしそれでも今回も、Firestore
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く