ワイヤーフレーム

【ワイヤークラフトのテストスキル】 ワイヤークラフトの初心者の方 或いは、これから… と思案中の方に向けて 参考にして頂けるような 針金細工の 「テストスキル」を紹介します 初級～上級編まで ④～⑤回に渡り続きます 今回の記述は初級編 以下の画像を参考に 是非！ご自身の技量”をお試し下さい。 《ワイヤークラフト・テストスキル》 素材は100円ショップの アルミ線を使っています 1～2mmφ 1mmφが主体 ＜ステップ①＞ 【巻き付ける】 針金に→針金を巻き付ける ☆隙間が出来ないように☆ ・時計回り／反時計回り ・巻き付けた針金を更に巻く ・巻き付けた針金の間を再び巻く ※ただ巻付けるだけなの…

どうも、まさとらん（@0310lan）です！今回は、Webサイトの構造を可視化して直感的に理解しやすい「ビジュアルサイトマップ」を作成できるWebサービスをご紹介します。ブラウザからGUIベースのエディタにアクセスするだけで誰でも利用可能で、すべてマウス操作でできるので初心者でも簡単に使いこなせます。ブロックを追加していくだけでサイトマップに簡易的なワイヤーフレームが挿入できる点がとても便利です。また、既存のWebサイトから素早くサイトマップに変換する方法も合わせて解説しているので、ご興味のある方はぜひ参考にしてみてください！ 【 Octopus.do 】 ■「Octopus.do」の使い方 …

どうも、まさとらん（@0310lan）です！今回は、ゼロからワイヤーフレームを作って、インタラクティブに動作可能なプロトタイプ開発まで完結できる無料のWebサービスをご紹介します。作成できるプロジェクト数やユーザー数に制限がなく、自分好みのプロトタイプを作成してそのまま公開・シェアが可能。さらに簡単なテストもできる機能が搭載されています。ワイヤーフレームの作成やプロトタイプ開発に興味ある人はぜひ参考にしてみてください！ 【 Evrybo 】 ■「Evrybo」の使い方 それでは、最初に「Evrybo」をどのように使い始めたらよいのか実際に触りながら見ていきましょう！まずはサイトにアクセスしてト…

こんにちは。ATOM事業部の下江です。普段はフロントエンドエンジニアとして開発を行っています。 最近は、ATOMの新機能の仕様検討や画面のデザインを行っています。 今までここまで集中してデザインの設計をしたことがなかったため、 得た知見をこの場で紹介していきたいと思います。 知識を得る デザインシステムを学ぶ 各社が公開しているデザインシステム(検索するとたくさん出てきます)を読むだけで、たくさんの学びが得られました。 デザインシステムではないですが、以下のQiita記事はエンジニア必見です。 qiita.com figmaの使い方を覚える 私達のチームでは、デザインツールとしてfigmaを利…

ux4sight.com オズの魔法使いのプロトタイピングの基本 WoZプロトタイピングのコンセプトを理解するために、まず、プロトタイプの意味から説明します。基本的に、プロトタイプとは、コンセプト、プロセス、機能をテストするために作られたWebサイトやアプリの初期モデルまたはリリースです。 「オズの魔法使い」でカーテンの裏で糸を引く魔法使いのように、デザインチームは、実際には人間が操作しているのに、ユーザーがコンピュータで操作していると思うように機能を偽装し、機能のシミュレーションをテストすることができるのです。重要な機能が分かれば、あとはより綿密なユーザーテストによって洗練させていきます。 …

こんにちは。 justInCaseTechnologies の web frontend engineer の kondei です。 当社は今 "joinsure" という SaaS 型保険システムを開発中です。 チームは Systems of Record, Systems of Engagement という区分を参考にして大きく "record" と "engagement" に区分しています。 そのうちの契約管理などの部分を担当する record チームの最近の開発体制についてご紹介します。 アジャイル × スクラム開発 導入まで 導入にあたって 実践してみての工夫 効果 DDD ドメイ…

UE5で nanite を設定しているのに nanite ビジュアリゼーション でnaniteが表示されずに、フォールバックのメッシュのみ表示されるとき。 下記の設定を確認。 NaniteはDX12およびShaderModel6でのみ対応と。 正式リリースじゃ我慢できずUE5のMainやらMasterやらを取って常に最新情報をチェックするアンリアラーな方へ。。Nanite/VSMはDX12及びShaderModel6.0のみの対応に移行しました。UE5/Mainをお使いの方は、プロジェクト設定のWindowsのRHI設定を以下の設定にしておく必要があります。はまった。。#UE5 pic.twi…

