プログラマーの君！ 騙されるな！ シェルスクリプトはそう書いちゃ駄目だ！！ という話 - Qiita
本記事が切っ掛けとなってお声がけを頂き、本記事の増補リファイン版となる記事をSoftwareDesign 2018年1月号のシェルスクリプト特集第2章として執筆しました。リファイン版には、この記事で触れていない文法面での分かりにくさについての解説が含まれています。その文法面での分かりにくさの解説の一部に相当する記事もありますので、ぜひそちらも併せてご覧下さい。 Shell Script Advent Calendarをご覧の皆様、図々しくも5日目に続く2度目のエントリーのPiroです。 前回は自作のBashスクリプト製Twitterクライアントをネタに実装を解説しましたが、今日は他の言語で多少のプログラミング経験はあるんだけど、どうにもシェルスクリプトは苦手だ……という人のための、シェルスクリプトによるプログラミングの勘所を解説してみようと思います。多分、プログラミング入門レベルの人や上級
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
今から新規でiOSアプリを書き始めるなら。2016年冬 - Qiita
こんにちは @yimajo です。この記事は今から新規でAndroidアプリを書き始めるなら。に大きく影響されています。主な内容として次のような事柄を取り扱っています。 今から書くならこんな設計 こんなライブラリがあるが使ってみた感想 ただ、結論として大して深い内容は書けませんでしたので、がっかりせず、みなさん思い思いにやればいいよっていうことに終着しています。アドベントカレンダーのネタにみなさんも書いてみてはどうでしょう。 言語について Objective-C か Swift か まず最初に言っておくとObjective-CやSwift以外にもiOSアプリを始める方法はあります。例えばObjective-C++とかRubyMotionとか。まあそれはそれで良いところもあると思いますが、複数人でiOSアプリ開発を行いそれを保守したり機能追加したりすることを考えるとObjective-CかS
【驚愕】9割パクられた記事をNAVERまとめに削除依頼したら送られてきたマニュアルはこれよ。。。
まとめサイトにパクられの女王、きたもとゆうこです。著名人でもないのにここまでやられてるので、そろろそ名乗っても許されると思います。 今回「ＬＩＮＥ、まとめサイト投稿者をランク付け」（日経新聞 12月6日）のなかで記者会見のときの話として「俺たちちゃんとやってるし、削除した例はない」（意訳）って言ってるみたいですが、私、少なくとも16回抗議、 個人サイトの画像の無断引用だけで25以上記事削除させてるんですけどね・・・。 そんなわけで、もう公にするつもりがなかった話を晒します。 問題は、この記事です。 NAVERまとめにGooods Pressの＆GPで書いたこのバレンタイン記事を画像やテキストをまるっとパクられ、抗議したことがあります。 そして、その返信できた文面が驚愕モノでして・・・。 このたびは、弊社ユーザーがご迷惑をお掛けすることとなり、 申し訳ございません。 ご連絡の件に関しまして、
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
iPhoneアプリ開発・運用でかかせない、吟味して選んだ便利サービスTOP10
iPhoneアプリを個人で作り始めてから5年ほどになるけど、アプリ開発や運用でかかせないサービスをまとめてみた。 それぞれに競合サービスがあったりするけど、いくつか使ってみて、最終的に本当に使うようになったものだけ書いてみる。プログラミングする時に使うツールというより、アプリを作った後の運用とか、分析とか、そっち系のサービスがメインのランキング。 iOSアプリにしか使ってないけど、Androidで使えるものも多い。 10位 Iconfinder（無料+有料） https://www.iconfinder.com/ アプリはWebサービスに比べて画面が小さいのでビジュアルデザインが楽。実質、フリーのアイコンとか有料のアイコンを利用するだけで事足りることが多い。僕はまず有料のアイコン集を買って、それでカバーできない時はこのサイトから検索してます。 例えば、フラットデザインのリロードアイコンを検
完訳「ネイティブ広告ハンドブック2017」（前編）蹴鞠おじさん語→邦訳｜岡田ぱみゅぱみゅZ女子組｜note
ヨッピー氏が「わかりづれぇ言葉で偉そうにすんな」と指摘した例のアレについて、5分で読めるよう訳したので、ご興味ある方は参照されたし。 なおハンドブックの内容自体は、まっとうであり勉強になった。 ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について ＜1ページ 「はじめに」＞ ネイティブ広告のあり方をまとめました。特に「広告枠」について。 コンテンツの役割や類型についても少し触れてます。 正しい運用で健全なネイティブ広告を！ ＜2ページ 目次＞ 目次です ＜3ページ＞ ネット広告は、いろいろ進化した。そしてネイティブ広告が生まれた。 ＜4ページ＞ ネイティブ広告の実態は理解されにくい。 昔から「広告は嫌われ者である」との考え方があった。 ＜5ページ＞ 嫌われ者の広告を見てもらうため、広告コンテンツは進化した。 ネット広告は「どうすれば嫌われないか」とタイミングなど考えた。 一方で「
ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について - ヨッピーのブログ
wikipediaより 「ネイティブ広告ハンドブック2017」というのがJIAA、日本インタラクティブ広告業界から公開されてそれについてひと悶着あったので書いておきます。 ※業界以外の人は読んでも何も面白くないと思います ネイティブ広告ハンドブック2017 http://www.jiaa.org/download/JIAA_nativead_handbook.pdf このハンドブックではいわゆるネイティブ広告についての解説と、「こうやって運用した方が良いよね」「ステマはダメだよね」みたいな事について書かれているのですが、このハンドブックに対してライターの方々から感想が投下されます。 くちきんがシェアしてた「ネイティブ広告ハンドブック2017」が取扱説明書レベルに読解大変で涙ですhttps://t.co/a1R7Y64Cv1 pic.twitter.com/7nTVNPqmVg — 塩谷 舞
秒間100万クエリを受け付ける大規模ソーシャルゲームのバックエンドDBシステムの設計・運用ノウハウ
2016/08/26 CEDEC 2016
サーバーサイドエンジニアこそAngular2をやるべきかもしれない – Heroデータを AWS Lambda+DynamoDB で取得する | DevelopersIO
サーバーサイドエンジニアこそAngular2をやるべきかもしれない – Heroデータを AWS Lambda+DynamoDB で取得する はじめに 私自身は普段サーバサイド（主にWeb API）の開発を行っているのですが、業務外でAngular2を触ってみたところかなり好感触だったのでブログにしました。この記事では、Angular2のTutorialを終えた状況から、データ取得部分をモックではなく外部サーバに置き換える例を示し、Angular2の考え方、サーバサイドとの連携方法について記録したいと思います。 Angular2をはじめたときの筆者の状況 フロントエンドスキルセット jQuery、CSSを利用したウェブページの開発経験あり とはいえ、アニメーションや色彩に明るいわけではなく、ほとんどWebアプリケーションフレームワーク任せ JavaScriptはDOM操作用の言語という考え
【40日目】遂にニュースアプリが完成した - アプリ魂
2016 - 11 - 01 【40日目】遂にニュースアプリが完成した @appdamacy です。昨日に続きiPhoneアプリ開発に挑戦しています。 今日は11日目から開発していたニュースアプリを完成させることができました。 当初目標にしていた「記事の取得・解析」「画面遷移」「SNS投稿機能」といった基本的な機能に加えて、データベースをつかった記事の保存と表示ができるようになりました。 何とかニュースアプリと呼べるだけの最低限の機能を満たしましたが、思い描いていたメニューが今の自分のレベルでは実装することができなかったことが残念でたまりません。 iPhoneアプリ開発をする上で便利なライブラリがあることを知ったので先ずはそういったものから触れていっていつか必ず実装したいです。 死ぬほど悔しいときが何回もあったので、その時の気持ちを忘れずに明日からも毎日コツコツ勉強していきたいと思います。
Web開発を爆速にする！Sublime Text 用のすごい拡張プラグイン厳選15個まとめ
Sublime Text は現在もっとも人気のあるコードエディタのひとつです。そのスピードとシンプルさ、豊富なプラグインで多くのプログラマーに愛されています。最大限に Sublime Text を活用するために、今回は普段よく利用している拡張機能をまとめてご紹介します。 詳細は以下から。 Package Control まずはじめに Package Control をインストールしなければ始まりません。Sublime Text の拡張機能を管理するためのパッケージで、これなしで拡張機能のインストール、削除も大変な作業となってしまいます。今回紹介するプラグインをインストールする前に、まず最初に行いましょう。 詳しいインストール方法については、こちらのページを参考にどうぞ。 JavaScript & NodeJS Snippet より素早くJavaScriptを記述することができるスニペットの
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
配管を通ってGitを理解してみる - Tbpgr Blog
Gitを理解するにはGitの中身の知るのが良い、 と天の声が聞こえてきたので学習がてらまとめることにしました。 この記事は個人メモ的な記事です。 基本的に既出情報なのでタイトルをみてピンと来ているかたは読む必要がありません。 ※この記事を読むタイミングとしてはGitの基本的な操作と概念をある程度理解した あとが良いと思います。曖昧な基準ですが。 Gitの2種類のコマンド 配管（ Plumbing ） コマンド 磁器（ Porcelain ） コマンド Gitの中身 Gitオブジェクト blob オブジェクト tree オブジェクト commit オブジェクト tag オブジェクト 参照 .git配下のファイル、ディレクトリの説明 HEAD ファイル index ファイル objects ディレクトリ refs ディレクトリ 関連資料 Gitの2種類のコマンド Gitの中身はキーバリュー型の
CSSのクラス名を決めるときに使うリストをつくりました
CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitHub 以下投稿時の内容です。 名前をつけることは難しいですが、とても重要なことです。 CSSには設計思想が必要ですが、実践するにあたり、名前と機能の意味がとおり、名前のつけ方にブレがないようにするべきです。 このドキュメントでは、CSSでよく使われる単語を分
MySQLインデックスのお手入れの基本 | Yakst
Percona Database Performance Blogの翻訳。既に運用を始めたデータベースで、インデックスが正しく使われているか、無駄や不足がないかを確認する方法のまとめ記事。クエリをひとつひとつ確認するのではなく、統計情報を元に判断する分かりやすい方法。 このブログ記事では、MySQLインデックスに手入れする基本的なステップについて見ていこうと思います。 データベースは、インデックス次第でハイパフォーマンスにも、役立たずで遅くて大変にもなりうることはご存知でしょう。インデックスは、時々手入れをする価値がある非常に重要なものです。それでは、何をチェックすればよいのでしょうか？順不同ですが、確認すべき点を挙げてみます。 1. 使われていないインデックス sysスキーマで、使われていないインデックスをとても簡単に見つけられます。 schema_unused_indexes ビューを
はてな教科書 JavaScript編
はてな教科書JavaScript編 講義の目的 JavaScriptについて、自分で調べて学習するための基礎知識を身につける リファレンスをひけば良い部分は覚えない 話の流れ JavaScriptの言語コア部分 構文とか WebとJSにまつわるあれこれ DOM 非同期プログラミング Ajax jQuery フロントエンド設計 Node.js 駆け足で進めるので、速すぎるなら遠慮せず言ってください！ LICENSE この作品は クリエイティブ・コモンズ表示 - 非営利 - 継承2.1日本ライセンス の下に提供されています。
掲示板のJavaScriptこういう風に最適化しました - ✘╹◡╹✘
最近Railsで掲示板つくってて、サボって後回しにしていたJavaScriptの最適化をやりました。 掲示板の構成 Webpackを使っている Reactを使っている Server-Side Renderingをやっている Railsを使っている Sprocketsを使っていない 作業内容 webpack-bundle-size-analyzerで容量の大きいpackageを調査 HTTPクライアントに利用していたjQueryを撤廃 HTTPクライアントにaxiosを採用 lodashを一部しか読み込まないように変更 moment.jsの不要なlocaleを読み込まないように設定 変更結果 これでminify後の容量が770KB→476KBに。gzip圧縮状態では202KB→125KB。 $(npm bin)/webpack --profile --json | webpack-bundl
アカウント一斉凍結を受けて、Twitter とのつきあい方を考え直すことにしました
アカウント一斉凍結を受けて、Twitter とのつきあい方を考え直すことにしました 2016年10月01日 08:58Twitter 2016年5月のこと。運営している Twitter の bot アカウントが一斉に凍結されました。 顛末 ことの流れを簡単に書いておきます。 5月のとある日、運営している bot をフォローしてる人から連絡をもらい、アカウントが凍結されていることを知りました。 ふと気になって他のアカウントを見ると、その多くが凍結されている。なんだこれは。 凍結されたアカウントのひとつにログインすると、こんなことが書かれてました。 凍結済みアカウント このアカウントは凍結されています。アカウントの凍結についてはこちらをご覧ください。 この「こちら」を開いてみたら凍結解除の方法について書かれてたからその手順を踏もうとしたんだけど、そもそもそのためのリンクやボタンが表示されません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアル デザインのガイドライン（日本語版）
