タグ

ブックマーク / ozpa-h4.com (37)

  • iPhoneユーザなら覚えておかないと絶対損する、カッコなどの「記号文字入力」の小ワザまとめ

    iPhoneで文字入力をする友人を見ていた時に(どんな時だ) 「あっ、その記号ならこうすればもっと簡単に入力できるのに…」 などと思うことがありましたのでまとめてみました。 「フリック入力のみ」にしておこう まずは設定のお話。 iPhoneで文字入力の速度を上げるには「フリック入力のみ」が欠かせません(指を縦横に動かしたり弾いたりして行う文字入力)。 デフォルトの状態でもフリック入力は当然可能なのですが、更に便利にするために「フリック入力のみ」をONにしておきましょう。 「フリック入力のみ」の設定方法 各種記号の出し方 ではでは、iPhoneを使用していて「この記号、簡単に出せたらなぁ…」とお悩みの方に下記の小ワザを捧げましょう。 「、」を変換 「わ」の左側にあるボタンをタップすると顔文字が色々出てきますが、右側にあるボタンを一度タップして「、」を入力すると、変換候補に ナカグロ(・) カ

    iPhoneユーザなら覚えておかないと絶対損する、カッコなどの「記号文字入力」の小ワザまとめ
  • HTML/CSS、PHP、jQueryの基礎を学ぶなら超オススメ!プログラミング学習サービス「Progate」

    まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO! エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ

    HTML/CSS、PHP、jQueryの基礎を学ぶなら超オススメ!プログラミング学習サービス「Progate」
  • 生活する上でよく使用する、無くなったら死ねるWebサービスを挙げ連ねてみる

    どう?クラウドしてる? 今や私の生活と切り離すことの出来ないWebサービスっていっぱいあるなぁと思ったので、整理の意味も含めて無造作に挙げ連ねてみようと思います。 我ながら冒頭の挨拶の意味がわかりません。 メール Gmail メールはほとんどがGmailです。特にそれ以外言うことがありません。 これで終わると寂しいのでお正月におばあちゃんちでべたブリの照り焼きを載せておきます。美味しかったです。 参考:Webブラウザ版Gmailのタブ表示をやめて以前の受信トレイに戻す方法 参考:Gmailユーザー必見!Webブラウザ版Gmailにて各種ショートカットを確認する方法 カレンダー Googleカレンダー カレンダーはGoogleカレンダーを使用中。紙のスケジュール帳は使用しておりません。 PCで閲覧するときは純正Webアプリ、iPhoneでは大好きなカレンダーアプリStaccal 2を利用し

    生活する上でよく使用する、無くなったら死ねるWebサービスを挙げ連ねてみる
  • 結婚式二次会の幹事を頼まれたらこう準備しなさい 〜ベテランが教える運営マニュアル〜

    親しい友人から、急に結婚式二次会の幹事を頼まれたらどうしますか? いつの頃からかわかりませんが 「結婚式の二次会、幹事をお願いしてもいいかな?」 「二次会パーティーの司会を頼みます!」 などと依頼されることが多くなりまして。これまでに私が関わった結婚式二次会の数は15組以上。もはやベテランと言って差し支えないでしょう。 そんなわけで、私が結婚式二次会の幹事・司会を頼まれた時にどうやって準備、運営していくのかをまとめてみました。 スケジュール 幹事を依頼されてから、当日までのながれは大体以下のとおりとなります。 新郎新婦と幹事の顔合わせ 会場との打ち合わせ レジュメ作成 タスクリストに沿って準備 (当日)抜かりなく運営 だいたいこんな感じ。だいたい、毎回、こんな感じで開催。 1.新郎新婦と幹事の顔合わせ まずは新郎新婦と幹事グループの顔合わせ兼打ち合わせを行ってもらいましょう(ここは新郎新婦

    結婚式二次会の幹事を頼まれたらこう準備しなさい 〜ベテランが教える運営マニュアル〜
  • わたしのiPhoneを超便利にしてくれる、現在使用中のおすすめウィジェットアプリ9つ

    iOS8より、ようやくiPhoneでもウィジェット機能が使用出来るようになりました。 iPhone 6 Plus購入と同時にiOS8の仲間入りをした私ですが、1ヶ月ちょっと色々試してみて、現在も使用中の便利なウィジェットを紹介しようと思います。 Staccal 2 【カレンダー】 まずはカレンダーアプリ、Staccal 2。 リリース以来変わることなく私のスケジュール管理を支えてくれる大好きなアプリ。一日の予定を確認するために使用中。 「Staccal 2」あの超人気iPhoneカレンダーアプリの続編を徹底レビュー!

    わたしのiPhoneを超便利にしてくれる、現在使用中のおすすめウィジェットアプリ9つ
  • コードスニペット管理ツール「GistBox」が良いね!とっても良いね!

    コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考:GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア

    コードスニペット管理ツール「GistBox」が良いね!とっても良いね!
  • Webデザイナー、コーダーならDLしとこう!あると地味に便利なGoogleChrome機能拡張4つ

    今日は業務でよく使う、Webデザイナー・コーダーさんならあると地味に便利なGoogleChrome機能拡張をまとめてみました。私にとって、どのエクステンションも無いと「ちょっと困る」ものたちばかりです。 Image Properties Context Menu まずはImage Properties Context Menu。 画像を右クリックすると、パスやサイズ、altテキスト、ファイルサイズ等を別ウインドウで表示してくれます。 参考:[Google Chrome]右クリックで画像のプロパティを簡単に確認できるエクステンション「Image Properties Context Menu」 MeasureIt! 続いてはMeasureIt。 ブラウザ上に「ものさし」を表示してくれるエクステンション。ささっと画像サイズを調べたり、カラムの幅を測ったりするのに使用しています。 Show Ti

    Webデザイナー、コーダーならDLしとこう!あると地味に便利なGoogleChrome機能拡張4つ
  • Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた!!

    なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど!! これはオススメだ! DLはこちら:Dewey. Better bookmarks for Google ChromeChromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。アザマス!!ハヨザイマス!!! 今までずっと求めていたブックマークをタグで管理/検索出来る機能拡張がついに出た! [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2

    Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた!!
  • コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順

    なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基的な使い方|WEB Drawerをご覧下さい。 Gruntで何が

    コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
  • 渋谷でホルモン食べたきゃここに行け!!東村アキコ先生もオススメ「ホルモン焼肉 ぶち 渋谷店」さん

    ホルモンは放るもんではない!むしゃぶりつくすものだ!! そんなわけで、最近読んだ森繁拓真先生の漫画「いいなりゴハン」にて紹介されていた、あの漫画家の東村アキコ先生もオススメという「ホルモン焼肉 ぶち 渋谷店」さんへ行ってまいりました! ホルモンもお肉もパーフェクッ お店は渋谷駅から徒歩3分ほど。駅から近くてありがたいですね! 着席!注文を済ませると炭火がやってきたぞ! ちなみに「ホルモンをハーフサイズで全部ください」の注文をしたところ厨房で「マジかよ…」とのつぶやきが聞こえたとか聞こえなかったとか。 そんな声にはめげず紹介して行きましょう!まずはもやしナムル。豆もやしってなんでこんなに美味しいんでしょう。 そしてぶちサラダ。そうだね。サラダだね。 センマイ刺し!酢味噌が合うの合わないのって! こちら名物「ホルモン刺し盛り」!ちょっと辛めの味付けがくせになるうまさ! さて、お肉に行きましょう

    渋谷でホルモン食べたきゃここに行け!!東村アキコ先生もオススメ「ホルモン焼肉 ぶち 渋谷店」さん
  • Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ

    プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「セマンティック!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために

    Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
  • 「デートの断り方」まであるとは…!日本郵便公式サイトの「お手紙文例集」がすこぶる便利な件

    電子メールの台頭やSNSの発達により、すっかり手紙を書くことも減ってしまった我々現代人。ですが、ここ一番と言う時には心を込めた手書きの文章で相手に訴えかけたいものです。 先日ちょっとお堅い文章を書かねばならず、間違いがあってはならないとネットにてビジネス用の文章例を調べていたところ、日郵便公式サイトに「お手紙文例集(レターなび)」と言うページを発見。ビジネスや冠婚葬祭で使用出来る文章が様々掲載されていたのですが、そのページがなかなか面白かったのでご紹介。

    「デートの断り方」まであるとは…!日本郵便公式サイトの「お手紙文例集」がすこぶる便利な件
  • とっても旨辛!三鷹駅から徒歩1分、人気うどん店「とらたま」さんの「豚葱つけうどん」

    職場がある三鷹駅より徒歩1分の場所にあります、人気うどん店の「とらたま」さん。 ランチべに行ってまいりました:) お店は駅北口より徒歩1分。和風の小洒落た店構えです。 元気の良い店員さんに案内されカウンターへ。 ランチメニューから豚葱つけうどんをチョイス! あとランチタイムはこれらの天ぷら類が100円という嬉しさ。ちくわ下さい! 待つこと5,6分…きました!豚葱つけうどん! うませやないかい! 見よ、このつけ汁。 見た目はものすごい辛そうですが「激辛!」というほどではなく、程よい辛さ。まさに旨辛! おうどん。程よいコシ。同じ三鷹の「ウドンスタンド五頭(ごず)」さんよりは柔らかめの仕上がりです。 具の豚!この豚! そして葱!旨辛のつけ汁との相性が抜群です!! いいぜMAJIDE こちらはうどん湯。うどんをべた後のつけ汁にお入れあそばします。つけ汁旨い!ホント旨い! あっという間に完

    とっても旨辛!三鷹駅から徒歩1分、人気うどん店「とらたま」さんの「豚葱つけうどん」
  • [吉祥寺・居酒屋]牛すじ煮込み丼が旨すぎる!!井の頭公園のほとりにある雰囲気最高の立ち飲み居酒屋「万星(まんぼし)」さん!

    お店は井の頭公園駅から徒歩0分。と言うか駅の改札が見える距離です。 カウンター席が立ち並ぶ店内。椅子の数は限られておりますので、埋まっている場合は立ち飲みとなります。(我々も立ち飲みでした) カンパーイ!! こちらは酒盗のマスカルポーネチーズ和え。いきなりですがこの日べたものの中で1,2を争う旨さでした。 マスカルポーネ(゚д゚)ウマー カウンターの中にはグツグツと煮える、名物牛すじ煮込み… 美味しそうだなぁと思っていると、@umi_kaz ちゃんから「おつぱ、ここの牛すじ煮込み丼めっちゃ美味しいよ!」 との声が。 あぁん…?牛すじ煮込み丼だぁ…?そんなもん美味いことあるかいな…! そんなわけでこちらが牛すじ煮込み丼。まあ…見た目は…旨そうじゃん… 混ぜるとこんな感じ。 ふぅん…別に…興味ないし… まずは疑ってかかります。こんなもん…美味いはずなかろうて… ガッガッ ブワッ 旨いッッッ

    [吉祥寺・居酒屋]牛すじ煮込み丼が旨すぎる!!井の頭公園のほとりにある雰囲気最高の立ち飲み居酒屋「万星(まんぼし)」さん!
  • とんでもなく参考になりすぎるEvernote使用例 7 〜@takaiphone2010 の全ノートブック晒し&Evernote運用術〜

    OZPA表4をご覧のみなさま。はじめまして、今回寄稿させていただくことになりましたtaka( @takaiphone2010 )と申します。 iPhoneEvernoteが大好きな岡山在住のサラリーマンです。 普段はCrossModeLifeというブログにてiPhoneEvernote関連はもちろん、生活の中で役立った情報や気になったことなどをマイペースに書いております。 私はEvernoteを使い始めて約2年ほど経ちますが、今ではEvernoteは生活の一部となり、ノートブックやノート数もそれなりに増えました。また日々利用して行く中でいろいろな気付きもあり、試行錯誤しながら運用もしてきました。 今はそれなりに快適なEvernoteライフを送っておりますので、思い切ってOZPA表4に寄稿をお願いさせていただいたところ、快く承諾いただきましたので、私のノートブックと運用方法を晒して行きた

    とんでもなく参考になりすぎるEvernote使用例 7 〜@takaiphone2010 の全ノートブック晒し&Evernote運用術〜
  • Google Adsenseの広告配信が停止処分→再審査申し立てのメールをとんでもない文面で送ってしまった件

    Google Food / brionv 先日アップしたとある記事がGoogle Adsenseのプログラムポリシーに抵触してしまい、広告配信停止の処分となってしまいました。 そうです。ラーメンレポートです。察してください。(まぁある程度覚悟していたのですが) いきなりアカウント停止と言う憂き目に遭わなかっただけよしとして、当該記事を削除。再度広告配信の申請をメールにて行おうとしたのですが…とんでもないことをやらかしてしまいました。 日はその一部始終をご覧頂きましょう。 広告配信停止になったらサイトを修正→「申し立て」 と、その前にAdsenseの広告配信が停止になってしまったら、どうするべきなのかを記しておきます。 まずはプログラムポリシーを確認の上サイトを修正し、ヘルプセンターに広告配信停止に対しての申し立てを行います。 そして再度サイト内を審査してもらい、プログラムポリシーに準じて

    Google Adsenseの広告配信が停止処分→再審査申し立てのメールをとんでもない文面で送ってしまった件
  • 「間抜けで気持ちの悪い文章」を書くために知っておかなければいけない6つのテクニック

    ブログや日記、メールなどを作成している際についつい「正しい文章」を書いてしまい、読んでいる人を辟易させたことはありませんか? 日語が乱れがちな現代社会。 没個性を重んじる風潮が強いこの国において、”この人は正しい日語が扱えるきっちりした人だ”と言う印象を与えることは、あなたのイメージを損ねる原因となりかねません。 そこで日は、読んでいて気持ちの悪い「間抜けな文章」を書くために知っておくべき6つのテクニックをご紹介しましょう。 間抜けな文章を書くために では実際に気持ちの悪い文章テクニックと文例を見ていきましょう。 最初に出ている青枠は気持ちの悪い(今回の講座においては正しい)文章、赤枠はきっちりと構成された大変に読み応えのない悪い例です。 1.敬体と常体を入り混ぜましょう。統一性が無くなるからだ。 私は篠崎愛ちゃんが大好きだ。 彼女の豊満な体にばかり目がいきがちですが、注目すべきはそ

    「間抜けで気持ちの悪い文章」を書くために知っておかなければいけない6つのテクニック
  • 脱Flash!素人でも簡単にHTML5アニメが作成できるMacアプリ「Hype」を使ってみた。なにこれ超楽しい!

    Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない(一部再生できるブラウザアプリはありますが)ので、困った困ったなのです。 そこで次代を担う(であろう)コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる! 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi

    脱Flash!素人でも簡単にHTML5アニメが作成できるMacアプリ「Hype」を使ってみた。なにこれ超楽しい!
  • Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ

    昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。(CS5) DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者!Illustrator初心者のた

    Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
  • 高機能テキストエディタ「Sublime Text 2」をDLしてみた&導入したプラグイン

    巷で話題フットーしそうだよぉ…と言うか話題沸騰しておりますテキストエディタ、「Sublime Text 2」。 Sublime Text: The text editor you’ll fall in love with あおり文句は「The text editor you’ll fall in love with」。 英検2級の私が全力で和訳してみたところ「このテキストエディタは愛欲が凄い」みたいな事だと思うのですが、何はともあれずっと気になっていたので先日ようやっとDLしてみました。 参考記事 DLに当たって参考にしましたのは以下の記事。なんだかとっても便利そうなにほひ。 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog ”恋に落ちるエディタ”「Subl

    高機能テキストエディタ「Sublime Text 2」をDLしてみた&導入したプラグイン