第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
[CSS]フォームの見栄えをぐっとよくする、テキスト入力欄とボタンをCSS3で美しくスタイルするチュートリアル
CSS3 Form Styling Cheat Sheet CSS3でスタイルするテキスト入力欄 CSS3でスタイルするフォームのボタン CSS3でスタイルするテキスト入力欄 HTMLは非常にシンプルです。 classのhogeは、随時変更して利用してください。 HTML <form> <input type="text" class="hoge" /> </form> まずは、ベースとなるスタイルシートです。 CSS: Basic border:0; padding:10px; font-size:1.3em; font-family:Arial, sans-serif; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; width:300px; 枠線を角丸にします。
iOS開発者向け講座その1~はじめるにあたり~ - にがつうさぎ
これは 2012年の岐阜県、スマートフォンアプリ開発関連人材育成事業でiOSアプリ開発の講師をしています。その講義で口頭で話した内容の概略メモです。 情報工学を受講したことがなく、C言語などは知らない方に、iOSアプリ開発に参加する上で知っておくべき、プログラミングの概念と技術の概要を伝えるのが、目的です。 このテキストは、講義を受けた方が、あとで内容を思い出すためのメモです。思い出すための糸口として概略をまとめています。 受講内容と想定している受講者 講義回数はは、1週間に2回、ほぼ1日の講義を、2ヶ月、全16回の予定です。 受講者は、C言語を知らない、またC++などで開発経験があるなど、スキルはさまざまな、経歴もさまざまです。 ぶっちゃけゼロから作れる開発者になるのは困難だと思っています iPhoneの登場初期のような、真っ白な画面を表示するだけのアプリが”照明アプリ”として何十万ダウ
Android再入門 - 目次 - Qiita
はじめに 第6回名古屋Android勉強会 Java+Eclipse再入門 on Zusaar 第6回名古屋Android勉強会 Java+Eclipse再入門 学生枠 on Zusaar のために書きました。 イベントの流れの都合上 再入門 になっていますが、全然 再 な内容を含んでいないので 入門 でいいんじゃないかと思ってます。 あと、Java + Eclipseというよりは初心者の方でも Androidアプリを作る体験ができること と イヤにならないこと を考えた結果、逆に、Java + Eclipseにあまり触れられませんでした。Java + Eclipseについては今後の宿題ということで考えていきたいと思います。 開発環境について 環境構築については書いても書いてもバージョンが上がるので割愛しています。 以下の開発環境を構築した上でお読み頂ければ幸いです。 Eclipse He
手を使わずに読めるiPad用電子書籍リーダー『MagicReader』にあふれる期待 | ライフハッカー・ジャパン
GimmiQが開発したiPad用電子書籍リーダー『MagicReader』は、手を使わずに読書ができるアプリ。iPad 2以降に搭載のインカメラによって顔の動きを認識し、本を選んだり、ページを送ったりできます。 例えば、読書中に左を向くと、ページを左方向にめくります。右なら、右方向へ。上を向くと、本の選択画面へ戻ります。記事冒頭のプロモーション動画を見ていただければ、イメージはよりつかめるかと思います。 最初はうまく使えず戸惑いましたが、コツをつかめばしっかりページ送りできました。■認識してもらうには「顔の近さ」がカギ 顔認識モードをオンにすると、画面上部に2つの「★」マークが表れます。★がグレーから青に変わったら「認識できている」というサイン。この状態で顔を動かせば操作できます。 顔の動きをうまく認識してもらうには、どうやら「距離」が肝心のよう。試してみると、上の写真のように両手を軽く伸
C言語のポインタはメモリを想像できれば理解できる | 100% Pure NEET
最近、C言語のポインタは難しいって話をプライベートでして、そのときにした説明をまとめてみた。 コンピュータのメモリがどのようになっているか想像する これはHex Fiendというソフトを使ってあるファイルのHexダンプを見たものだけど、コンピュータのメモリも同じような構造になっているのでこれを使う。類似のソフトはHex Editorなどで検索すれば出てくるだろう。 コンピュータのメモリはこうしたずらずらと数値が記録されたマス目の連続のような構造をしている。Hex Editorなのでこれは16進数で表現されている。1バイトは16進数2桁で表現される。Hex Editorでは普通は1バイトごと、あるいは4バイトごとに区切って表示する。このエディタは一区画ごとに8桁の16進数があるので4バイトごと。 ポインタを使うのに重要なのはたぶん、こうしたメモリの内容を頭の中で思い浮かべることができることだ
プラグインは使わない！WordPress カスタマイズまとめ４０
作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ
今すぐ使いたくなる！個性的でわくわくする動きのスライダー12選（Javascript・CSS3） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ！」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 【最新スライダーはこちら！】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Slit Slider Revised http://tympanus.net/codrops/2012/10/24/slit-slider-revised/ DEMO： http://tympanus.net/Tutorials/FullscreenSlitSlider/ 絵が真ん中から横にバカッと、時
ちょっと便利なJavascriptオブジェクトの作り方
今回は、ちょっと便利なJavascriptオブジェクトの作り方をご紹介します。いわゆるモジュール・パターンと呼ばれている方法です。 はじめに 最近、HTML5への注目と共に、Javascriptを使用する機会が増えてきました。以下のように適用範囲は多岐に渡っています。 通常のWebサイトでのユーザビリティ向上 スマートフォン用Webサイト開発 HTML5アプリによるクライアント・アプリ開発 スマートフォンのハイブリッドアプリ開発 Node.jsによるサーバサイド・プログラミング このように、Javascriptが基幹となる仕組みが広がっています。クライアント側とサーバ側を同じ言語で作れることは、開発側にとってはとても有難いことです（学習コストの低減、人的リソース配分の柔軟性など）。もちろん、発注者やエンドユーアにとっても開発速度などの面で利益が生まれます。 Javascriptプログラミン
誰でも簡単にネットショップが作れる「BASE」を試してみた｜まだ仮想通貨持ってないの？
Livertyから新しいサービスが出ていますね。 BASE（ベイス） | ネットショップ作成が、今までで１番簡単に。 ネットショップは無料で作れますよ！ けっこう驚かれるのが「ネットショップはもう無料で作れますよ！」という話。このブログを読んでいる皆さんからしたら「え、何を今さら？」という感じですが、地方ではまだまだ知られていません。 たとえば「BASE」。ぼくはいつもこれ使ってます。無料でサクッとクレジットカード対応のECサイトが作れるので、たいへん重宝しますね。最近ブログ機能が追加され、集客面でも期待しやすくなりました。 超簡単にネットショップが作れるサービス BASEはStores.jpやmicroStoreと同種の「簡単にECサイトが作れるサービス」。 各サービス微妙に機能や有料プランの内容が違いますが、個人的には完全無料の「BASE」がおすすめですね。 完全無料でどうやってお金を
天下一gitconfig大会
天下一gitconfig大会(サイボウズ社内git勉強会@2012/11/20)の@teppeisの資料です。 ぎっとぎとにしてやんよ GistDeck gistでmarkdown書いたらbookmarkletでプレゼンになるよ。 ↓これをBookmarkに登録してこのページで実行してみよー！ javascript:(function()%7Bvar%20s%3Ddocument.createElement(%27script%27)%3Bs.setAttribute(%27src%27,%27https://raw.github.com/teppeis/gistdeck/fix/gistdeck.js%27)%3Bdocument.getElementsByTagName(%27head%27)%5B0%5D.appendChild(s)%3B%7D)()%3B 複数行のcodeとかが微
人間RAID - ぜぜ日記
勤労感謝の日ですね。働いているすべての人に感謝。*1 今日は働くことについて考えてみます。 働いていると、その人しかできない仕事があって休めない、というのがままあります。 会社を辞められないし、もし辞めたら事業に影響が出てしまう。 これは、仕事が属人的なものになっているのを容認し続けたマネジメントの失敗だ、と言われています。 この「その人しかできない仕事問題」は事業を継続していく上で大きなリスクだし、人員計画に問題があるとは思えます。 風邪を引いたら仕事が止まるしもし会社を辞めたら事業がつぶれる。そういうことは避けないといけません。 もちろん、交換・調達可能なスペシャリストだと話は違います。ここでは技術的にその人しかできない、というよりは複雑な業務を知っていたり、他社・他部署のキーマンとつながりがある、ということを指している程度にとらえてください。マニュアル作成が困難であったり、引き継ぎに
「こわくない Git」というスライドを発表しました - kotas.tech
社内向けに「こわくない Git」というタイトルのスライドを作って発表しました。 対象者は「マージがなんとなく怖い」「エラーが怖い」「リベース使うなって言われて怖い」と、Git が怖いと思っている人です！ こわくない Git from Kota Saito 発表中に出た質問など 補足も兼ねて、上のスライドを発表した際に出た質疑応答などをここに書いておきます。 Q: 常に Non Fast-Forward (--no-ff) でいいのでは、と思えるけど git merge がデフォルトだと Fast-Foward or Non Fast-Forward (--ff) なのはなぜ？ A1: Non Fast-Forward だと、確かにメリットが多いのですが、1点だけデメリットがあります。特に差分が無い状態で git merge --no-ff すると、空のマージコミットが作られてしまうのです。
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
ダッシュボード構築用UIライブラリ·Dashing MOONGIFT
Dashingはダッシュボード用ライブラリで、グラフを表示したり並び替えが自由にできます。 システムには必ず管理インタフェースがあります。表向き華やかでも、裏のシステムは中の人用とあって粗雑なUIであるケースが多いようです。そこで使ってみたいのがDashingです。 なんと奇麗なダッシュボード。 ドラッグアンドドロップによる配置換えも可能です。 自分の見やすいように配置を変更できます。 Dashingは数値やデータのリストを確認するのにぴったりなモダンなUIとなっています。細かなデータ管理ができる訳ではありませんが、ステータスをチェックしたりするのにぴったりです。APIが公開されているので、それにあわせてデータを配信すればDashingが華麗なUIにしてくれるはずです。 DashingはRuby製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイトの表のUIが整っ
自由度高く部品を配置するちょっと不思議なWebアプリケーション·Morphic.js MOONGIFT
Morphic.jsはWeb上に部品を配置して自由にデザインを決められるWebアプリケーションです。 ちょっと不思議なWebアプリケーションの紹介です。Morphic.jsはWeb上に独自のコンポーネントを配置できるWebアプリケーションです。モックアップを作ったり、ドローアプリケーション的に使えそうです。 トップページです。右クリックでメニューが出ます。 ドラッグして動かしたりできます。 ボックスを追加しました。 さらにスライダーやフレームを追加しました。 モバイルモードにするとメニューが大きくなります。 色設定もあります。 複数のmorphic.jsを埋め込めます。 Morphic.jsでは右クリックから部品を配置して、それを動かしたりリサイズしたりできます。ラベルを描画してフォントサイズを変更し、Webサイトのワイヤーフレームを作ったりすることもできるでしょう。いろいろな使い道が考え
シンプルゆえにカスタマイズ幅が大きいHTML5用WYSIWYGエディタ·Squire MOONGIFT
SquireはHTML5対応のWYSIWYGエディタです。シンプルなUIが特徴です。 Web上で使えるWYSIWYGエディタとしてはCKEditorなどが有名ですが、生成されるHTMLが若干やぼったいのと、動作が重たいというのが難点に感じていました。そこでSquireを紹介します。軽量、シンプルなHTML5対応のWYSIWYGエディタです。 デモです。ツールバーではなくリンクで表示されます。 値を入力するアラートがよく使われます。 入力例。 Squireは特にツールバー的な機能はありません。しかし自分たちの好きにカスタマイズできるというメリットがあります。Gzip圧縮版で9KB程度と小さく、IE8からサポートされています。イベントリスナーも数多く、文字列を選択したり、ペーストしたタイミングでの実行も可能です。 SquireはJavaScript製のオープンソース・ソフトウェア（MIT Li
Vim派はぜひ。Webブラウザベースで動作するVim風エディタ·HappyEdit MOONGIFT
HappyEditはWebベースで動作するVim風のテキストエディタです。 Webベースのテキストエディタは幾つか出てきていますが、EmacsやVimなどのキーバインドが特殊なテキストエディタを使っている人はなかなか乗り換えができないかも知れません。しかしVim派の方であればHappyEditを使ってみると幸せになれるかも知れません。 メインウィンドウです。 設定です。 :や/を押すとフローティングでコマンドが入力できます。 検索するとヒットした文字がハイライトされます。 HappyEditはAceというWebベースのテキストエディタをベースに、Vim風のキーバインドとショートカットキーを実装しています。Webベースでそのまま使うこともGoogle Chromeのアプリとしてインストールすることもできるようです。夢の広がるエディタです。 HappyEditはJavaScript製のソフトウ
JVMを32bitから64bitに変更する時はpermGenSpace消費増に注意 - Qiita
今時 32bit JVM なんてないわー JVMを 32bitから64bitに変更すると、同じアプリでも permGenSpace (permenent 領域)の要求量が増えます。この領域を使い切ると Eclipse でおなじみ OutOfMemoryError: PermGen space で GC 祭りとなり、固まります。泣きたい。 普通は設計を大幅に見直さない限り permanent 領域の容量は減らせませんので、対策は permenent 領域の割当を引き上げてやるしかありません。 割当は java 起動時の -XX:MaxPermSize オプションで変更可能です。Oracle 公式の Java Hotspot VM Options によりますと... -XX:MaxPermSize=64m Size of the Permanent Generation. [5.0 and n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nemousu.com
rebaseにまつわる３つの誤解