Webサイトを作るにあたって、デザインするのに良いツールは無いものかと尋ねて三千里。 そこでみつけた「Figma」とは！！ Webページをデザインするツール！！ でも、それをHTMLやCSSに吐き出してくれるツールであることを期待してはいけない！！ というかWebデザインよりも、みんなでホワイトボードにお絵かきしながら議論できるツールと言った方がいいかもしれない。 そのお絵かきの一つにWebページのデザインがしやすいUIが揃ってるよってだけで。 Figmaの特徴 基本ブラウザで動かす。 WindowsやMacにインストールするネイティブアプリもある。 Android、iOSのアプリもある。 デ…

いくつかのことについて頭の中に声が聞こえるんだろうか．歌が聞こえる．こういった事って他の人でも起こることだよなあ．ぼーっとしていると歌が聞こえることって．昨日見た夢は少し不思議で，土砂降りの中で僕が学校に行くことをさぼることを決意していた．なぜか部屋の中にはおらず外で雨に打たれながら他の人々が学校に行くのを眺めていて，その中には三好さんだとか江田ちゃんだとかが登校していくのを見ていた．雨はどんどんひどくなり膝上くらいまで水につかっている中をみんなが登校していくのを眺めている．次第にみんなの服装が乱れていき，パンツが見えていたり，江田ちゃんに至ってはワンピースを手繰り寄せて背中とおなかまで丸見え…

コップを作る 円柱を作成し、上部に面追加、下に押し出しで大まかなコップを作る 編集モードのまま、「トーラス」を追加してR+X+90で垂直にする 見やすい位置に移動させてリングの半分削除（面選択で半分選択→頂点削除） Shift+Zでワイヤーフレームに切り替えすると作業しやすい 取っ手のサイズを調整し、移動してグラスにつける サブディビジョンサーフェスを追加、数値をそれぞれ3に設定 ループカットで形を整える コップに対して横向きにループカットを追加し、下に下げる 底の形も少しいびつになっているから、面を挿入し整える コップの上部のフチも内側・外側にループカット追加する 全てにスムーズシェードをか…

多くのビジネスオーナーは、ウェブサイトのコンバージョンが十分でないことに気付いて初めて、コンバージョン率の最適化を検討します。これは、何百もの潜在的な顧客がすでに失われていることを意味します。そして、さまざまなCRO手法が試されるまで、何百人もの人々が何もせずにサイトを離れます。 別の方法があります。最初から（Webサイトが設計される前であっても）ユーザーエクスペリエンス（UX）に注意を払うことは、これらの損失を回避する方法です。 方法は次のとおりです。 UXリサーチ：誰を変換したいかを知るインタビューと調査ウェブサイトが変換されることになっている場合、その訪問者に関する知識は、人口統計学的特…

約6か月前、私はSaaS企業をゼロから構築することにしました。私は最近前の仕事を辞め、エンジェル投資を行うことについて多くのスタートアップと話し合っていることに気づきました。これはあまり興奮しなかったので、他の企業にエンジェルが投資したのと同じ金額でSaaS企業を構築して立ち上げることができるかどうかを確認したいと思いました。 私の考えたプロセスは、それをやってのけることができれば、私は会社の100％を所有し、単に小切手を切って会社の1％未満を所有するのではなく、自分の運命を完全に制御できるというものでした。 私の経歴は主に中小企業に集中しており、リードやバックオフィスソフトウェアなどの製品を…

私は先日町を離れていたので、地元のスーパーマーケットでいくつかの商品を受け取る必要がありました。 あの店には行ったことがなかったのですが、必要なものを簡単に見つけて楽しく進んでいきました。 なんで？なぜなら、店の組織は私の近所のスーパーマーケットと同じ論理に従っているからです。 スーパーマーケットがあなたのウェブサイトだと想像してみてください。 訪問者が必要なものをすばやく簡単に見つけられるように、訪問者にとって意味のある方法で情報が設定されていることを確認する必要があります。 そうしないと、サイトを離れて別の場所に移動する可能性が高くなります。 優れたユーザーエクスペリエンスを設計することは…

www.youtube.com Q-Gamesがおくる横スクロールシューティング・PixelJunk SideScrollerより、 High Frequency Bandwidth（Dom Beken・Alex Paterson）作曲、 『Zodiac 3 Arts Klub』。最終面で流れます。

システム開発部アプリケーションエンジニアの EDO です。 マイクロアドでは各チームがプロダクトや領域 (画面, 配信など) に分かれての機能開発を行っています。案件によっては複数プロダクトにまたがることもあり、その場合は複数チームでの合同の開発となります。 各チームの役割についてはdevelopers.microad.co.jpのシステム開発部の組織構成をご覧ください。 今回の記事では、僕が所属するチームで取り入れているスクラム開発に触れながら、リモート環境下で利用しているツール類について紹介していきます。スクラム、アジャイル開発における用語や役割の具体的説明については本記事では割愛します。…