CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
![Vagrantの後継ツールとして、開発環境だけでなく実際の動作環境も構築できる「Otto」がリリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/106c7e478be88bc515873fc79870c7b92dd94618/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fcommon%2Fimages%2Fczlogo4fb_ogp.png)
こんにちは。モバイルファースト室の中村(@_nkmrh)です。 突然ですが、Mac上で探したレシピをすぐiPhoneで見られると便利だと思いませんか? 先日リリースしたiOSクックパッドアプリではそれが出来るようになりました。 とても便利なのでぜひ活用してください。 ※ 実はこの便利機能、次のバージョンで一旦取り下げ、問題を解決したあとで再度導入することになりました。以降の記事で事情を説明します。 Mac OS X YosemiteがインストールされたMac、iOS 8がインストールされたiPhone 5以降、iPad 第4世代、iPad Air、iPad mini、iPad mini Retinaディスプレイモデル、iPod touch 第5世代でご利用いただけます。 MacとiPhoneに同じiCloudアカウントを設定して下さい。 これがその様子...。 Mac上のSafariでクッ
ナウでヤングなレンタルサーバーと言えばロリポップですが、CSSのfont-family指定は皆さんこだわってますか? ぶっちゃけ多くの閲覧者はあんまり気にしてないかもしれませんが、さりげないおもてなしがWebサイトの見栄えを最高に良くするのです。font-familyって何? いや、CSSって何? って人も、弄ってみようfont-family。 そもそも、指定したほうがいいのか? フォントは俺に選ばせろ そもそもですが、font-family指定をしなくていいという意見があります。指定をしない場合、ブラウザで設定されたフォントが表示されます。「人それぞれ好きなフォントがあるんだから、いちいち指図するな」ということでしょうが、一部のマニア以外はブラウザのフォント設定を弄らないと思いますし、弄らない場合Windowsでは多くのブラウザのデフォルト設定であるMS Pゴシックで表示されてしまい、ク
jQueryなどでアニメーションを実装した際には アニメーション終了時に処理を実行させるのは比較的簡単なのですが CSSアニメーション制御の場合は少々面倒だったりします。 そんなCSSアニメーションの終了イベントを取得してくれるJavaScript 「Detecting CSS Animation and Transition End with JavaScript」が とても便利そうだったのでご紹介。 Detecting CSS Animation and Transition End with JavaScript – Osvaldas Valutis Detecting CSS Animation and Transition End with JavaScript – Osvaldas Valutis デモページはこちら スクリプトはjQueryで使用するパターンと jQueryに
ios5.1アプリ Xcode7/8ビルドでまた画面サイズが変になる。Launch Imageなしで対応できる場合もある。Objective-CXcode画面サイズiOS9 現象 昔Xcode6 でも同じような現象があって(確かiphone6発売の頃かな?)対応したんです。 だから大丈夫と思ってましたが・・・・・・・・・黒帯さん画面の再登場となる。(ToT) Xcode6.4まで問題なかったのにXcode7で発生した。 Googleさんに聞けば、Launch Imageを設定すれば解決すると言う。 http://qiita.com/sasanao/items/afb52bd3806806cdc788 Size classes で対応すべきだけど、iOS5.1対応なので、無理っぽい。 前回はどんな対応だったか? ・Launch Imageを設定できるようにしただけでできた。 ・Image画像
iOS9でプロビジョニングファイルを使用せず実機動作させた時のメモ 1.条件 Xcode Version 7.0 (7A220) iOS 9.0.1 2.手順 2-1.適当なプロジェクトを作って、実機を指定して動作させると、以下のエラーメッセージが表示されます。 Could Not launch "プロジェクト名" process launch failed: Security 2-2.Xcodeではエラーがでるものの、実機のホーム画面にアプリがインストールされています。 2-3.インストールされたアプリをタップすると以下のメッセージがでます。 2-4.[設定] -> [一般] -> [プロファイル] -> [ディベロッパAPP]のAppleIDを選択します。 2-5.プロファイルの画面で"AppleID"を信頼の部分を選択します。 2-6.ダイヤログが出るので[信頼]を選択します。 2-
扶養家族を増やす「裏技」 息子や娘がリストラされた際に受けられる控除もある。所得税・住民税の扶養控除だ。成人し、一度は扶養から外した子供でも、低収入・無収入の場合は、再び親の扶養家族とすることで、所得税・住民税あわせれば10万円程度の還付が受けられることもある。 扶養家族の仕組みは、6親等以内の血族、3親等以内の姻族まで対象にできるので、ひとり暮らしで収入の少ない親類縁者がいれば、同様に控除を申請できる。税務署の職員などが「裏技」として、所得の少ない親類縁者を扶養家族に入れているケースも多いという。 制度を知り、自分で申請することで得する方法は、まだまだある。たとえば、年金だ。助成金事情などに詳しく、『専業主婦で儲ける!』などの著書がある、社会保険労務士の井戸美枝氏が勧めたいというのが、「確定拠出年金」の活用だ。 確定拠出年金とは、掛け金だけを払って運用は年金基金などに任せていた従来型の年
iOS 9で追加された『Wi-Fiアシスト』は、接続しているWi-Fiの電波状況が悪いとき、自動的に3G/LTE回線で通信してくれる機能です。 この機能がユーザーの予想以上に働いてしまい、Wi-Fiを使っていたはずなのに3G/LTE回線でのデータ通信量が増えてしまった、という事例が報告されています。 Wi-Fiに繋がっているときは常にWi-Fiで通信したい場合、どうすればよいのでしょうか。この問題は設定を変えることで解決できます。 以下のページではデータ通信量を節約する、ほかの設定もご紹介しています。 → iPhoneの通信量を減らして3G/LTEの速度制限を防ぐ方法 Wi-Fiアシストをオフにしよう 設定アプリの【モバイルデータ通信】を開きましょう。 ページの一番下にある「Wi-Fiアシスト」をオフにしましょう。この機能は最初からオンになっています。 これで設定完了です。 Wi-Fiに繋
Digital Services Playbook The American people expect to interact with government through digital channels such as websites, email, and mobile applications. By building digital services that meet their needs, we can make the delivery of our policy and programs more effective. Today, too many of our digital services projects do not work well, are delivered late, or are over budget. To increase the s
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ
こんにちは。エンジニアの浅井です。 普段はマネーフォワードのiOSアプリ開発を担当しています。 弊社では、全社で使用する共通ライブラリの開発を積極的に行っています。 今回は、先日正式リリースされたSwift2.0で作成中のAPI通信基盤をご紹介します。 APIKitを参考に、下記のライブラリを用いて実装しています。 * Alamofire(HTTP通信) * ObjectMapper(JSONのパース) 本エントリーの肝 本エントリーではSwift2.0で追加された、ProtocolExtensionを利用しています。 プロトコルに実装を定義できるだけでなく、細かく条件指定ができるので、そのプロトコルに準拠したクラスの実装を少なく抑えることができます。 また、typealiasによるジェネリクスを利用することで、タイプセーフな設計になっています。 利用側のコード 兎にも角にもまずは利用側の
bugspotsはgoogleが開発した、バグ予測アルゴリズムをオープンソースとして開発されたツールです。 細かい説明は後にまとめますが、実際に使ったのを見るほうが分かりやすいので早速使ってみます。 実際に使ってみる 1.bugspotsをgemでインストール 3.結果を見てみる このHotspotsの下に出力されている左の数値がバグが起こりやすい度合いを表すスコア、右が対象のファイルになる。 メチャクチャ簡単に導入できるので、 リファクタやコードレビューなどで目星をつけるという意味では有用なツールな気がしました。 背景の説明 googleでは、チェックイン前にユニットテストやコードレビューが行われているが、コードが大量になってくると、ユニットテストやコードレビューをすり抜けたバグも少なからず発生してします。 googleではこの問題に対処するために、独自の「バグ予測アルゴリズム」を採用し
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
在京民放5社(日本テレビ、テレビ朝日、TBSテレビ、テレビ東京、フジテレビジョン)は9月28日、テレビ番組を広告付きで無料動画配信するサービス「TVer」(ティーバー)を10月26日にスタートすると発表した。 テレビ放送後、次回放送までの期間限定で視聴できる“キャッチアップサービス”。ドラマやバラエティを含め、各局が毎週10コンテンツ程度、合わせて50~60コンテンツの配信を行う計画だ。ユーザーは、PC、スマートフォン、タブレットで視聴できる(予定)。また全局連携テレビ情報アプリ「ハミテレ」に掲載されている情報も「TVer」で提供されるため、番組関連の話題もチェックできる総合テレビサイトになるという。
Markdownで書く電子書籍開発環境 #niku_sushi 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info JavaScript Plugin Architecture JavaScript Plugin Architecture 電子書籍の開発中にやったこと やりたかったこと [Markdown] 電子書籍開発環境 · Issue #42 Markdown/文章のLint インラインコードのLint ファイルのincludeするMarkdown拡張 Markdown to HTML or PDF エディタ [Markdown] 電子書籍開発環境 · Issue #42 Markdown/文章のLint => textlint インラインコードのLint => ESLint ファイルのincludeする
.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量(800bytes)プラグインを紹介します。 デモページ 単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="covervid.min.js"></script> </body> Step 2: HTML 動画を背景として表示する親要素、もしくはラッパーを配置します。 <div class="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く