タグ

2013年2月1日のブックマーク (78件)

  • JavaScript でのローカル ファイルの読み込み - HTML5 Rocks

    Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the

    JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
    typista
    typista 2013/02/01
    ぽけったー JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
  • 外部JavaScriptの動的ロード - os0x.blog

    JavaScriptからJavaScriptを読み込むのは、(IEに対応する場合は特に)結構面倒です。 ちょうど昨日公開されたid:amachangのはてブにアクセスチャートを出す Greasemonkeyでは、こんな実装になっていました。 // for IE if (!document.evaluate) { var script = document.createElement('script'); script.src = 'http://svn.coderepos.org/share/lang/javascript/javascript-xpath/trunk/release/javascript-xpath-0.1.11.js'; document.body.appendChild(script); var callee = arguments.callee; var inter

    外部JavaScriptの動的ロード - os0x.blog
    typista
    typista 2013/02/01
    ぽけったー 外部JavaScriptの動的ロード
  • ソーシャルボタンが重い…非同期読み込みでページの表示速度を改善させる!

    2012.04.24 IEでコールバックが動作しない不具合がありましたので修正しました(参考 : 外部JavaScriptの動的ロード – 0xFF)。 ソーシャル全盛期の昨今、どのWebページにも設置されているソーシャル系のシェアボタン。僕のブログにも設置していますが、Facebook、TwitterGoogle+1、はてな…と数が増えて重い重い。記事の一覧ページでそれぞれにボタンを表示させたらそれはもうすごく重い。これではせっかくページに来てくれたユーザーも離脱してしまいますね。 非同期読み込みとは どうにか速度を改善できないか調べていたところ、下記のような記事を発見。 ようは、普通に下記のようにJSを読み込むと、読み込みが完了するまでその下のページの表示が止まってしまうと。 <script type="text/javascript" src="http:..."></script

    ソーシャルボタンが重い…非同期読み込みでページの表示速度を改善させる!
    typista
    typista 2013/02/01
    ぽけったー ソーシャルボタンが重い…非同期読み込みでページの表示速度を改善させる!
  • タイトルや見出しにイイ!!美しい(フリー)フォント50選 | ゆっくりと…

    記事見出しの挿絵に使うフォントを何とかしたいなぁ、と思っていましたので、こんな特集を待ってました! hongkiat.com から 「Beautiful (Free) Fonts for Titles and Headlines」 のご紹介です。元記事の50フォントから46フォントを選び、違ったアレンジをしてみましたので、オリジナルと合わせてデザインの参考にしてもらえればと思います。 括弧付きで 「フリー」 としてあるのは、個人利用に限って無料とか、シェアウェア、カンパウェアも混じっているからです。ご利用の際は、各フォントのライセンスをご確認ください。 Telegraphico Old Sans Black HeadLine SF Movie Poster Dinova Media Gothic Florencesans SC Sans Thirteen Black X Scale Spa

    typista
    typista 2013/02/01
    ぽけったー タイトルや見出しにイイ!!美しい(フリー)フォント50選
  • 画像や外部.jsファイルの読み込み完了のタイミングを知る - とくにあぶなくないRiSKのブログ

    簡単な答え onload を使いましょう。 JavaScript var img = new Image(); img.src = "hoge.png"; img.onload = function() { alert("読み込み完了"); } document.body.appendChild(img); var script = document.createElement('script'); script.src = "fuga.js"; script.onload = function() { alert("読み込み完了"); } document.body.appendChild(script); HTML 参考までにHTMLも。 <img src="hoge.png" onload="alert('読み込み完了');"> <script src="fuga.js" onloa

    画像や外部.jsファイルの読み込み完了のタイミングを知る - とくにあぶなくないRiSKのブログ
    typista
    typista 2013/02/01
    ぽけったー 画像や外部.jsファイルの読み込み完了のタイミングを知る : 危ないRiSKのブログ
  • scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…

    Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり/なしによる、ページの読み込み/表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が

    typista
    typista 2013/02/01
    ぽけったー scriptのdefer/asyncを理解し、ページの高速化方法を探る
  • 『[jQuery] 外部JavaScriptファイル読込みに関する考察』

    前回の「GO2WEB20のTwitterバッチをAmebloにつけてみた。と、IE対策方法 」に端を発してjQueryを使って外部のJavaScriptのソースを読み込む際の様々なやり方の検証をしてみる。 jQueryのappend()を使ってタグを追加できますのでこれでscriptタグを追加してみます。 <script> $(document).ready(function(){ var script_tag = document.createElement("script"); script_tag.type = "text/javascript"; script_tag.src = "hoge.js"; script_tag.charset = "utf-8"; $("body").append(script_tag); }) </script> function foo() { a

    『[jQuery] 外部JavaScriptファイル読込みに関する考察』
    typista
    typista 2013/02/01
    ぽけったー [jQuery] 外部JavaScriptファイル読込みに関する考察|A Day In The Boy's Life
  • 複数のjsファイルをそれぞれの読み込み・評価完了まで待ちながら順番にappendChild()する(jQueryとそのプラグインとか依存があるもの対策) - rubyu's blog

    ブックマークレットからjQueryとjQuery.blockUIを使いたかったので書いてみた IE6とfirefox2ではこれで動いてた var RSLoader = function(arr, callback){ this.target = arr; this.index = 0; this.callback = callback; this.load(); }; RSLoader.prototype = { load : function(){ index = this.index; if(this.target.length <= index){ if(this.callback) this.callback(); return; } var src = this.target[index].src; var obj = this.target[index].obj; if (!e

    複数のjsファイルをそれぞれの読み込み・評価完了まで待ちながら順番にappendChild()する(jQueryとそのプラグインとか依存があるもの対策) - rubyu's blog
    typista
    typista 2013/02/01
    ぽけったー 複数のjsファイルをそれぞれの読み込み・評価完了まで待ちながら順番にappendChild()する(jQueryとそのプラグインとか依存があるもの対策)
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    typista
    typista 2013/02/01
    ぽけったー レスポンシブWebデザインのメリット、デメリット比較まとめ
  • http://inputxoutput.com/light-jquery-advent-calendar-2012/

    For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.

    typista
    typista 2013/02/01
    ぽけったー jQueryがCDNから読みこめなかったときの対策法
  • jQueryの読み込みとCDN - JavaScriptテックラボ - [SMART]

    jQueryはGoogleなどが提供しているCDN(コンテンツデリバリーネットワーク)に登録されているので、下記のように記載することで読み込みパフォーマンスの向上をはかることができます。 ただ、何らかの理由でCDNサーバからの配信がストップした場合、jQueryが読み込まれなくなってしまいます。 そのような自体を想定し、CDNサーバからダウンロードできなかった場合は、自サイトからダウンロードするように書いてあげるとより安全です。 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> <script>!window.jQuery && document.write('')</script>

    jQueryの読み込みとCDN - JavaScriptテックラボ - [SMART]
    typista
    typista 2013/02/01
    ぽけったー jQueryの読み込みとCDN
  • jQuery UIのCDNを利用するときのURLまとめ

    jQuery UIをCDN経由で利用する場合のjs、cssファイルの指定方法のまとめです。 まずは結論です。以下のようにURLを記述することで、それぞれのjs、cssファイルを読み込むことができます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/themes/redmond/jquery-ui.css"> <scr

    jQuery UIのCDNを利用するときのURLまとめ
    typista
    typista 2013/02/01
    ぽけったー jQuery UIのCDNを利用するときのURLまとめ
  • JavaScriptフレームワーク/ライブラリの CDNいろいろ

    ► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ▼ 20

    typista
    typista 2013/02/01
    ぽけったー JavaScriptフレームワーク/ライブラリの CDNいろいろ
  • Javascriptの読み込みをひとつのファイルにまとめる「import.js」

    Javascriptの読み込みをひとつのファイルにまとめる「import.js」 Javascript2011年1月9日 Javascriptファイルも読み込む数が多くなるとHTMLが煩雑になってきます。そんな時、JavascriptファイルもCSSファイルと同じようにひとつのファイルにまとめることでHTMLソースをきれいにする事ができます。また、サイトで使用しているJavascriptを管理しやすくなります。 HTML <script type="text/javascript" src="/shared/js/import.js"></script> Javascript document.write('<script type="text/javascript" src="/shared/js/jquery.js"></script>'); document.write('<scri

    typista
    typista 2013/02/01
    ぽけったー Javascriptの読み込みをひとつのファイルにまとめる「import.js」
  • iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する

    iPhoneを振る動作(シェイクジェスチャー) によって呼び出されるモーションイベント をjQueryで検知するgShakeのご紹介。 iOS4.2以上 / Safariでは加速度センサー をJavaScript経由で使うことが出来ますが、 これをjQueryでやろう、という内容です。 備忘録です。別にjQueryじゃなくてもいいじゃんみたいな話なんですけど、まぁjQuery大人気ライブラリだし覚えておいて損は無いんじゃないでしょうか。 この件に関しては以前カヤックのえどさん(@edo_m18)が記事とデモを用意してくれてるのであわせて参考にして頂ければ幸いです。 iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作るgShake 3KBと軽量で、導入も簡単です。 以下サンプルご用意しました。iOS4.2以上のモバイルSafariで軽く( ゚∀゚)o彡゜すればアラ

    iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する
    typista
    typista 2013/02/01
    ぽけったー iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する
  • [PHP]ComposerでインストールできるライブラリをPackagistで公開する手順

    こんにちは、@9ensanです。 前回、「PHPでComposerを使ってインストール可能なライブラリの作り方」でComposerでインストールできるライブラリを作成しました。 前回のままでは、使用する時にcomposer.jsonに使用リポジトリを記述する必要がありました。 今回はComposerのメインリポジトリである「Packagist」に登録することでリポジトリの記述をしなくてもインストールできるようになります。 それでは、Packagistへの登録から説明していきます。 Gitにtagでバージョンを登録 まずは、ライブラリ側のgitにtagを使ってバージョンを登録します。 git tag 0.0.1 git push origin 0.0.1 これでgithubにtagが登録されました。 Composerはこれでバージョン0.0.1を認識できるようになります。 Packagist

    [PHP]ComposerでインストールできるライブラリをPackagistで公開する手順
    typista
    typista 2013/02/01
    ぽけったー [PHP]ComposerでインストールできるライブラリをPackagistで公開する手順
  • [PHP]ComposerのCLIで利用できるコマンドの説明

    こんにちは、@9ensanです。 PHPの依存管理ツールの「Composer」を使おうと思うとコマンドを覚えておいた方がいいと思うのでちょっと調べてみました。 以下解説になります。 全てのコマンドに有効なオプション –verbose(-v):詳細メッセージを表示させる。 –help(-h):ヘルプを表示する。 –quiet(-q):メッセージを表示しない。 –no-interaction(-n):対話型のメッセージを表示しない。 –working-dir(-d):作業フォルダを指定する –profile:メモリ使用量と実行時間を表示する。 –ansi:ANSIカラーでメッセージを出力する。 –no-ansi:ANSIカラーを使用せずにメッセージを出力する。 –version(-V):バージョンを表示する init composer.jsonを作成するコマンド、手で書くよりは少し簡単に作成で

    [PHP]ComposerのCLIで利用できるコマンドの説明
    typista
    typista 2013/02/01
    ぽけったー [PHP]ComposerのCLIで利用できるコマンドの説明
  • QR Designer | Design your very own QR code

    About QR Designer Qr Designer is a QR Encoder using only HTML5 and it's features such as Canvas, File Access and Appcache. (You'll need a modern browser) It's a sparetime project by Patrick Wied. If you have a question don't hesitate to ask. What makes QR-Designer so special? The QR editing and encoding functionality is 100% done on the client. You are not dependent on internet access or any serve

    typista
    typista 2013/02/01
    ぽけったー QR Designer
  • 複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin - かちびと.net

    ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。 あんまり見かけないタイプのスライダーですね・・省スペースに沢山の情報を表示させたい、という時に使えそうな使わなそうな。たまに似たようなインターフェース見かけますね。 これらの8つのコンテンツ部分が同時にスライドします。オプションで数を減らしたり速度を変えたり。 デモ見たほうが早いですね。説明下手ですみません。 Demo js <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"> </script> <script src="jquery.ea

    typista
    typista 2013/02/01
    ぽけったー 複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin
  • nude.js | Nudity detection with JavaScript and HTMLCanvas

    About nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and return whether it's nude or not. The script only detects nudity, the rest of the programming logic (image swap/auto-save ;-) /whatever) belongs to the programmer. Update: First improvements and next steps of nude.js (Article) The real wor

    typista
    typista 2013/02/01
    ぽけったー Nudity detection with JavaScript and HTMLCanvas
  • https://arandomurl.com/2010/08/05/html5-helicopter.html

    typista
    typista 2013/02/01
    ぽけったー HTML5 Helicopter
  • ブラウザだけでHTMLをPDFに変換してくれる『html2pdf』 | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    ブラウザだけでHTMLをPDFに変換してくれる『html2pdf』 | IDEA*IDEA
    typista
    typista 2013/02/01
    ぽけったー ブラウザだけでHTMLをPDFに変換してくれる『html2pdf』
  • htm2pdf | convert your html to pdfs

    How to use our HTML2PDF API Below you'll find basic examples for all major programming languages. With just a few lines of code you can convert any URL or HTML to PDF. You can find all options and examples in our API documentation and the description of the click to PDF links. PHP C# / .NET Java Python Ruby Perl cURL Wget JavaScript // the following code converts the URL https://example.com to PDF

    typista
    typista 2013/02/01
    ぽけったー Convert HTML to PDF by URL
  • 平日の19~24時、F1層は「テレビ時間」、M1層は「PC・タブレット時間」 など

    typista
    typista 2013/02/01
    ぽけったー 平日の19~24時、F1層は「テレビ時間」、M1層は「PC・タブレット時間」 など
  • IMJG Release

    1 2013.01.29 お問合せ先 株式会社アイ・エム・ジェイ ブランド・コミュニケーション室 広報グループ TEL:03-6415-4257 株式会社アイ・エム・ジェイ 東京都目黒区青葉台 3-6-28 代表取締役社長 櫻井 徹 Digital Marketing Data Book 2013 - 年代別ネット行動を俯瞰する 1 年間、8の調査データ - 株式会社アイ・エム・ジェイ(社:東京都目黒区 代表取締役社長:櫻井 徹 以下、IMJ)は、この 1 年間にわたり、 インターネットユーザーがどのような行動をとっているのか、インターネットがユーザーにどのような変化をもたらし ているのかを、市場調査を行って明らかにできるよう努めてまいりました。 この度、2012 年に実施いたしました計 8 の調査レポートを「Digital Marketing Data Book 2013」として

    typista
    typista 2013/02/01
    ぽけったー
  • Insight for WebAnalytics

    ウェブアナリスト 宏美のブログ。WebAnalyticsの3Cデータと関連情報を提供。一つはcompetitor、市場マクロデータや競合データ。一つはcompany、自社のアクセス解析データ。最後はcustomer、ユーザー行動データ。数値の一人歩きをさせたくないので、詳しくは原典と各調査方法を確認のこと。 続いて、仕事時代の最終ステージ。なおこの回顧録には自分以外に登場する人達がいるが、直接的な人物名の記載はない。但し一部所属や肩書などの記載から推測できる場合はあるが、自分との関係性の文脈で必要最小限にしか触れていない。 ・独立時代 さあ、いよいよ自分で会社を作って仕事だ。初めから誰かを雇う積りはなく、大きくする野望もなく、最後まで一人取締役のみという株式会社だった。初めからある程度の仕事は持っていて独立できたので、いろいろと試行錯誤する時間が持てたことも幸いし、幕を閉じる2023年まで

    typista
    typista 2013/02/01
    ぽけったー Insight for WebAnalytics
  • ADKウェブサイト

    ADKクリエイティブ・ワン、藤沢市ほか5者とともに江の島周辺の混雑状況を可視化する「ENOMAP」の実証実験を実施

    ADKウェブサイト
    typista
    typista 2013/02/01
    ぽけったー
  • Sublime Text

    Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering

    Sublime Text
    typista
    typista 2013/02/01
    ぽけったー Sublime Text
  • 「Sublime Text」 完全入門ガイド!

    こんにちは~ 仕事が恋人のデザイナー、王です φ(≖ω≖。)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい! やっと出会えたぞ!僕が探し求めていた幻のエディタに!! 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう!記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです! 見た目的には、このように、優雅(Sublime)そのもの! MacWindowsLinux 三大プラットフォームで動くのも嬉しいですな! 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能

    「Sublime Text」 完全入門ガイド!
    typista
    typista 2013/02/01
    ぽけったー ”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド!
  • 背景画像のフリー素材サイト10選!デザインで悩んだときに役立ちます | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    1. Subtle Patternsオススメ https://www.toptal.com/designers/subtlepatterns/ 一番よく利用してます。商用利用可の、シンプルで使いやすいシームレスの画像がたくさんあります。 2. Background Labs http://backgroundlabs.com/ 色・タグから検索できます。花柄やイラストがはいった、カラフルで派手なパターンの画像やイラストが多いです。 3. pattern cooler https://www.patterncooler.com/ 選んだデザインの柄の大きさや色をカスタマイズできます。派手派手なデザインがほとんどなので使いどころは難しかもしれません。 4. TextureKing https://www.textureking.com/ テクスチャ画像をお探しのときはこちら。木目・コンクリート

    背景画像のフリー素材サイト10選!デザインで悩んだときに役立ちます | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    typista
    typista 2013/02/01
    ぽけったー これが無料!?背景画像のフリー素材配布サイト 14選
  • キャンピングカーを初めてレンタルする人必見!押さえておきたいポイントを徹底解説|はじめてのキャンピングカー 2024年8月更新

    こちらのサイトは、キャンピングカーを初めてレンタルする人が押さえておくべきポイントについて分かりやすく解説しています。 車両の選び方の中には収容人数があるけれども、これは乗車定員と就寝定員がありこれらをしっかり把握しておく必要があること、そしてレンタカーで利用するときの利用金相場やレンタカーを使うときの手順などこれから利用してみたい人が読むことで、いざ利用するとなったときスムーズに借りることができるようになります。 キャンピングカーを初めてレンタルする人必見!押さえておきたいポイントを徹底解説 キャンピングカーには自走式とコンテナ式の2種類がある、自走式はキャンピングカーの機能が車両体についているので、運転のしやすさがありコンテナ式はキャンピングカーの機能がエンジン車両とは別のコンテナ部分に集中しているため、空間が広くとれるなどのメリットがそれぞれにあります。 レンタルするときにはいずれ

    typista
    typista 2013/02/01
    ぽけったー Minimal Patterns | Your pattern resource.
  • 【2013年】LIGブログの1月度アクセス解析と広告収入の結果 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    2月になりましたね!紳さんです。 気温は寒くなる一方、2週間後にはバレンタインデーという熱いイベントが控えています。盛り上がっていきましょうね! それではLIGブログの1月度アクセス解析の結果を振り返ります! 1月度月間訪問者数とPV 1月度月間訪問者数     263,754人   (先月: 197,884人) 1月度月間総PV     452,173   (先月:361,441) 1月度訪問別PV         1.71     (先月:1.83) 1月は1週間程の正月休みがあり、そちらの期間はブログの更新もしていなかったのでアクセスが大幅に下がっていたのですが、月全体で見ると訪問者数、及びPVは上昇しました。 Adsenseの広告収入 1月度広告収入     52,189円 (先月:44,477円) アクセス増加に伴い、広告収入も増えました。初の5万円台突破! 記事を読んでくれる皆

    【2013年】LIGブログの1月度アクセス解析と広告収入の結果 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    typista
    typista 2013/02/01
    ぽけったー LIGブログの1月度アクセス解析と広告収入の結果
  • コピーライト(Copyright)とは?著作権表示の正しい書き方や意味を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのサリーです。 サイトをデザインするときに当たり前に入れている「Copyright(コピーライト、©️)」の記述ですが、サイトによって年号があったりなかったり、長かったり短かったり、書き方はさまざまですよね。 今回はコピーライトとは何か、正しい書き方や©との関係性について詳しく解説していきます。 コピーライトとは コピーライトとは、英語で「Copyright」と書き、”著作権”のことを指します。著作権とは、作品を創作した人や会社(著作者)が持つ権利であり、著作者は作品がどう使われるか決めることができます。 Webサイトやホームページの下部にコピーライトがあるのは「ここにある記事や画像の著作権は自社が持っているから、無断転載しないでください」という一種の意思表示です。 厳密にいうと著作権法で著作物は「思想又は感情を創作的に表現したものであって、文芸、学術、美術又は音楽

    コピーライト(Copyright)とは?著作権表示の正しい書き方や意味を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    typista
    typista 2013/02/01
    ぽけったー あなたは誤解している!?正しいCopyright(コピーライト)の書き方
  • 生粋のWinユーザーがMacにすんなり馴染める!便利な無料アプリや、設定まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、目の前の窓から冷気が吹き込んでこの席寒い。もりたです。 LIGブログでは毎月アクセス解析を公開しているのですが、そういえばOSの情報は載ってなかったですね。 LIGブログを見ている人たちはWindowsMacどちらのほうが多いでしょうか。 私は家ではWindowsですが、純正モニタの画面が綺麗なのとカラーマネジメントをそれほど気にしなくていいという理由から会社ではMacを使わせてもらってます。 でもやっぱりOSが違うといろいろ勝手が違って困りますね。 というわけで今回はWinユーザーがMacに馴染むためにまず入れておくべきアプリケーションや覚えておくと便利な設定などを紹介してみます。 ちなみにアプリは全部無料です!(2013年1月時点) とりあえず最初に 拡張子を表示させる 当にWinからMacに移行するならデータの移動などなど、Winで作ったファイルをMacに入れることも

    生粋のWinユーザーがMacにすんなり馴染める!便利な無料アプリや、設定まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    typista
    typista 2013/02/01
    ぽけったー 生粋のWinユーザーがMacにすんなり馴染める!便利な無料アプリや、設定まとめ
  • [JS]便利で簡単!スクリプトやスタイルシートをブラウザ・OSごとに分岐して利用できる超軽量高速のスクリプト -Conditionizr

    IE6/7/8/9/10, Firefox, Chrome, Safari, Operaなどのブラウザだけでなく、Win, Mac LinuxなどのOS、iPadiPhoneのRetinaディスプレイ用に条件分岐して、外部スクリプトやスタイルシートをロードさせたり、classを付与してHTMLで利用できたりする超軽量高速の単体で動作するスクリプトを紹介します。 Conditionizr Conditionizrの特徴 Conditionizrの使い方 Conditionizrの特徴 ConditionizrはjQueryより50%高速に動作し、条件付きのJavaScriptCSSをサポートする3KBの超軽量スクリプトです。 条件付きのHTMLタグ 条件付きの外部スクリプトやスタイルシートのロード カスタマイズされたスクリプトにも対応 IE, Firefox, Chrome, Safar

    typista
    typista 2013/02/01
    ぽけったー [JS]便利で簡単!スクリプトやスタイルシートをブラウザ・OSごとに分岐して利用できる超軽量高速のスクリプト -Conditionizr
  • 数百年が刻まれた歴史的「盆栽」の姿がヤバすぎる Jonathan Singer:DDN JAPAN

    DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

    数百年が刻まれた歴史的「盆栽」の姿がヤバすぎる Jonathan Singer:DDN JAPAN
    typista
    typista 2013/02/01
    ぽけったー 数百年が刻まれた歴史的「盆栽」の姿がヤバすぎる Jonathan Singer
  • 針金が?!「空中浮遊ホログラフィー」 Seung Mo Park:DDN JAPAN

    DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

    針金が?!「空中浮遊ホログラフィー」 Seung Mo Park:DDN JAPAN
    typista
    typista 2013/02/01
    ぽけったー 針金が?!「空中浮遊ホログラフィー」 Seung Mo Park
  • 盆栽とSFが融合した冒険と迷宮のミニチュア 相羽高徳:DDN JAPAN

    DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

    盆栽とSFが融合した冒険と迷宮のミニチュア 相羽高徳:DDN JAPAN
    typista
    typista 2013/02/01
    ぽけったー 盆栽とSFが融合した冒険と迷宮のミニチュア 相羽高徳
  • 衝撃!針金製の「極小盆栽」が素晴らしい nanobonsai:DDN JAPAN

    DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

    衝撃!針金製の「極小盆栽」が素晴らしい nanobonsai:DDN JAPAN
    typista
    typista 2013/02/01
    ぽけったー 衝撃!針金製の「極小盆栽」が素晴らしい nanobonsai
  • Webデザイナーなら押さえておきたい、今月の優れたWebデザイン(2013年1月)

    SilkTricky / WOW / Form Follows Function他...全14件

    Webデザイナーなら押さえておきたい、今月の優れたWebデザイン(2013年1月)
    typista
    typista 2013/02/01
    ぽけったー Webデザイナーなら押さえておきたい、今月の優れたWebデザイン(2013年1月)まとめ14個 SilkTricky /WOW 他 »
  • デザインの参考にしたい!404エラーページ(not found)33選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    404(Not Found)と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか!!」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン 33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c

    デザインの参考にしたい!404エラーページ(not found)33選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    typista
    typista 2013/02/01
    ぽけったー エラーだけど見ておきたい。細部までこだわった404ページデザイン 40選。
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    typista
    typista 2013/02/01
    ぽけったー 良質デザイン宣言、すごいフリーフォント素材29個まとめ 2013年1月度
  • 文章を読むだけでサクサク入力ができる「ドラゴンスピーチ」を使ってみた

    By ytang3 約100万語の音声認識辞書を備え文章を声で読み上げるだけで素早く入力できるというソフトウェアがジャストシステムの「ドラゴンスピーチ11J」です。今回は、7年ぶりにバージョンアップされたという同ソフトを実際に購入して、音声入力の使い勝手や設定の手間などをチェックしてみることにしました。 音声認識ソフト ドラゴンスピーチ11J http://www.justsystems.com/jp/products/dragonspeech/ ◆使ってみた まずは、どんな感じで使用するのか、というのを青空文庫にある夏目漱石の「吾輩はである」の冒頭を入力した結果を収めたムービーでチェックしてみてください。 「ドラゴンスピーチ11J」で「吾輩はである」の冒頭を入力してみた - YouTube 元の正しい文章は下記の通りです。 吾輩はである。名前はまだ無い。どこで生れたかとんと見当がつ

    文章を読むだけでサクサク入力ができる「ドラゴンスピーチ」を使ってみた
    typista
    typista 2013/02/01
    ぽけったー 文章を読むだけでサクサク入力ができる「ドラゴンスピーチ」を使ってみた
  • WordPress管理画面を顧客用にカスタマイズする方法 | hTDESIGN

    お客様から依頼を受けてWebサイトを制作する場合、新着情報の投稿など、顧客側でサイト更新を行いたいという要望は多いかと思います。 WordPressで制作したならば、サイト管理画面にログインすることで更新作業が行えるので、それは可能です。管理者(制作側)が、予め顧客のアカウントを追加して、管理権限を制限することによって、不用意にサイト構築内容が変更されてしまうのも防ぐ事ができます。 しかしながら、あからさまにWordPressを利用していることが露骨な管理画面を、そのまま顧客にお見せするのも節操がありません。ここでは、そういった部分の配慮と、顧客に解り易い管理画面にカスタマイズするために、私が採っている方法を記述します。 尚、以下の内容はWordPressバージョン3.3.2/3.4.2で検証したものです。 ログイン画面のカスタマイズ ロゴを変更する functions.phpに下記コード

    typista
    typista 2013/02/01
    ぽけったー WordPress管理画面を顧客用にカスタマイズする方法
  • 14,861 free fonts for Windows and Mac - FontSpace

    Make Your Mark Fonts are an important part of your site typography. Fonts that are too fancy can be hard to read, while too plain ones can be outright boring. That’s why you should focus on choosing a font that’s legible yet appealing. Selecting the right font style can provide an attractive appearance and preserve the aesthetic value of your content. It plays a vital role in setting the overall t

    14,861 free fonts for Windows and Mac - FontSpace
    typista
    typista 2013/02/01
    ぽけったー You've just found the best place to download free fonts.
  • はてぶ利用者のブロガーに役立つTopHatenar | Handy Web Design

    typista
    typista 2013/02/01
    ぽけったー はてぶ利用者のブロガーに役立つTopHatenar
  • Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました

    通常のアクセス解析はある程度時間が経過してからでないとその結果がわからないため、「まさに今!このページがヒットしている!」というのがわかりにくいのですが、この「Woopra」というアクセス解析サービスはとんでもないリアルタイム性がウリとなっており、誰かが訪問しに来たら即座にわかるようになっています。 リアルタイムアクセス解析を最大限活用するため、ブラウザ経由での利用だけでなく、Javaをベースとして作られたWindowsMacLinux対応の専用ソフトがあり、来訪者にタグ付けして個別に追跡、IPアドレスなどあらゆる条件で絞り込めるクイックフィルタ、誰がどこから来たのかすぐにわかるマップ、特定の条件のユーザーが来たらポップアップしたり音を鳴らして知らせてくれる機能などなどを搭載。そのすべてがリアルタイムに刻一刻と変化して最新の情報を教えてくれます。Google Analyticsで実現し

    Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました
    typista
    typista 2013/02/01
    ぽけったー Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました
  • GoogleAnalyticsのデータから、無料で「使える」分析レポートが作成出来る『Arest(アレスト)』レビュー - Real Analytics (リアルアナリティクス)

    Sitegramというアクセス解析サービスを提供している株式会社HARMONYが作成した、アクセス解析レポーティングサービス「Arest(アレスト)」が昨日リリースされたので、早速レビューをしてみました。 概要・感想 GoogleAnalyticsのみに対応。GoogleAnalyticsのAPIを使ってログデータをダウンロード。それをArestにインポート。そうするとそのデータを元にプレゼンテーションや印刷用に使えるように整形をしてくれます。非常に多くのレポートがわかりやすい形で整形され、サイトの現状把握や課題発見に非常に有効なツールです。今までGoogleAnalyticsからCSVでデータをダウンロードして整形にかかっていた工数の削減や、今まで見たことない分析手法や気付きを得られサイトの事実や課題がより浮き彫りになるといったメリットがあります。 準備に少し手間がかかりますが、その労力

    GoogleAnalyticsのデータから、無料で「使える」分析レポートが作成出来る『Arest(アレスト)』レビュー - Real Analytics (リアルアナリティクス)
    typista
    typista 2013/02/01
    ぽけったー GoogleAnalyticsのデータから、無料で「使える」分析レポートが作成出来る『Arest(アレスト)』レビュー : リアルアクセス解析
  • 意外と知らないかも!16の解析ツールまとめとWEB解析用語

    作成:2012/11/26 更新:2013/04/09 SEO対策 > Tool CPM、CTC、CPAなどアクセス解析する上でよく出てくる用語や計算方法ってすごくわかりにくいし、ど忘れしやすい。つっこまれて「えーと」は避けたいとこです。 ツールに関してもgoogle analyticsだけでは把握しきれない部分も結構あるし、簡単にサイトの状況を確認したいので、便利な17の解析ツールと勉強出来るサイトもまとめました。 クリエイターさんも「成果を上げるサイト制作」が求められる時代なので、やっぱり最低限の解析は把握しておきたいし、知ってたら打ち合わせもスムーズ。 忘れるたびに調べたり聞いたりめんどうなのでメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 16の解析ツール ソーシャル系 1.アプリ、フィード、感情、ツイートをリアルタイムに解析する

    意外と知らないかも!16の解析ツールまとめとWEB解析用語
    typista
    typista 2013/02/01
    ぽけったー 意外と知らないかも!16の解析ツールまとめとWEB解析用語
  • SEO対策 | 検索エンジンで上位表示させるdescription

    作成:2012/12/10 更新:2013/05/16 SEO対策 > SEO対策としてページを増やしてもアクセス数が一向に上がらないな~と嘆いているときに、ちょっとした工夫で 1ヶ月で月間PVが70万から112万に上がった ことがあったのでメモしておきます。今後どうなるか分かりませんが、現時点では有効です。(※97万からさらに112万に上がったので訂正させていただきました。上昇スピードが早いです。) SEO対策においてタイトルも大切ですが、記事の説明(description)も非常に重要な要素だと考えていました。検索エンジンに訪れた人は、同じようなタイトルが並んでいた場合、descriptionを参考にしてクリックするからです。 そういった場合どのような設定にするとユーザーにクリックしてもらえるのでしょうか。 行の長さを研究したメアリー・ダイソンによると 早く読んで欲しければ行を長く 記

    SEO対策 | 検索エンジンで上位表示させるdescription
    typista
    typista 2013/02/01
    ぽけったー 発見!ブログの説明文章は、「1行50文字の文章を2つ組み合わせる」とアクセスが上がる法則 : コムテブログ
  • 最高の配色を引き出す!海外のカラーチャート・ツールまとめ22

    作成:2012/11/29 更新:2013/02/21 Tool > Webデザイン 会社にEC-CUBEやXOOPS/WPのデザインなど、CMSなら何でもカスタマイズするデザイナーさんがいるんですけど、とにかく仕事が早い。ランチャーやブックマークに配色ツールを登録してサクサク使いこなしてるんですね。 どんなツールを使っているのか教えてもらいました。で僕も一部使ってみたんですけど確かに使いやすいのでご紹介。定番の物からニッチなものまで便利そうなのもいろいろ追加。 とりあえずざっくりとまとめていますので、使いたいものを吟味して試しながら使ってみてください。使いやすいツールが必ず見つかると思います。 エンジニア速報は Twitter の@commteで配信しています。 1.Color Explorer Color Explorer • Free tools for working with d

    最高の配色を引き出す!海外のカラーチャート・ツールまとめ22
    typista
    typista 2013/02/01
    ぽけったー 最高の配色を引き出す!海外のカラーチャート・ツールまとめ22
  • 読むだけで配色センスがレベルアップ!5分程度で読める良記事まとめ

    作成:2012/12/17 更新:2014/11/01 Webデザイン > ある国で純白の白色は「死」、米国での緑色は「お金」をあらわす。経理財務に関係するサイトで「赤」を無意味に使用してはならない。 世界のさまざまな地域の人たちを対象にデザインする場合は、文化や色の意味にも配慮しなければならない。 世界を相手にすることなんてないけど、売上アップさせる為の色使い、自然な配色の選び方・適切な余白の使い方・バランスのとり方・・・専門家じゃないのでパッと分からないです。そして長時間悩む。 あまり時間を取られないように、「わかりやすくて5分程度で読める良記事」をまとめました。配色がわからなくなったり、売上に困ったらこれらの良記事読んどきゃ大丈夫。 デザイナー、ウェブ系じゃない人もきっと参考になると思います! エンジニア速報は Twitter の@commteで配信しています。 もくじ 色とマーケテ

    読むだけで配色センスがレベルアップ!5分程度で読める良記事まとめ
    typista
    typista 2013/02/01
    ぽけったー 読むだけで配色センスがレベルアップ!5分程度で読める良記事まとめ
  • 男子ハック | 素人がブログを始めて1カ月で70,000PV超えするためにとった戦略を公開します

    JUNPです。男子ハックを始めて1カ月も経たず7万PVを超えました。僕らとしてはとても喜ばしいことです。 僕たちがブログのアクセスアップのために意識したこと。それは「はてなブックマークされること」です。全てのブロガーさんに共通することかわかりませんが、はてなブックマークされるために意識したことをまとめて公開したいと思います。[adsense] 0.いまさらですが 男子ハックは素人ブロガー2人が協力して努力と知恵を出し合えば多くの人に見てもらえるかな?というところから始まりました。 どの位の素人かと言うと、元々僕達は個人的にlivedoorとHatenaでブログを持っていて、簡単なHTMLCSSはわかるというレベルです。この辺の努力とサイト構築の記録については今度まとめて記事にできたらいいなと思っています。 今回はタイトルの通り僕たちがアクセスアップを考えて意識したことを紹介します。 「は

    typista
    typista 2013/02/01
    ぽけったー 素人がブログを始めて1カ月で70,000PV超えするためにとった戦略を公開します
  • 泣けるほど簡単!おしゃれなサイトができるWEBサービス10選

    作成:2012/12/25 更新:2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ&ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.まとめサイトを作る 2.ネットショップを作る 3.ホームページを作る 4.ポートフォリオサイトを作る 5.おしゃれなECサイトを作る 6.全部入り企業サイトを作る 7.コーポレートサイトを作る 8.レスポンシブ対応サイトを作る 9.HTML5サイトを作る 10.ビジネス用無料WordPressテーマ - レスポンシブ対応 11.デザイナー向けポートフォリオページ 12.ブートストラッ

    泣けるほど簡単!おしゃれなサイトができるWEBサービス10選
    typista
    typista 2013/02/01
    ぽけったー 泣けるほど簡単!おしゃれなサイトができるWEBサービス10選
  • Keyboard Heatmap Visualization

    Visualizing character distribution of texts on a keyboard while you're typing...

    Keyboard Heatmap Visualization
    typista
    typista 2013/02/01
    ぽけったー Visualizing character distribution of texts on a keyboard while you're typing...
  • HTMLCanvasとJavaScriptで画像にウォーターマークを入れられる「watermark.js」:phpspot開発日誌

    HTMLCanvasとJavaScriptで画像にウォーターマークを入れられる「watermark.js」 2011年04月02日- watermark.js | Image watermarks with HTMLCanvas and Javascript HTMLCanvasとJavaScriptで画像にウォーターマークを入れられる「watermark.js」 ウォーターマークっていうのは、画像の著作権表示なんかを画像上に表示させてるやつです。 元画像はソースを開けばアドレスが直に書かれているのでバレてしまうのでプロテクションとしては弱いので注意が必要ですが、仕組みとしては面白いですね。 左上にうっすら水滴っぽいものが出ているのがウォーターマークです。 ウォーターマーク 元画像は以下。 ウォーターマーク用の画像を別途容易しておいて引数で渡してあげるという使い方です。 画像合成をブラウザ

    typista
    typista 2013/02/01
    ぽけったー HTMLCanvasとJavaScriptで画像にウォーターマークを入れられる「watermark.js」
  • Patrick Wied | Products, Data Visualization, Web Developer.

    Oh hello there! My name is Patrick Wied. I'm a software developer based in Vienna/Austria with a strong interest in Web Technologies, Data Visualization, Mathematics, and Product Development. I'm passionate about creating things that make lives easier. I try to write regularily about my ideas and some technologies I come across. Most of the content is published on my weblog. Find me on social plat

    Patrick Wied | Products, Data Visualization, Web Developer.
    typista
    typista 2013/02/01
    ぽけったー Patrick Wied
  • ヒートマップが描画できるHTML5 canvasベースのJSライブラリ「heatmap.js」:phpspot開発日誌

    heatmap.js | HTML5 Canvas Heatmap Library ヒートマップが描画できるHTML5 canvasベースのJSライブラリ「heatmap.js」。 ユーザのマウス位置をヒートマップという形で表示してサイトの利用方法を解析する方法がありますが、そのヒートマップを描画できるライブラリが公開されています。 取得されたデータを元にヒートマップを描画できるのは当然ながら、マウスを動かしてリアルタイムにブラウザに描画されるデモも一見の価値があります サイト上の以下のボタンを押しましょう。 リアルタイムでヒートマップが描画されます。Chromeだととってもなめらか アクセス解析的な利用はモチロンのこと、何か他のものにも使ってみると面白い効果が得られたりするのかも。 関連エントリ クリック位置のヒートマップを作成できるオープンソースやサービス色々

    typista
    typista 2013/02/01
    ぽけったー ヒートマップが描画できるHTML5 canvasベースのJSライブラリ「heatmap.js」
  • Dynamic Heatmaps for the Web

    heatmap.js Dynamic Heatmaps for the Web heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? Whether you want to have an aggregated overview of your users behaviour, or look at thous

    Dynamic Heatmaps for the Web
    typista
    typista 2013/02/01
    ぽけったー heatmap.js
  • どんな場面で使えるか。Webベースのヒートマップ生成ライブラリ·HeatCanvas MOONGIFT

    HeatCanvasはCanvasタグを使ったWebベースのヒートマップライブラリ。 HeatCanvasはHTML5/JavaScript製のオープンソース・ソフトウェア。大量のデータが位置情報と結びついている時、ビジュアル化に最適な手法と言えばヒートマップではないだろうか。Webサイトのクリック情報を投影したりするのにも使える。 例 ヒートマップを自作しようと思うと大変な苦労をするかも知れない。専用のソフトウェアを使うか、WebベースであればHeatCanvasを使えばスムーズに作れるかもしれない。 HeatCanvasはCanvasタグを使ってヒートマップをレンダリングするライブラリだ。デモではCanvas上を適当にクリックしてヒートマップを生成したり、ランダムなデータを使って作成する。何度もクリックを繰り返した部分が赤くなる仕組みだ。 クリックすると強く出る 多数のポイントがあると

    typista
    typista 2013/02/01
    ぽけったー どんな場面で使えるか。Webベースのヒートマップ生成ライブラリ「HeatCanvas」
  • 自作 iPhone 5 用の壁紙【追加有り】 | hazi.log

    iPhone 5及び、iPhone4/4S用の自作壁紙を公開します! 追記履歴 2012/09/22 : 追記しすぎて分かりづらくなったので、一度整理しました。 2012/09/21 : iPhone 4/4S用の白い風壁紙を追加 2012/09/21 : iPhone 5の背面風壁紙を追加 壁紙について 左にフォルダを配置することで、縦軸でカテゴリ分けして使うことをイメージして作成しました。どこに何があるのかわかりやすくなりますが、沢山のアプリを使い分ける方にとっては、アプリへのアクセスしづらくなるかもしれません。 まあ、使ってみてダメだったらルール無視で配置してくださいw ダウンロード方法 iPhoneでダウンロードの際は、画像を一度タップし、ポップアップした画像をホールド(長時間タップ)して「画像を保存」で保存してください。Twitterクライアント等の内蔵ブラウザでは保存できない場

    typista
    typista 2013/02/01
    ぽけったー 自作 iPhone 5 用の壁紙【追加有り】
  • 『PHPで簡単にPDFを全ページ画像に変換する方法』

    を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中! PDFを画像ファイル(JPEG,PNGなど)に変換してサーバーに保存させる方法を探していたらImageMagickを使うと簡単にできることが分かったのでやり方をメモ。 拡張モジュールImagickがインストールされているか確認してください。 インストールされていない場合は、下記のインストールを参考にしてください。 PDFファイルの全ページを画像に変換する$im = new Imagick(); //画像を生成したいPDFを読み込む $im->readImage('hoge.pdf'); //ページ数を取得する $totalPage = $im->get

    typista
    typista 2013/02/01
    ぽけったー PHPで簡単にPDFを全ページ画像に変換する方法|本を買わずに解決するWeb制作の小技
  • HeatMapAPI.com - Home

    Create your own heat maps using HeatMapAPI. Integrate heat map images into Google Maps or other GIS systems. Heat maps are rendered real-time. What is a Heat Map? A heat map is a graphical representation of two dimensional data (X, Y and Value) on a two dimensional surface using colors. A map a heat map is a representation of density of latitude and longitude points on a map. HeatmapAPI lets you c

    typista
    typista 2013/02/01
    ぽけったー Welcome to http://t.co/rSnOGniu
  • iPhone 5の壁紙はこれで決まり | NANOKAMO BLOG

    どうも@kuroji1987です。 iPhone 5の新しい壁紙を設定したのでご紹介します。 iPhone 4Sの時から継続して使わせていただいております、@hazi氏の作った壁紙を設定しました。アプリを整理しやすいので愛用しています。いつもどうもです! ダウンロードはhazi.logからどうぞ。iPhone 4/4S用もありますよ!! 置けるアプリの個数も増えたということで、もうちょっと整理して使いやすくしていきたいと思います。いろいろ配置考えるだけでもたのしいですよねーw 8-bit風なiPhoneiPad用アクセサリーを販売するサイト『Big Big Pixel』 | NANOKAMO BLOG [hazi.log] 関連記事 iPhone 110はここまで長く! 未来のiPhoneを簡単に生成できるサイト「Future iPhone Generator」 iPhone 5の発

    typista
    typista 2013/02/01
    ぽけったー iPhone 5の壁紙はこれで決まり
  • あれ、体が浮いてる? 実用に耐えうる透明自転車「Clarity Bike」

    あれ、体が浮いてる? 実用に耐えうる透明自転車「Clarity Bike」2013.02.01 09:00 ぬおおお、透明自転車いいなー! ある角度からみるとフレームが消える(?)世にも不思議な自転車さん。こちらは、なんとジェット戦闘機のキャノピーと同じ強度・軽量・透明度の素材でできているそうです。 Designaffairが発表したコンセプトモデル「Clarity Bike」のフレームは、Trivexという素材を使用。ヘリコプターの風防ガラス、そしてジェット戦闘機のキャノピーとして実績を重ねてきたTrivexは、超軽量でありながら衝撃に強く、それでいて耐熱性・耐寒性にも優れているんですって。また、型に流し込んで好きな形も作れるということなので、自転車のフレームには持ってこい。 今後、お手ごろ価格で製造できるようになったら、大量生産するそうですよ。その時は行列の先頭に並んで買い、その足でサ

    typista
    typista 2013/02/01
    ぽけったー あれ、体が浮いてる? 実用に耐えうる透明自転車「Clarity Bike」
  • レスポンシブ用に3案必要? クライアントとロス無く進める便利ツール -Style Tiles

    Style Tilesはウェブサイトを制作する際、そのブランドの質を伝えるフォント、カラー、エレメントなどをクライアントと打ち合わせをして、ビジュアルのコンセプトを決めるツールです。 レスポンシブデザイン用に3つのモックアップが必要ですか? このツールを利用することでそういったことはなくなります。 Style Tiles 下記は各ポイントを意訳したものです。 Style Tilesとは Style Tilesの使い方 レスポンシブデザインとSytle Tiles Style Tilesとは Style Tilesはレイアウトを明確せずに、実際のインターフェイスのエレメントを検証し策定します。クライアントとブランドについて確立し、それをウェブに落とし込んでいきます。 Style Tilesを使うタイミングは、ムードボードでクライアントからヒアリングを行った後がよいでしょう。 Style T

    typista
    typista 2013/02/01
    ぽけったー レスポンシブ用に3案必要? クライアントとロス無く進める便利ツール -Style Tiles
  • デッドスペースを消し去る! iPhone 5のホーム画面1番上にカメラアプリを置くとめちゃくちゃ捗るぞ | NANOKAMO BLOG

    どうも@kuroji1987です。 iPhone 5って縦長で上の方にアプリを置くと使いづらいですよねぇ……。手が小さい女性なんかは特に嫌だと思います。指、届かないですもんね! それでもアプリは絶対に置かなきゃいけないわけです。上から詰めてかなきゃいけないので、どうしたって何か配置する必要があります。例えばあまり使わない標準アプリを詰め込んだフォルダとか、アイコンを見るだけ専用のカレンダーアプリとか、そういったアプリを選択しているかたは多いんじゃないでしょうか。 でも僕気付いたんです。デットゾーンなはずの一番上のスペース。ここにカメラアプリ置くとめちゃくちゃ捗るんです!!! なんで捗るか なんで捗るんでしょう。順を追って解説します。 まず僕のホーム画面を見てください! 下のような感じです。カメラアプリが上にありますよね。3つ置いてます。 これらのアプリの撮影画面は、それぞれ下のようになりま

    typista
    typista 2013/02/01
    ぽけったー デッドスペースを消し去る! iPhone 5のホーム画面1番上にカメラアプリを置くとめちゃくちゃ捗るぞ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    typista
    typista 2013/02/01
    ぽけったー たった一行でブラウザをシンプルなメモ帳に変える方法
  • 【Safari】一発でリンク先のページをダウンロードする方法。 – 和洋風KAI

    和洋風KAIは、Apple・水樹奈々・べ歩きが三柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項

    typista
    typista 2013/02/01
    ぽけったー 【Safari】一発でリンク先のページをダウンロードする方法。
  • Twitterの「お気に入り」が「足あと」に ふぁぼられ数の表示欄に変化

    Twitterの「お気に入り」が「足あと」という表示に変わっている。機能はそのままに名前だけが変わったようだ。 ねとらぼのつぶやき「3件の足あと」だと…… リツイート件数の横に表示される数字は、そのツイートが何件「お気に入り登録」(通称:ふぁぼられ)されたかを示すもの。以前は「○(数字)お気に入り」という風に表示されていた。ちなみにツイートを外部サイトに埋め込んだり、言語を英語に設定したりすると「○FAVORITES」との表示になり、表記は統一されていないようだ。 埋め込むとこんな感じ 英語設定でもFAVORITES advertisement 関連記事 mixi、「訪問者」のリアルタイム表示機能を試験提供 「足あと」サービスのときのように、自分のページへの訪問者がリアルタイムに表示される。 「mixi」で足あとのリアルタイム表示が試験的に復活へ 「ユーザーファーストなmixi」を目指して

    Twitterの「お気に入り」が「足あと」に ふぁぼられ数の表示欄に変化
    typista
    typista 2013/02/01
    ぽけったー Twitterの「お気に入り」が「足あと」に ふぁぼられ数の表示欄に変化
  • 急成長GitHubの経営陣が明かす、プログラマーのクリエイティビティを最大限に引き出す方法 - エンジニアtype | 転職type

    2013.01.31 ITニュース いまやプログラマーの「必須プラットフォーム」となりつつあるGitHub。サービス開始からわずか5年で全世界にユーザーを獲得してきた同社は、独自の経営理念によって「プログラマー天国」を築き上げていると評判だ。その根底にある考え方や、組織運営のこだわりとは何なのか? 来日中のGitHub経営陣に、編集長の伊藤健吾が話を聞いた。 GitHub COOのPJ Hyett氏(左)と、CIOのScott Chacon氏(右)。多忙なスケジュールの中で取材に応じてくれた 「これからの時代、プログラマーをやりたい人にとって、GitHubアカウントを持たなくて済むのは小学生までとなるでしょう」 弊誌対談「小飼弾×増井雄一郎が大激論! 開発者「大増殖時代」の到来で、プログラマーの存在意義はどう変わる?」で小飼氏がこう述べるほど、世界中のプログラマーに利用されるようになった開

    急成長GitHubの経営陣が明かす、プログラマーのクリエイティビティを最大限に引き出す方法 - エンジニアtype | 転職type
    typista
    typista 2013/02/01
    ぽけったー 急成長GitHubの経営陣が明かす、プログラマーのクリエイティビティを最大限に引き出す方法
  • 【起業の心得】『そろそろ会社辞めようかなと思っている人に、一人でも食べていける知識をシェアしようじゃないか』山口揚平 : マインドマップ的読書感想文

    そろそろ会社辞めようかなと思っている人に、一人でもべていける知識をシェアしようじゃないか 【の概要】◆今日ご紹介するのは、起業のキモが分かりやすくまとめられた1冊。 タイトルからは中身がちょっと分かりにくいと言うか、リアル書店で最初見かけた時には、てっきり「会社生活の送り方」的なだと思ってしまいましたが、あくまでテーマは起業・独立関係です。 アマゾンの内容紹介から一部引用。何もビジネスで大成功したいと望んでいるわけではなく、ただ自分が好きなことで社会に貢献し、そのお金べていくことができれば、それが求めている自分の幸福だと多くの人がすでに気づいています。 でも、好きなことをただやってもべていくのは難しい、それが現実――と考えるのは、間違いです。 「好き」で「う」にはコツがあります。その知識をきちんと学べば、べていけるだけのビジネスにできるのです。 これがなかなかの掘り出し物で

    typista
    typista 2013/02/01
    ぽけったー 【起業の心得】『そろそろ会社辞めようかなと思っている人に、一人でも食べていける知識をシェアしようじゃないか』山口揚平
  • 金融機関が自分をどう評価しているかが一目でわかる「クレジットレポート」を実際に出してみた

    自分自身の信用情報をグラフを使って一目でわかるように表示してくれるのが「クレジットレポート」です。住宅ローンを申し込んだ際などに金融機関は信用情報機関に照会し審査を行っているのですが、その評価方法は非常に複雑な仕組みになっており、一般的に評価を正しく読み解くことは困難。しかしクレジットレポートは金融機関の審査と同様の分析結果を誰でもわかりやすく加工してまとめており、金融機関が自分をどのように評価しているのかが簡単にわかるということで、実際に自分自身の信用情報がどうなっているのか確かめてみました。 個人の信用情報が10分でわかるクレジットレポート:マイクレジット 個人の信用情報が10分でわかるクレジットレポート:マイクレジット https://www.mycredit.jp/ クレジットレポートの購入手続きはトップページのオレンジ色のボタンから行います。 まず、手続きの際には電話で受付番号を

    金融機関が自分をどう評価しているかが一目でわかる「クレジットレポート」を実際に出してみた
    typista
    typista 2013/02/01
    ぽけったー 金融機関が自分をどう評価しているかが一目でわかる「クレジットレポート」を実際に出してみた
  • AppStoreに突然自分が載ってたので、思わず不純な動機でGunosyをレビュー!

    ↑ いやぁ…これでもかってくらい大きいアイコンを載せてみたけど、黒ベースだから重いな…(・_・; ボソ …あ。どうもこんにちは。 今日は未だかつてないくらいとても不純な動機でアプリをレビューしちゃうぞ!(」°ロ°)」よっ不良キリッ …はい。 なんだかですね、お仕事終わって Twitter を見たらですね、よくわからないメンションがたくさんありまして…。 例えば、ピンクっぽいイメージだけど実は赤メガネな人のこんなツィートとか ↓ 箱さまがががが((;゚Д゚) / “Gunosy 〜あなたにあったニュースを推薦するスマートなパーソナルマガジン〜 (無料 評価無し 0件の評価 6.3MB)” https://t.co/i85mek2C #SAppInf http://t.co/wfgySfdS2013/02/02 19:32 via Tweetbot for iOSあかめ←アイコン変えたよ!

    AppStoreに突然自分が載ってたので、思わず不純な動機でGunosyをレビュー!
    typista
    typista 2013/02/01
    ぽけったー AppStoreに突然自分が載ってたので、思わず不純な動機でGunosyをレビュー!
  • 「社内公用語はジャパスクリプト」の衝撃【ルポ迫真】

    文化を積極的に取り入れているため、日語独特のあいまいさにも対応できます。 もし(ホストが勧める『ぶぶ漬け』) ゲストが受け取る(メッセージ『帰れ』) 次回は「大規模開発」です。 →他の用語解説も読んでみる ■「社内公用語」:おすすめ記事・超まとめ 新社会人の約5割が「英語公用化に反対」(@IT自分戦略研究所News、2010/08) 調査によると、新入社員の半数近くが英語の社内公用語化に反対していることが分かった。理由は「あまり話せない」から?

    「社内公用語はジャパスクリプト」の衝撃【ルポ迫真】
    typista
    typista 2013/02/01
    ぽけったー IT用語解説系マンガ:食べ超
  • BBCからNYタイムズまで、良質な海外ニュースを音読してくれる無料アプリ『Umano』 | ライフハッカー・ジャパン

    毎日使いたい海外ニュースアプリの決定版です お仕事をバリバリこなしながら英会話のレッスン、海外ニュースのチェックなどにも積極的なビジネスパーソンに朗報。スマホアプリから毎日のフレッシュな海外ニュースを英語でリスニングできるとしたら...!? 今回紹介する『Umano: News Read to You』はニューヨークタイムズ、BBC、フォーブスからディスカバリーやテッククランチまで幅広く厳選された一流の海外ニュースソースの記事を朗読してくれるアプリ。 『Umano(以下ウマノ)』の最大の特徴は全てのニュースが物のナレーターによる朗読で収録されているということ。iOSの『Siri』に代表される音声合成技術も最近ではかなり進化しましたが、やはり人間の肉声にかなうものではありませんものね。 続きを読む(TABROID)>>

    BBCからNYタイムズまで、良質な海外ニュースを音読してくれる無料アプリ『Umano』 | ライフハッカー・ジャパン
    typista
    typista 2013/02/01
    ぽけったー BBCからNYタイムズまで、良質な海外ニュースを音読してくれる無料アプリ『Umano』
  • むしろ捨て去るべき5つの「良い習慣」 | ライフハッカー・ジャパン

    生産性の向上とは、何がうまくいき、何がうまくいかないかを絶え間なく研究していく行為でもあります。私たちの働き方は日々変化しており、過去のベストプラクティスといえども、現在ではむしろ有害とみなされることも。 生産性とアイデアに関するブログ「99U」では、ちょっと意外な洞察に注目しました。かつて「良い習慣」とされていたものも捨て去るべき時があるという事実です。 以下、よくある生産性アドバイスのうち、捨て去るべき5つの習慣を紹介します。ポジティブなイメージを持ちすぎる すでにゴールを達成した自分をビジュアライズすると、脳が安心しきって活動エネルギーが低下してしまうそうです。ゴールをイメージするのは大切ですが、困難に直面する覚悟やエネルギーまで失っては元も子もありません。 すべての時間を「充実」させようとする シャワーを浴びているときに良いアイデアが浮かぶのはなぜでしょうか? シャワールームは同僚

    typista
    typista 2013/02/01
    ぽけったー むしろ捨て去るべき5つの「良い習慣」
  • アマゾン、純利益が大幅減も株価は上昇 アップルとは対照的な反応、投資家は成長性に期待 | JBpress (ジェイビープレス)

    米アマゾン・ドットコムが29日に発表した昨年10~12月期の決算は、売上高が212億6800万ドルとなり、1年前に比べ22%増加した。 一方で純利益は同45%減の9700万ドルと大きく落ち込んだ。また営業利益は同56%増の4億500万ドルで、事前予想値の上限である3億1000万ドルを上回った。 投資家が注目したのは利益率

    アマゾン、純利益が大幅減も株価は上昇 アップルとは対照的な反応、投資家は成長性に期待 | JBpress (ジェイビープレス)
    typista
    typista 2013/02/01
    ぽけったー アマゾン、純利益が大幅減も株価は上昇