タグ

2014年9月18日のブックマーク (11件)

  • iOS 8 の新機能のサンプルコード集『iOS8-Sampler』を公開しました - その後のその後

    WWDCでのアップルの発表によると、iOS 8 では4000以上もの API が追加されたとのことですが、新しいAPIはどう使うのか、実際に何がどこまでできるのか、といった具体的なところが、英語のドキュメントや動画をながめているだけだと正直あまりよくわかりません。やはり実際にコード書いて動かしてみるのが一番わかりやすい、ということで今年もつくりました、 iOS 8 新機能のサンプルコード寄せ集めアプリ『iOS8-Sampler』 ソースコードは GitHub に置いてあります。 https://github.com/shu223/iOS8-Sampler ※使い方は Xcode 6 でビルドするだけ なので、デザイナーさんやディレクターさんもぜひ最寄りのエンジニアにビルドしてもらってください。 中身について 今回はデザイナー okazu 氏の協力により立派なアイコンやスプラッシュ画像が最初

    iOS 8 の新機能のサンプルコード集『iOS8-Sampler』を公開しました - その後のその後
  • Illustrator初心者が一番最初に理解しておきたい必須ツール9選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 第1回ではIllustratorの基的な設定を、第2回ではIllustratorの基画面および基概念、ベジェ曲線について解説をさせていただきました。 今回はIllustratorで実際に作業をおこなううえで、一番最初に理解しておきたい必須ツールについて紹介をしていきます。初心者ではない方も、おさらいのつもりでぜひ確認してみてください。 ▼目次 Illustratorの基画面おさらい 画面の説明 初期設定の画面に戻す方法について Illustratorで一番最初に理解しておきたい必須ツール9選 「ベジェ曲線」を操る上で理解しておきたいツール 1. 選択ツール 2. ダイレクト選択ツ

    Illustrator初心者が一番最初に理解しておきたい必須ツール9選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • WebGLをはじめたい時の入り口サイトいろいろ | バシャログ。

    『ガーディアン・オブ・ギャラクシー』で男泣きしたminamiです。 iOS 8が公開されましたね。いろいろと話題ですが、WebGLが正式に対応となったのは大きな変更ですよね。 これからWebGLを知ってみたいという人の入り口になるようなサイトを集めてみました。 WebGLとは WebGLには以下のような特徴があります。 Webブラウザで3DCGを扱うための標準仕様 OpenGL 2.0もしくはOpenGL ES 2.0をサポートするプラットフォーム上で動作する JavaScriptとネイティブのOpenGL ES 2.0のバインディング HTML5のCanvas要素を使う WebGLを知るためのサイトいろいろ wgld.org http://wgld.org/ 基礎の基礎からサンプル付きで解説がまとまっていて大変ありがたいです。 Getting started with WebGL htt

    WebGLをはじめたい時の入り口サイトいろいろ | バシャログ。
  • 文章の書き方で4つのポイントを守ったら、1記事で1日500人以上の方に読まれるようになった

    公開日:2014-04-10 更新日:2022-10-16 「文章」とは・・・いくつかの文を結合して、(何かしらの)思想や情報などをまとめたものであり、情報伝達や意思伝達のための手段になります。 ブログを運営していく上で、アクセスを集めたい場合は、「文章の書き方」が非常に重要になってきます。 当ブログでも、「文章の書き方」を意識する前と後で、アクセス数がかなり変化しています。 文章の書き方を意識しだして、「自分なりの法則性」を導きだしてからは、1記事あたり、1日500人以上の方に読まれるようになってきました。 【当ブログの人気記事の、1日あたりのアクセス数】 そこで、今回の記事では、当ブログで文章を書く際に注意している4つのポイントを順に解説していきます。 ※今回解説していく「文章の書き方」のメイン対象(媒体)は「ブログの記事」になります。 書籍やビジネス文章・読書感想文などの場合は、書き

    文章の書き方で4つのポイントを守ったら、1記事で1日500人以上の方に読まれるようになった
  • 30 Creative Packaging Design Ideas - Design Swan

    Packaging design ideas are essential for attracting customers to both new and existing products. With so many options these days, how to impress your client before & after purchase is a combination of science, technology and art. It has been proved a well-designed package can complement or even enhance the product it was designed to carry. No wonder, more and more time & effort is spent to create

    30 Creative Packaging Design Ideas - Design Swan
    moonblogger
    moonblogger 2014/09/18
    パッケージデザイン
  • WebGLでシェーダープログラム書こうぜ! | g200kg Music & Software

    LiveBeatsでビジュアルエフェクトを幾つか作ってみたりしているんですが、さすがにJavaScriptのCanvas上で画像のピクセル単位の処理をごにょごにょしたりしているとパフォーマンスが厳しくなってきます。 まだもう少しはCanvasだけでも頑張れるかなぁと思いつつも、これに関してはもう進むべき道ははっきりしていてるんですよね。WebGLですよ、やっぱり。とは言え、GPUの性能をフルに引き出すにはシェーダープログラムをGLSLなる言語で書く必要がある所が結構な障壁になっています。という事でとっつきやすいTHREE.jsあたりを使って取りあえずJavaScriptでコントロールするだけでも今までとは一味違う表現ができるんですが... それでも満足できなくなったらこっち、GLSL Sandbox。GLSLでがしがし書いて即テストできるサイトで、ビジュアライザー系にそのまま使えそうなサン

  • アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス

    2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います! ↑私が10年以上利用している会計ソフト! こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに

    アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
  • サイトパフォーマンス: 1000msを目指す取組み - ワザノバ | wazanova

    Guardian誌のPatrick HamannがLondon Web Performance Meetupで、モバイルサイトのパフォーマンス向上の取組みについて講演しています。 まずは、Web Performance TodayのeCommerceに関する調査で、 ユーザの期待するページ読込み時間は、2000年の8秒から、2012年には2秒を切るレベルまで下がってきている。 ことを挙げ、1秒以下を達成するには、 3Gネットワークでは、DNS Lookup / TCP Connection / HTTP Request & Responseで 600ms (Guardianのある英国ではそれ以上)はかかる。残りの400msで、Server Response TimeとClient-side Renderingを最適化する必要がある。 というGoogleのPageInsightの分析結果を紹

  • Node.jsエンジニアなら2014年内に知っておきたいPromise入門 | Tokyo Otaku Mode Blog

    Promiseは非同期処理をベースにした並列処理の実装方法の一種です。Promiseでは並列処理の各タスクが必ず1回実行されることが保証され、タスクとタスクからの結果を取得する処理を分離することできます。また、タスクの並列処理/直列処理をユーザーが自由に制御することができます。 ECMAScript Language Specification 6th EditionにPromiseが追加されたことから、しばらくの間JavaScriptの非同期処理に関する話題の中心はPromiseになると思われます。 Node.jsでも既にPromise対応したモジュールも多く、Promiseでのみ非同期処理を提供しているモジュールも存在します。Promiseを使用する機会は今後必然的に増えていくでしょう。 今回のエントリーでは、Node.jsでPromiseを使用する方法を説明します。コード例を中心に理

    Node.jsエンジニアなら2014年内に知っておきたいPromise入門 | Tokyo Otaku Mode Blog
  • べジェ曲線・パスとは?Illustratorの基本画面・基本概念について学ぼう | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 前回は「Illustratorって何?」というところから、ダウンロードしたIllustratorをWeb制作に適した環境に設定するところまでを説明しました。 第2回となる今回では、Illustratorの基画面および基概念について説明をしていきます。とくにIllustratorの特徴でもある「ベジェ曲線」は、多くの初心者の方が挫折してしまうポイントでもあります。初心者の方はもちろん、初心者ではない方も、おさらいのつもりで確認してみてください。 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの

    べジェ曲線・パスとは?Illustratorの基本画面・基本概念について学ぼう | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • PaaSの基礎知識とHerokuで開発を始める準備

    この連載では、まだPaaS(Platform as a Service)でアプリケーションを作成したことのない方に向け、米Salesforceが提供しているPaaS環境「Heroku」を使ってPaaSアプリケーション開発を学んでいきます。Heroku環境を整え、実用的なアプリケーションを作れるようになることを目標に、Heroku上で実際に動作するサンプルプログラムを交えて解説します。初回である今回は、PaaSならびにHerokuの概要と、Herokuを使うためのセットアップ方法を説明します。 PaaSとは何か・Herokuとは何か PaaSを一言で表現すると「アプリケーションを実行するためのプラットフォーム」と言えます。 プラットフォームと一言でいっても範囲が広すぎてやや漠然とした印象がありますが、「アプリケーションを実行するための」プラットフォームを考えた場合、そこには次のものが含まれま

    PaaSの基礎知識とHerokuで開発を始める準備