ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
![櫻田潤 | インフォグラフィック・エディター](https://cdn-ak-scissors.b.st-hatena.com/image/square/f98646889fc517df3e08b942cf1a02e92556b758/height=288;version=1;width=512/https%3A%2F%2Fjunsakurada.com%2Fwp-content%2Fuploads%2F2018%2F07%2Fprofileicon3.png)
2013年 01月 09日 今さら聞けない?有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ: Font タグ:Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5
この記事は Vim Advent Calendar 2012 の 40 日目の記事です。 昨日は @kokukuma さんのなんかvimがセグメンテーションフォルト吐いたんですけど。。でした。 はじめに プログラミングに限らず、何かを書くときにコピー&ペーストってよく使いますよね。Vim でも当然その機能はありますが、Vim の場合はレジスタという仕組みによってさらに便利に使うことができます。 今回は、私が最近覚えてすごく便利に思ったコピー&ペーストに関する小ネタを書きます。 前提知識 レジスタとは 文字列を y でコピー(Vim ではヤンクといいます)すると、その文字列は無名レジスタに蓄えられます。d とか c とかで削除した時も同様です。無名レジスタに記録された文字列を貼り付けるには単純に p や P を使います。 "ayy とか "bdw とすると、明示的に a レジスタや b レジ
こんにちは、目の前の窓から冷気が吹き込んでこの席寒い。もりたです。 LIGブログでは毎月アクセス解析を公開しているのですが、そういえばOSの情報は載ってなかったですね。 LIGブログを見ている人たちはWindowsとMacどちらのほうが多いでしょうか。 私は家ではWindowsですが、純正モニタの画面が綺麗なのとカラーマネジメントをそれほど気にしなくていいという理由から会社ではMacを使わせてもらってます。 でもやっぱりOSが違うといろいろ勝手が違って困りますね。 というわけで今回はWinユーザーがMacに馴染むためにまず入れておくべきアプリケーションや覚えておくと便利な設定などを紹介してみます。 ちなみにアプリは全部無料です!(2013年1月時点) とりあえず最初に 拡張子を表示させる 本当にWinからMacに移行するならデータの移動などなど、Winで作ったファイルをMacに入れることも
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
2009年12月06日20:30 カテゴリGoogle Chrome Google Chromeでのユーザースタイルシート管理にChromeStylist Firefoxではユーザースタイルシートを管理するStylishというアドオンがお気に入りです。 Google Chromeでは ChromeStylist という拡張が良い感じなのでメモしておきます。 インストールは以下から。 Google Chrome Extensions: Chrome Stylist Chrome Extentions by os0xにはbeta版もあり。 サイトに任意のスタイルシート適用できるExtensionです。Stylish互換、userstyles.org対応を目標としていますが、そのあたりはまだまだこれからです。 Restyle the web with Stylish! | userstyles.
こちらは、皆さんおなじみ、某ブログサービスのトップページです。 最近、レーシックの巨大なバナー広告がときどき表示されるようになってしまいました。 自分はレーシックに恐怖心があるため、このバナーに出くわすと訳もなく不安になり、落ち着いてブログを書く気分ではなくなってしまいます。技術者にあるまじき脊髄反射でサーセン、サーセン。 というわけで、怖いバナーを非表示にするために、Chromeでユーザスタイルシートを適用する方法を調べました。 すると、Stylebotというベンリな拡張があることを知ったので、使い方をメモしておきます。 Stylebot https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha StylebotをChromeにインストールすると、アドレスバーの右端に[CSS]というアイコンが表示
ymmt2005 こと山本泰宇です。こんにちは。 cybozu.com のインフラ開発チームでは仕事のかなりを Python でこなしています。 Python を選んだ理由は以下の通りです。 便利だから Python には "batteries included" と呼ばれるほど豊富な標準ライブラリが整備されています。例えば HTTP で通信するとか、JSON データを読み込むといった良くある仕事のためにいちいち外部ライブラリを探さなくていいのです。 堅いプログラミングができるから 例外やモジュールといった現代的な機構が備わっているので、ベターシェルスクリプトとして使うのに適しています。 書き方にバリエーションが少ないから チーム開発では他の人が書いたコードを手直しすることは良くあります。書く人によって書き方がいくつもあるような言語より、レビューや修正がしやすいと考えています。 標準的に使
Divvy makes quick work of even the most cluttered multi-window setup Mac|Life Divvy takes the cake TUAW My favorite way to manage my window size is now a little app named Divvy GigaOM Problem: Managing windows can be frustrating, requiring precision control of your mouse or trackpad for clicking, dragging, pushing and pulling your windows to the size and position you desire. Even with all this wor
完全に釣りタイトルですけど中身は真面目に書くよ。 近年、ウェブサイトのHTTPS化が流行のようになっている。私の知る限り、Googleの各種サービスやTwitter、Facebookなどが完全にHTTPSで通信を行うようになっている。HTTPS、つまりSSLによる通信の暗号化によって、ユーザにこれまでよりも安全なウェブサイトを提供できる。 しかし、あなたが作っているサイトをふと思いつきでHTTPS化してしまうと、たぶん、これまでよりもサイトが遅くなる。ここでは、HTTPSで通信する場合の問題を解説する。 なぜ遅くなるのか HTTPで通信する場合、クライアントがサーバへと接続するためにはTCP/IPの3ウェイハンドシェイクという手順が必要になる。めんどくさいのでここでは詳しくは説明しないが、要するにクライアントがリクエストを投げる前にパケットを1往復させないといけないのである。パケットの往復
wireframe-zoning.jpg by luc legay, on Flickr こんにちは、久保田です。 ウェブサイトのデザインやコーディングを始める前にワイヤフレームは作っていますか?ワイヤフレームは、以下の様な内容を設計するのに利用されます。 ・ページ間の遷移 ・ページの内容 ・ページの大まかなレイアウト これらの項目についてチームやクライアントと予め合意しておくと、後に続くビジュアルデザインやコーディング時の前提を共有でき、作業をスムーズに進めることが出来ます。これからどのようなウェブサイトを作るのか?ということをきちんと共有することでデザイナーやコーダーや関係者と意思統一することができるわけです。 この記事では、このワイヤフレームを書けるツールやウェブサイトを紹介します。 OmniGraffle 古くからある使いやすいMacOSX用のアプリケーションです。ワイヤフレームだ
昨日は年始の挨拶ついでに ELPA について脈絡もなく突然書きましたが、引き続き近頃の開発環境についてもだらだらと書いてみよう。 Mosh mosh というと一部の人間はひげなんとかさんが開発しているモナー的なあれを思い浮かべるかもしれないがそうではなく、mobile shell のことである。 思い切り簡略化して言うと「快適なssh」。回線が不安定な所でもエコー遅延など全く気にせず使えるし、Mac をスリープさせて復帰させたときもリモートホストにそのまま繋がりっぱなしのように見せかけてくれたりする。 詳しくはこの辺を。 mosh: MITからモバイル時代のSSH代替品 - karasuyamatenguの日記 インストールはリモートとローカル両方に必要ですが、まあ大概パッケージがあると思います。EC2 の Amazon Linux でも yum レポジトリの EPEL を有効にすれば y
最近、スマホからRESTでアクセスしてデータ取ってくるシステムのサーバーサイドを作ることが多いのですが、API仕様書書いてくれと言われて面倒になったので、なんとかしたかった。 そこで、そもそもRESTの入力と出力の仕様って、controllerのspecを書いていればそこに書いてあって出力も取れるので、それを整形してmarkdownにすりゃ大体OKじゃないかと思ったので、controllerのspecを流すついでに自動生成するようなGemを作りました。 Rubyistでない人にソース読んでくれ、とは言えないし。 joker1007/ghost_writer · GitHub なんかGemっぽいキラキラネームにしようと思って、それっぽい名前を付けましたが、相変わらず中身はしょぼいです。特に出力周りがw 後、rpsec-railsに依存しているので、railsじゃないと使えない。 使い方は、こ
First impression : 人はWebサイトを見た瞬間に印象を決めている Webサイトを作成する際に、配色はなぜ重要なのでしょうか。はじめに下記Webサイトの配色を見てください。配色のみで、何かのブランドを想像できるでしょうか? 上記のサイトは日本コカ・コーラ社のサイトです。この配色だけを見て何かしらのブランドが想像ができたならば、あなたは色を見てブランドのイメージを決めたということになります。それは、文章を1文字も読まず、配色だけで印象を決めたということですね。他にも、赤と白で配色されたブランドのロゴには以下のようなものがあります。 私たちは普段、新しいWebサイトを見た瞬間に「〇〇っぽいサイトだな」とか「〇〇系だな」など無意識にそのサイトを何かのカテゴリーに当てはめ、イメージを作っているのです。その全体的なイメージは色によるものです。 カナダのカールトン大学で行われた研究のレ
作業にあたって今回、LINEで送るボタンを設置するにあたり、以下のふたつの記事を参考にさせていただきました! スマホから見た時だけ表示するという部分は「アナザーディメンション」さんの記事。 どちらもすごく分かりやすい記事でした!ありがとうございます。 設定方法※ご注意LINEボタンを設置するだけならコピペしてちょちょいと手直しするだけなので簡単なのですが、スマホで見た時だけ表示させるためにはfunctions.phpというデリケートな部分をいじるので、必ずバックアップを取ってから行いましょう(>Д<;) なお、作業は必ず自己責任でお願いします。環境によっては正常に動作しない可能性もありますのでご了承ください。また、この作業によって何かトラブルが発生しても一切責任を負いかねますので、その認識でお願いします。 作業手順まずはfunctions.phpに以下の記述を追加します。これはスマホから見
[対象: 全員] Gmailをハッキングされた事件がいくつか年末に報告され、セキュリティを強化するためにGoogleが提供する2段階認証プロセスを実装した人もいるのではないでしょうか。 しかし僕のようなブロガーにとってはブログのセキュリティもメール同様に非常に重要です。 そこでこの記事では、Google認証システムを利用してWordPressのブログを2段階認証に対応するための設定方法を解説します。 WordPressを2段階認証にするには3つのステップが必要になります。 Googleアカウントで2段階認証プロセスを有効にする 手持ちのスマートフォンにGoogle認証システムのアプリをインストールし設定する WordPressにGoogle Authenticatorプラグインをインストールし設定する 順に説明します。 1. Googleアカウントで2段階認証プロセスを有効にする まずGo
jKit - jQuery based UI Toolkit - Index スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」 1つのライブラリで様々な機能を実現できます。必要に応じて読み込む必要がありますが、基本的にマークアップと属性をベースに記述でき、スクリプトを可能な限り書かないでもよいような実装ができるみたい。 スライドショー LightBox ソータブルなテーブル 簡易グラフ スクリプトを書くのが苦手という方は使ってみてもよさそうなライブラリでした。 関連エントリ 超クールなjQueryUIテーマ「Delta」 jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI
CSS Nite LP23フォローアップ(4)『設計段階から実装まで、今すぐ始める高速化+ライブデモ』(こもり まさあきさん) 記事公開日:2013年1月 8日(火) 2012年6月30日(土) 、ベルサール九段で開催したCSS Nite LP, Disk 23「表示速度最適化」のフォローアップとして、こもり まさあきさんの『設計段階から実装まで、今すぐ始める高速化+ライブデモ』のスライドなどを公開します。 スライド(PDF、99ページ、4.2MB) 音声(前半) 音声(後半) 当日デモで最適化したサイト 最適化前(移行しただけ)のサイト Pingdom Toolsでチェックした結果 メッセージ こもりです。LP23に参加された皆様、関係者の皆様、登壇者の皆様、土曜日は長丁場お疲れ様でした。表示高速化については、石本さんのお話にもあったように、それをやみくもにやるのではなく、その環境や状況
スニペットコードを収集している Webサイト・wp-mixのご紹介です。 wpとありますが、WordPressに留ま らず、PHPやJavaScript、CSSなど のスニペットも集めているみたい。 まだ増えるそうです。 スニペット紹介サイトです。この手のサービスは何個あっても困らないですね。被るのが難点ではありますが・・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く