サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
装丁を味わう
kuteken.hatenablog.com
Exif Orientation 情報を追加する方法と編集する方法。 Orintation 情報の形式 Orientation は、Exif 2.3 規格において、 1〜8 の数字で規定されている。 http://www.cipa.jp/hyoujunka/kikaku/pdf/DC-008-2010_J.pdf (P.34) http://www.cipa.jp/english/hyoujunka/kikaku/pdf/DC-008-2012_E.pdf (P.35) いろんなアプリで数字だったり、文字列だったりとバラバラなので混乱しやすい。 以下、早見表。exiftool の value の通りに動かすと、元の画像に戻る。 Exif定義 = exiftoolのvalue = Image Magickのvalue ---- 1 = Horizontal (normal) = top-le
What? BackHub というドイツ発のサービス GitHubのリポジトリをissueも含めてバックアップできる バックアップしたものをダウンロードしてローカルに保存可能 リポジトリだけでなく、Issuesもまるごとリストア可能(ちょっと形式が変わるけど) パブリックリポジトリをバックアップする場合は、無料 プライベートリポジトリをバックアップする場合は、有料 backhub.co サービスに必要な権限 Githubからログインする 以下、権限が必要 Read org and team membership Full control of private repositories Access user email addresses (read-only) 大事な情報を持ってる場合、普通に恐ろしいから安易に試せない。 大したもの入ってなかったから試した次第(一応、サービス評価とか、運
諸事情で最近Pythonってます。 現在インストールされているパッケージをpipで表示する際、listとfreezeをどっちを使うか、違いが分かりにくかったので解説。 結論から先に行っておくと、今インストール済みのパッケージを確認したいだけならどっちでもいい。けど、freezeの方がよく使うので、こっちで覚えておいたら良いと思います。 pip list [options] Description: List installed packages, including editables. List Options: -o, --outdated List outdated packages (excluding editables) -u, --uptodate List uptodate packages (excluding editables) -e, --editable List
DB設計のときに、あー最大長何文字だっけ。これ国際基準よね?となることがあるので記録。 メールアドレス (254文字) http://www.rfc-editor.org/errata_search.php?rfc=3696&eid=1690 電話番号 (15桁) ITU-Tによる国際交換電話網の電話番号計画の勧告 http://ja.wikipedia.org/wiki/E.164 URL (2048文字) IE やサイトマップの loc で扱える最大長 http://support.microsoft.com/kb/208427/ja-jp http://www.sitemaps.org/ja/protocol.html twitter アカウント名 (15文字) https://support.twitter.com/articles/249172- facebook ユーザネーム
作っている場所と使用される場所のタイムゾーンが違ったり、国際的なサービスを作っていたりする場合に、タイムゾーンまわりの挙動について気になったので、MySQLで実際に試したことのまとめ。 前提 初期時刻設定 global.system_time_zone: OSのタイムゾーン(ICTゾーンに住んでるのでICT) global.time_zone: MySQLのタイムゾーン(OSのタイムゾーンと同期) session.time_zone: MySQLの該当セッションのタイムゾーン(OSのタイムゾーンと同期) 試行時刻 ICT 2015-04-17 02:18 にテスト 試行方法 session.time_zone を ICT(+7:00), JST(+9:00) に設定を切り替え、連続してデータを挿入 mysql> SELECT @@global.system_time_zone, @@glo
IE 対応をしていると、互換モードボタン・開発者ツール・metaタグ(<meta http-equiv="X-UA-Compatible" content="IE=edge" />)で互換表示切り替えをすると思いますが、ドキュメントモード・ブラウザモードの違いや、何が何と結びついているのか、こんがらがりがち。 IE11で変更もあったので、誰かのために覚え書きしときます。 ※関連記事: IE である環境(ドメイン)でだけ勝手に互換表示になる IE 8〜10 ドキュメントモード レンダリングエンジンを変更。UserAgent には影響しない。 変更方法 開発者ツール(F12) metaタグ(X-UA-Compatible) ツール>互換表示設定 互換表示ボタン(アドレスバー横) ブラウザモード UserAgent・バージョン ベクター・ドキュメント モード(CSS、DOMとかの扱い)を変更。
この記事は、海外で働くエンジニア(or Webの人) Advent Calendar 2014 - Adventar & Kosen Advent Calendar 2014 - Adventar の6日目の記事です。 こんにちは。津山高専専攻科OBのくてけんです。ベトナムのジャングルの洞窟へハードボイルドなキャンプに行ったはずが、かくかくしがじかありまして、ベトナムに移住して某開発会社でITエンジニアとして働くことになっていました。 Hang En Cave Adventure | Oxalis Adventure Tours また行きたい…ああ、すみません。閑話休題です。結論を書きます。高専生で海外で働きたい気持ちが欠片でもあるなら、 1. 専攻科に行くか、大学に編入して「学位」を取ること 2. 「英語」を話せるようになること この2つを心に留めて、学校生活を送ってください。 専攻科に
IE の互換機能ドキュメントモード・ブラウザモードの違い という前座の記事を書きましたが、本当に書きたかったのは、こっちの話です…! 状況 以下のような状況で、ある環境(ドメイン)でだけIE8, IE9の表示崩れが起きる現象に当たることがあります。 デプロイしているコードは同じ ヘッダにも疑わしい変化は無い 違うのはドメインだけ 調べてみると、勝手にIE7互換表示になっている。 原因 以下の二つの条件が重なると、IE8, IE9 は強制的にIE7ドキュメント互換モードでレンダリングします。 ドメインが以下のリストに入っている IE8: res://iecompat.dll/iecompatdata.xml (IEからアクセス!) IE9: http://ie9cvlist.ie.microsoft.com/ie9CompatViewList.xml 互換表示設定>[マイクロソフトからの更新
Webの画面上で電子回路を設計/試運転できる123D Circuits, あのAutoDeskが提供 - TechCrunch 上記のようなニュース記事で概要は説明されているものの、日本語の入門記事とか使い方の記事が無かったなと思ったのでまとめ URL http://123d.circuits.io/ 主なできること 電子回路がブラウザ上で組める 電子回路をシュミレーターで動かすことができる 電子回路 + Arduino プログラミングも出来る 電子回路を公開できる 人の電子回路を Fork して、改修できる 組んだ電子回路を発注できる 回路例 別記事で、非安定マルチバイブレータを組んでみました。こう言った形で、iframeでサイトに埋め込める形で、自分の回路を公開できます。 123D Circuits で非安定マルチバイブレータ回路を組んでみた - 君たちは永遠にそいつらより若い 追記:
コミケとお盆休みの裏番組的イベント、iro-hackathon〜いろハッカソン〜 というイベントに参加してきました。 【iro-hackathon〜いろハッカソン〜】 : ATND 8/16はirohaの日!? iroha miniをいろんな技術で拡張する、アートハッカソンを開催します。 おみやげにiroha miniを全員プレゼント☆ 8/16 は、私の姉の誕生日であると同時にirohaの日であるらしいです。毎年うっかり誕生日おめでとうを言い逃してしまう私ですが、今年は言えた!この時点で iroha様々です!!! 本イベントはiroha miniのファンイベントです。 協力 : TENGA株式会社 しかも、TENGA 公式協力!これは行くしか無い!迷わず参加ボタンをクリックしました! iroha とは 知人にこのイベントについてお話しする中で、そもそも iroha が何か理解されていない
フィードで流れてきたので、触ってみる。 p5.js とは http://p5js.org/ オンブラウザで気軽に Processing ライクにコードを書くための、JavaScriptのライブラリです。HTML5オブジェクト、ウェブカム、音声などにアクセスできるライブラリもあるらしいので、様々なインタラクティブコンテンツに応用が利きそうですね。 どんなことができるの? この紹介ムービーページでざっと説明してくれています。(最後までつい見てしまうw) http://hello.p5js.org/ demo よりも、examples の方が充実してて、見ていて楽しい。個人的には、 Simulate を見るとテンションが上がります。 http://p5js.org/learn/#examples Get started をやってみる 公式の Get started を抜粋&意訳しながら、ざっとや
あるある デザイナ(コーダ)「うおー!(^ω^)(すごい勢いでデザイン&コーディング)」 エンジニア「デザイナからデータを受け取ったよ!そのまま突っ込むよ!えい!(^ω^)」 ユーザ「画像…めっちょおもぃ(^ω^)」 あなたの…心に…直接…呼びかけています… 画像…最適化できてますか…誰がやるか…曖昧に…なっていたりしませんか… 画像最適化とは 画像最適化とは、Webサイトのレスポンス改善を目的に、画像に適切な処理を施すことです。一口に言っても、様々なアプローチがあり、形式を変換したり、画像をまとめたりすると、コードも触る必要があるので大変。今回は効果がわかりやすく、カジュアルに取り入れやすい 画像ファイルサイズを小さくする(品質を保ちながらデータを削ったり、圧縮する) の最適化手法にフォーカスします。 画像最適化ツールといえば、先日、話題になっていた http://compressor.
ナラティブ…? 疑問は本日読んだこの記事から始まった。 アマゾンの会議は30分間の沈黙から始まる http://ascii.jp/elem/000/000/897/897508/ アマゾンジャパン ハードライン事業本部 大木 聡本部長は言う。ジェフ・ベゾスCEOの方針で、社内ではナラティブ(説話)第一主義なのだという。 ナラティブ=説話? 「重要な問題について理解してるかどうかを把握するためにナラティブが重要。ナラティブは文化なので他の企業はマネしづらいだろう」(大木本部長)。 ナラティブ=文化? アマゾンでは会議の運営もナラティブ流だ。60分の会議であれば、最初の30分間は黙って書類を読むために費やされる。残りの30分間で、本文と補遺を読んでも納得できないことを質問攻めにするのだという。 ナラティブ=流派? わからないので辞書を引いた。 ナラティブ【narrative】 物語。朗読による
テスト中の Web サイトは、IP 制限なり、Basic 認証なり、cookie 認証なり、何らかの認証をかけてコンテンツを保護するものです。そこで発生する Android の悲劇の回避方法の一つを紹介。 状況 サイトにIP 制限、Basic 認証、cookie 認証などをかけている 何故か Android だけファイル(画像, pdf, zip etc...)の閲覧・保存・ダウンロード時に認証を通り抜けられずダウンロードに失敗しましたと表示される 画像を表示した後の、画像を保存、リンク先を保存 を押下した際にも発生 元の拡張子を無視して.bin という拡張子で保存されることもある PC, Android, iPhone 共に、ページ・画像・js, css類は認証を通過している Android でも機種やブラウザ(標準ブラウザ or Chrome)によって通り抜けたり、通り抜けられなかった
誰でも簡単なコードと装置を使って、おうちでかっこいいクラドニ図形を描けるよーという動画を作ってみました。なんじゃそれ?という方も、まずは動画をどーぞ。 クラドニ図形とは クラドニ図形(Chladni figure)は、ドイツの物理学者エルンスト・クラドニの名にちなんだ図形であり、物体の固有振動の節を可視化する方法である。 from Wikipedia 平面に粉をバラまいて、そこに音(振動)を与え、音を「見る」ことができる方法です。KAKKOII!!!! 用意するもの さてさて。動画でざっくり紹介しましたが、実際に何を用意したのかをご説明します。 鉄板 今回は0.3mmの鉄板にしました。まず、手に入りやすく、音の減衰率の小さい金属として鉄を選択しました。減衰率が小さいほど、振動が収束しづらくなります。薄い方が小さい音量で振動しやすいのですが、ハンズで触った感じ、0.1mmだとふにゃふにゃすぎ
今日は本を読んでのんべんだらりとしようと思っていたのですが、キャンセル待ちだった勉強会に空きが出たので急遽参加してきました。 …3週間前から、イベント3連チャンで週末mixiオフィスで過ごしているなw イベント概要 IAシンキングによるモバイル再設計 2014/03/02 (日) 13:30 - 17:30 http://devlove.doorkeeper.jp/events/9020 話し手: UXデザイナー 坂本 貴史さん ↓新しい著書が発売予定です!!買いましょう!! モバイルIAシンキング クロスチャネル時代のIA思考術 作者: 坂本貴史,村越悟,稲本浩介,宮崎綾子出版社/メーカー: ワークスコーポレーション発売日: 2014/03/28メディア: 単行本(ソフトカバー)この商品を含むブログを見る 講義 ワークショップ1「現行サイトの情報を把握する」 ワークショップ2「表示要
書籍業界の Github ? 僕は電子出版業界に明るくないので今回初めて知ったのですが、O'Reilly が Atlas という新しい出版プラットフォームの開発を進めているみたいですね。 正式サイト https://atlas.oreilly.com/ ブライベート β版 http://atlas.labs.oreilly.com/ Publishing with Atlas - YouTube その機能(予定)は、まるで書籍業界の Github のよう。(まるで〜というかα版は GitHub上に構築されてます) Webブラウザ上に執筆専用エディタ(普通のテキストエディタで書いてもよい) Markdownっぽい記法で本を執筆できる gitベースでバージョン管理が出来る(forkもできる) collaborate 機能があって、著者、編集者、レビュアーなど複数人で編集できる HTML + C
Day 24: d3.js Advent Calendar 2013 こんにちは。くてけんです。うかうかしていて、サンフランシスコ時間での投稿になりました。 4,5日前に政府のデータカタログサイトの試行版として、DATA GO JP(http://www.data.go.jp/)がリリースされました。これはナイスタイミング!ということで、このDATA GO JPで公表されているデータを使って、R + d3.js でデータ可視化を行ってみました。 今回の流れ DATA GO JP から使用するデータセットを選ぶ R でデータ整形 d3.js でビジュアライゼーション DATA GO JP から使用するデータセットを選ぶ こちらからデータセットが検索できますが、まずJSONデータは無いので、CSVをターゲットに検索し、今回扱うデータを決めます。 http://www.data.go.jp/da
Day 11 は、Keiichiro Onoさんでした。 スクリプトを書かずに各種グラフデータをD3.jsで扱える形式に書き出す https://github.com/keiono/d3-layout-sample Day 12: d3.js Advent Calendar 2013 こんにちは。くてけんです。 皆様のご利益のある霊験あらたかな記事を拝んでいる日々ですが、d3.js 人口が少な過ぎる昨今のために、私は表題のようなライトな入門記事を書いてみました。「d3.jsっておもしろそうだねー(でもやったこと無い)」とほざく足の重い友人に本記事を押し付けて、d3.js人口の増加をお祈りしたいと思います。 さて、時間も限られているので、気持ちを切り替えてさくさく行きます! 〜1:00 ヒトのコードを動かしてみる 〜2:00 ちょろっと変えて動かしてみる 〜3:00 ドキュントとすごい人の作
このページを最初にブックマークしてみませんか?
『kuteken.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く